:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,sans-serif;background:#fff}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}canvas:focus-visible{outline:1px solid #d9d9d9;outline-offset:-6px}.fallback{position:absolute;inset:0;display:grid;place-content:center;padding:32px;color:#666;line-height:1.8;text-align:center}.project-title{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) translateY(5px);max-width:min(560px,78vw);color:#494949;font-size:clamp(16px,1.6vw,23px);font-weight:400;letter-spacing:-.025em;line-height:1.4;text-align:center;overflow-wrap:anywhere;pointer-events:none;opacity:0;transition:opacity .24s ease,transform .3s ease}.project-title.is-visible{opacity:1;transform:translate(-50%,-50%)}.project-title[data-scene=gallery]{top:calc((var(--ring-bottom, 78%) + 90.5% - 30px) / 2);color:#9a9a9a;font-size:clamp(14px,1.25vw,18px)}.project-title[data-scene=timeline]{left:11.2%;top:50%;width:34vw;max-width:34vw;height:9.6em;padding:0;transform:translateY(-50%) translateY(5px);background:none;text-align:left;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:clamp(22px,2vw,29px);font-weight:400;letter-spacing:-.035em;line-height:1.45;color:#292b2d;perspective:34em;perspective-origin:0 50%}.project-title.is-visible[data-scene=timeline]{transform:translateY(-50%)}.collection-name{position:absolute;left:0;right:0;top:50%;margin-top:-.725em;font:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:0 50%;backface-visibility:hidden;will-change:transform,opacity}.project-title[data-scene=sphere]{display:none}@media(max-width:600px){.project-title[data-scene=timeline]{left:8%;top:76px;width:80vw;max-width:80vw;height:6em;transform:translateY(5px);font-size:16px}.project-title.is-visible[data-scene=timeline]{transform:none}}.app-chrome{position:fixed;inset:0;pointer-events:none;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif;color:#2b2b2b}.app-chrome button{font:inherit;color:inherit}.chrome-header{transition:opacity .6s ease,visibility 0s}.app-chrome[data-scene=intro] .chrome-header{opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.chrome-start{position:absolute;left:50%;top:86%;margin:0;transform:translate(-50%);color:#c2c2c2;font-size:14px;font-weight:300;letter-spacing:.01em;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility 0s linear .4s}.app-chrome[data-scene=intro] .chrome-start{opacity:1;visibility:visible;transition:opacity .8s ease .3s;animation:start-breathe 2.4s ease-in-out 1.1s infinite}@keyframes start-breathe{50%{opacity:.45}}.chrome-greeting,.chrome-hint,.chrome-prompt{opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s}.app-chrome[data-scene=gallery] .chrome-greeting,.app-chrome[data-scene=gallery] .chrome-hint,.app-chrome:is([data-scene=gallery],[data-scene=timeline],[data-scene=sphere]) .chrome-prompt{opacity:1;visibility:visible;transition:opacity .6s ease}.chrome-header{position:absolute;left:0;right:0;top:0;height:88px;padding:0 33px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.chrome-header>*{pointer-events:auto}.chrome-logo{justify-self:start;display:block}.chrome-logo img{display:block;width:105px;height:auto}.chrome-menu{display:flex;align-items:center;gap:0;height:39px;padding:0 0 0 2px;border-radius:999px;background:linear-gradient(180deg,#ffffff57,#ffffff14 55%,#fff3),#d0d9e280;box-shadow:inset 0 0 6px 1px #ffffffbf,inset 0 1px 1px #ffffffe6,0 8px 24px #5a6e8717;-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6)}.chrome-menu button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;height:35px;min-width:38px;padding:0 9px;border:0;border-radius:999px;background:none;color:#333;cursor:pointer;transition:background .2s ease}.chrome-menu button svg{width:16px;height:16px;flex:none}.chrome-menu button:not(.is-active):hover{background:#ffffff73}.chrome-menu button.is-active{width:91px;margin-right:10px;padding:0 14px;background:radial-gradient(75% 95% at 50% 62%,#b2dcf0f2,#c4dff0d9 55%,#d6e4f0b3);box-shadow:inset 0 0 7px 1px #fffc,inset 0 -2px 4px #96c8e659,0 3px 10px #78aad238;font-size:13px;letter-spacing:.01em}.chrome-menu button.is-active:after{content:"";position:absolute;left:50%;bottom:4px;width:8px;height:4px;margin-left:-6px;border-radius:4px;background:#fff}.chrome-account{justify-self:end;display:flex;align-items:center;gap:13px}.chrome-credit{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px 0 8px;border-radius:999px;background:radial-gradient(55% 75% at 45% 100%,#ff78be8c,#ff96cd00),#f0deecbf;box-shadow:inset 0 0 5px #fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#222;font-size:11.5px;line-height:1;font-variant-numeric:tabular-nums}.chrome-credit svg{width:13px;height:13px;color:#ff5ea8}.chrome-avatar{position:relative;width:38px;height:38px;padding:0;border:0;border-radius:50%;overflow:hidden;background:#e1e7ea;cursor:pointer}.chrome-avatar:before,.chrome-avatar:after{content:"";position:absolute;left:50%;border-radius:50%;background:#cbd1d4;transform:translate(-50%)}.chrome-avatar:before{top:7px;width:14px;height:14px}.chrome-avatar:after{top:24px;width:30px;height:26px}.chrome-greeting{position:absolute;left:50%;top:16%;margin:0;transform:translate(-50%,-50%);font-size:clamp(30px,3.4vw,64px);font-weight:400;letter-spacing:-.005em;line-height:1.2;white-space:nowrap;background:linear-gradient(90deg,#fe7dbd,#ff78b3 30%,#ff8fba 55%,#ffaec2);-webkit-background-clip:text;background-clip:text;color:transparent}.chrome-hint{position:absolute;left:50%;top:calc(var(--ring-y, 50%) + 22px);width:190px;height:62px;transform:translate(-50%,-50%);color:#cbcbcb}.app-chrome[data-scene=gallery] .chrome-hint{transition:opacity .8s ease}.app-chrome .chrome-hint.is-hidden{opacity:0;transition:opacity .35s ease}.chrome-hint svg{position:absolute;inset:0;width:100%;height:100%}.chrome-hint span{position:absolute;left:0;right:0;top:50%;transform:translateY(-58%);color:#c2c2c2;font-size:14px;font-weight:300;text-align:center}.chrome-prompt{position:absolute;left:50%;top:90.5%;width:80.8%;height:60px;transform:translate(-50%,-50%);pointer-events:auto}.prompt-goo{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:#ffd8ece6;opacity:0;pointer-events:none}.prompt-goo.is-active{opacity:1}.prompt-bar,.prompt-back{position:absolute;top:0;bottom:0;border:0;border-radius:999px;background:linear-gradient(180deg,#ffffff4d,#fff0 50%,#ffffff2e),#ffcde68c;box-shadow:inset 0 0 8px 1px #ffffffb3,inset 0 1px 1px #ffffffe6,inset 14px 0 22px -14px #f082b980,0 12px 32px #ff82be24;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5)}.prompt-back{left:0;width:60px;display:grid;place-items:center;padding:0;color:#5a5a5a;cursor:pointer;opacity:0}.prompt-back svg{width:22px;height:22px}.chrome-prompt[data-mode=merged] .prompt-back{pointer-events:none}.prompt-bar{left:0;right:0;display:flex;align-items:center;padding:4px;transform-origin:0 50%;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.prompt-bar:focus-visible{box-shadow:inset 0 0 8px 1px #ffffffb3,0 0 0 2px #ff8cc380}.prompt-placeholder{flex:1;min-width:0;padding:0 16px 0 38px;color:#6f6a6d;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-generate{display:grid;place-items:center;flex:none;width:125px;height:52px;border:0;border-radius:999px;background:radial-gradient(closest-side,#fe76baf2,#ff92c8d9 55%,#ffbadcb3);box-shadow:inset 0 0 8px 1px #ffffff8c,inset 0 1px 1px #ffffffb3,0 4px 16px #ff6eb447;color:#111;font-size:17px;cursor:pointer;transition:filter .2s ease}.prompt-bar:hover .prompt-generate{filter:saturate(1.15) brightness(1.02)}@media(max-width:600px){.chrome-header{height:64px;padding:0 16px}.chrome-logo img{width:72px}.chrome-menu{height:34px;padding:0 4px 0 2px}.chrome-menu button{min-width:30px;height:30px;padding:0 6px}.chrome-menu button.is-active{width:auto;margin-right:2px;padding:0 10px}.chrome-menu button.is-active span,.chrome-credit{display:none}.chrome-avatar{width:32px;height:32px}.chrome-greeting{top:15%}.chrome-prompt{width:calc(100% - 32px);height:52px;top:auto;bottom:14px;transform:translate(-50%)}.prompt-back{width:52px}.prompt-placeholder{padding-left:20px;font-size:15px}.prompt-generate{width:96px;height:44px;font-size:15px}.project-title[data-scene=gallery]{top:calc((var(--ring-bottom, 78%) + 100% - 66px) / 2)}}