*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-void:#03020a;--color-deep-space:#0a0818;--past-primary:#1a0a00;--past-secondary:#c97d2a;--past-glow:#c97d2a66;--past-particle:#f5c87a;--past-text:#f0d9b5;--present-primary:#00081a;--present-secondary:#38bdf8;--present-glow:#38bdf873;--present-particle:#7dd3fc;--present-text:#e0f2fe;--future-primary:#0a0018;--future-secondary:#c084fc;--future-glow:#c084fc66;--future-particle:#e9d5ff;--future-text:#f3e8ff;--active-primary:var(--present-primary);--active-secondary:var(--present-secondary);--active-glow:var(--present-glow);--active-particle:var(--present-particle);--active-text:var(--present-text);--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-blur:blur(20px);--glass-shadow:0 8px 40px #00000080;--font-display:"Cinzel", Georgia, serif;--font-editorial:"Cormorant Garamond", Georgia, serif;--font-body:"Inter", system-ui, sans-serif;--ease-cinematic:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--breathe-duration:4s;--user-accent:#8b5cf6}html[data-section=past]{--active-primary:var(--past-primary);--active-secondary:var(--past-secondary);--active-glow:var(--past-glow);--active-particle:var(--past-particle);--active-text:var(--past-text)}html[data-section=present]{--active-primary:var(--present-primary);--active-secondary:var(--present-secondary);--active-glow:var(--present-glow);--active-particle:var(--present-particle);--active-text:var(--present-text)}html[data-section=future]{--active-primary:var(--future-primary);--active-secondary:var(--future-secondary);--active-glow:var(--future-glow);--active-particle:var(--future-particle);--active-text:var(--future-text)}html,body{background:var(--color-void);color:#ffffffe0;width:100%;height:100%;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{background:0 0;border:none;flex-direction:column;width:100%;max-width:100%;height:100svh;min-height:100svh;margin:0;padding:0;display:flex;position:relative;overflow:hidden}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:focus-visible{outline:2px solid var(--active-secondary);outline-offset:2px;border-radius:4px}.app-shell{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.app-main{z-index:10;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.section-stage{transition:transform .38s var(--ease-cinematic), opacity .38s ease, border-radius .38s ease;will-change:transform;flex:1;position:relative;overflow:hidden}.section-stage--peeking{opacity:.18;pointer-events:none;border-radius:24px;transform:scale(.78)translateY(14px)}.section-slot{transition:transform .7s var(--ease-cinematic), opacity .7s ease;will-change:transform;position:absolute;inset:0}.section-slot--active{opacity:1;pointer-events:auto;transform:translate(0)}.section-slot--left{opacity:0;pointer-events:none;transform:translate(-100%)}.section-slot--right{opacity:0;pointer-events:none;transform:translate(100%)}.present-section{flex-direction:column;height:100%;display:flex;overflow:hidden}.living-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.living-bg__void{background:var(--color-void);position:absolute;inset:0}.living-bg__aurora-liked-1,.living-bg__aurora-liked-2{mix-blend-mode:screen;will-change:transform;width:100%;height:100%;transition:background 2s;position:absolute}.living-bg__aurora-liked-1{opacity:.6;animation:28s ease-in-out infinite alternate auroraDrift2}.living-bg__aurora-liked-2{opacity:.4;animation:38s ease-in-out infinite alternate auroraDrift1}.living-bg__aurora-1,.living-bg__aurora-2{mix-blend-mode:screen;will-change:transform;border-radius:50%;width:100%;height:100%;transition:background 1.2s;position:absolute}.living-bg__aurora-1{background:radial-gradient(ellipse 80% 60% at 30% 40%, var(--active-glow), transparent 70%);animation:25s ease-in-out infinite alternate auroraDrift1}.living-bg__aurora-2{background:radial-gradient(ellipse 60% 80% at 70% 60%, var(--active-glow), transparent 70%);opacity:.7;animation:33s ease-in-out infinite alternate auroraDrift2}@keyframes auroraDrift1{0%{transform:translate(0%)scale(1)}33%{transform:translate(8%,-5%)scale(1.05)}66%{transform:translate(-6%,8%)scale(.95)}to{transform:translate(4%,-10%)scale(1.08)}}@keyframes auroraDrift2{0%{transform:translate(0%)scale(1)}25%{transform:translate(-10%,6%)scale(1.1)}75%{transform:translate(7%,-8%)scale(.92)}to{transform:translate(-4%,12%)scale(1.04)}}.living-bg__stars{position:absolute;inset:0}.living-bg__star{background:var(--active-particle);box-shadow:0 0 4px var(--active-particle);animation:twinkle var(--twinkle-duration,4s) ease-in-out infinite;animation-delay:var(--twinkle-delay,0s);border-radius:50%;transition:background 1.2s,box-shadow 1.2s;position:absolute}@keyframes twinkle{0%,to{opacity:.15;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.living-bg__breathe{background:radial-gradient(circle at 50% 50%, var(--active-glow), transparent 60%);animation:breathe var(--breathe-duration) ease-in-out infinite;will-change:transform, opacity;transition:background 1.2s;position:absolute;inset:0}@keyframes breathe{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.45;transform:scale(1.06)}}.living-bg__grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.intro{z-index:100;background:var(--color-void);justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}.intro--fading{opacity:0;pointer-events:none}.intro__lens{background:var(--color-void);z-index:1;transition:opacity 1.4s;position:absolute;inset:0}.intro__lens--clear{opacity:0}.intro__crack{z-index:2;width:6px;height:6px;transition:transform .8s var(--ease-cinematic), opacity .8s ease;background:#ffffffe6;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 20px 8px #ffffff4d,0 0 60px 20px #b48cff33}.intro__crack--visible{transform:translate(-50%,-50%)scale(1)}.intro__words{z-index:3;justify-content:space-between;align-items:center;padding:0 8%;display:flex;position:absolute;inset:0}.intro__word{opacity:0;transition:opacity .6s,transform .6s}.intro__word--past{font-family:var(--font-editorial);color:var(--past-secondary);text-shadow:0 0 40px var(--past-glow);letter-spacing:.08em;align-self:center;font-size:clamp(28px,5vw,60px);font-style:italic;font-weight:400}.intro__word--present{font-family:var(--font-display);color:var(--present-particle);text-shadow:0 0 60px var(--present-glow), 0 0 120px #38bdf833;letter-spacing:.06em;text-align:center;flex:1;align-self:center;font-size:clamp(36px,7vw,88px);font-weight:600}.intro__word--future{font-family:var(--font-display);color:var(--future-particle);text-shadow:0 0 40px var(--future-glow);letter-spacing:.08em;align-self:flex-start;margin-top:42%;font-size:clamp(28px,5vw,60px);font-weight:400}@keyframes wordBloom{0%{opacity:0;letter-spacing:.9em;filter:blur(20px);transform:scale(.9)}70%{opacity:1;letter-spacing:.1em;filter:blur();transform:scale(1.02)}to{opacity:1;letter-spacing:.08em;filter:blur();transform:scale(1)}}.intro__word--blooming{animation:wordBloom 1s var(--ease-cinematic) forwards}@keyframes wordConverge{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(var(--cx,0), var(--cy,0)) scale(.5)}}.intro__word--converge-past{animation:wordConverge .7s var(--ease-cinematic) forwards;--cx:40vw}.intro__word--converge-present{animation:wordConverge .7s var(--ease-cinematic) forwards;--cx:0;--cy:0}.intro__word--converge-future{animation:wordConverge .7s var(--ease-cinematic) forwards;--cx:-40vw;--cy:-30vh}.section-picker{z-index:90;flex-direction:column;animation:1.4s forwards pickerFocusIn;display:flex;position:fixed;inset:0}@keyframes pickerFocusIn{0%{filter:blur(40px);opacity:0}40%{opacity:1}to{filter:blur();opacity:1}}.section-picker--exiting{animation:pickerFocusOut .5s var(--ease-cinematic) forwards}@keyframes pickerFocusOut{to{filter:blur(20px);opacity:0;transform:scale(1.04)}}@media (width>=640px){.section-picker{flex-direction:row}}.section-panel{cursor:pointer;transition:flex .6s var(--ease-spring), box-shadow .4s ease;color:inherit;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:33.33svh;padding:0;display:flex;position:relative;overflow:hidden}.section-panel:hover,.section-panel:focus-visible{outline:none;flex:1.4}.section-panel+.section-panel{border-top:1px solid #ffffff12}@media (width>=640px){.section-panel+.section-panel{border-top:none;border-left:1px solid #ffffff12}}.section-panel__bg{opacity:0;transition:opacity .4s;position:absolute;inset:0}.section-panel:hover .section-panel__bg,.section-panel:focus-visible .section-panel__bg{opacity:1}.section-panel--past .section-panel__bg{background:radial-gradient(#c97d2a2e 0%,#0000 70%)}.section-panel--present .section-panel__bg{background:radial-gradient(#38bdf82e 0%,#0000 70%)}.section-panel--future .section-panel__bg{background:radial-gradient(#c084fc2e 0%,#0000 70%)}.section-panel__accent-line{width:1px;height:60px;transition:height .4s var(--ease-cinematic), opacity .4s ease;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-panel--past .section-panel__accent-line{background:linear-gradient(to top, var(--past-secondary), transparent)}.section-panel--present .section-panel__accent-line{background:linear-gradient(to top, var(--present-secondary), transparent)}.section-panel--future .section-panel__accent-line{background:linear-gradient(to top, var(--future-secondary), transparent)}.section-panel:hover .section-panel__accent-line,.section-panel:focus-visible .section-panel__accent-line{opacity:1;height:120px}.section-panel__content{z-index:2;opacity:0;animation:contentBloom .9s var(--ease-cinematic) forwards;text-align:center;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;display:flex;position:relative}.section-panel:first-child .section-panel__content{animation-delay:.4s}.section-panel:nth-child(2) .section-panel__content{animation-delay:.7s}.section-panel:nth-child(3) .section-panel__content{animation-delay:1s}@keyframes contentBloom{0%{opacity:0;filter:blur(16px);transform:scale(.94)}60%{opacity:1;filter:blur();transform:scale(1.01)}to{opacity:1;filter:blur();transform:scale(1)}}.section-panel__glyph{opacity:.6;transition:opacity .3s ease, transform .3s var(--ease-spring);font-size:28px;line-height:1}.section-panel--past .section-panel__glyph{color:var(--past-secondary)}.section-panel--present .section-panel__glyph{color:var(--present-secondary)}.section-panel--future .section-panel__glyph{color:var(--future-secondary)}.section-panel:hover .section-panel__glyph,.section-panel:focus-visible .section-panel__glyph{opacity:1;transform:scale(1.2)}.section-panel__name{letter-spacing:.18em;text-transform:uppercase;transition:text-shadow .3s ease, letter-spacing .4s var(--ease-cinematic)}.section-panel--past .section-panel__name{font-family:var(--font-editorial);color:var(--past-text);font-size:clamp(22px,4vw,44px);font-style:italic;font-weight:400}.section-panel--present .section-panel__name{font-family:var(--font-display);color:var(--present-text);font-size:clamp(26px,5vw,56px);font-weight:600}.section-panel--future .section-panel__name{font-family:var(--font-display);color:var(--future-text);font-size:clamp(22px,4vw,44px);font-weight:400}.section-panel--past .section-panel__name{text-shadow:0 0 40px var(--past-glow)}.section-panel--present .section-panel__name{text-shadow:0 0 60px var(--present-glow)}.section-panel--future .section-panel__name{text-shadow:0 0 40px var(--future-glow)}.section-panel:hover .section-panel__name{letter-spacing:.24em}.section-panel__desc{font-family:var(--font-editorial);color:#ffffff59;max-width:200px;font-size:clamp(13px,1.8vw,17px);font-style:italic;line-height:1.5;transition:color .3s,opacity .3s}.section-panel:hover .section-panel__desc,.section-panel:focus-visible .section-panel__desc{color:#fff9}.section-panel__arrow{opacity:0;transition:opacity .3s ease, transform .3s var(--ease-spring);color:#fff6;letter-spacing:.1em;font-size:12px;transform:translateY(-4px)}.section-panel:hover .section-panel__arrow,.section-panel:focus-visible .section-panel__arrow{opacity:1;transform:translateY(0)}.section-picker__eyebrow{z-index:10;font-family:var(--font-display);letter-spacing:.35em;text-transform:uppercase;color:#fff3;white-space:nowrap;opacity:0;font-size:10px;font-weight:600;animation:.6s 1.4s forwards eyebrowIn;position:absolute;top:24px;left:50%;transform:translate(-50%)}@keyframes eyebrowIn{to{opacity:1}}.color-picker-btn{cursor:pointer;width:24px;height:24px;transition:transform .2s var(--ease-spring), border-color .2s ease;background:var(--user-accent,#8b5cf6);box-shadow:0 0 10px color-mix(in srgb, var(--user-accent,#8b5cf6) 50%, transparent);border:2px solid #ffffff40;border-radius:50%;flex-shrink:0;position:relative}.color-picker-btn:hover{border-color:#ffffff80;transform:scale(1.15)}.color-picker-panel{z-index:200;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:paletteSlideUp .4s var(--ease-spring) forwards;background:#060412f7;border-top:1px solid #ffffff14;border-radius:24px 24px 0 0;padding:20px 20px 36px;position:fixed;bottom:0;left:0;right:0}@keyframes paletteSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.color-picker-panel--closing{animation:.3s forwards paletteSlideDown}@keyframes paletteSlideDown{to{transform:translateY(100%)}}.color-picker-panel__handle{background:#ffffff26;border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.color-picker-panel__label{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;color:#ffffff47;text-align:center;margin-bottom:16px;font-size:10px;font-weight:600}.color-picker-panel__grid{grid-template-columns:repeat(5,1fr);gap:12px;max-width:380px;margin:0 auto;display:grid}.color-swatch{cursor:pointer;flex-direction:column;align-items:center;gap:6px;display:flex}.color-swatch__dot{width:40px;height:40px;transition:transform .2s var(--ease-spring), box-shadow .2s ease;border:2px solid #ffffff1f;border-radius:50%}.color-swatch:hover .color-swatch__dot{transform:scale(1.15)}.color-swatch--active .color-swatch__dot{border-color:#fff9;transform:scale(1.1);box-shadow:0 0 0 3px #ffffff26}.color-swatch__name{letter-spacing:.08em;color:#ffffff4d;text-align:center;font-size:8px;line-height:1.2;transition:color .2s}.color-swatch--active .color-swatch__name{color:#ffffffb3}.color-picker-overlay{z-index:199;background:#0006;animation:.2s forwards overlayIn;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.nav{z-index:20;flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding:12px 20px 4px;display:flex;position:relative}.nav__dots{align-items:center;gap:10px;display:flex}.nav__dot{transition:width .4s var(--ease-spring), height .4s var(--ease-spring), background .4s ease, box-shadow .4s ease, opacity .4s ease;cursor:pointer;border:none;border-radius:50%;padding:0}.nav__dot--past{background:var(--past-secondary)}.nav__dot--present{background:var(--present-secondary)}.nav__dot--future{background:var(--future-secondary)}.nav__dot--active{opacity:1;width:10px;height:10px}.nav__dot--active.nav__dot--past{box-shadow:0 0 12px var(--past-glow), 0 0 4px var(--past-secondary)}.nav__dot--active.nav__dot--present{box-shadow:0 0 12px var(--present-glow), 0 0 4px var(--present-secondary)}.nav__dot--active.nav__dot--future{box-shadow:0 0 12px var(--future-glow), 0 0 4px var(--future-secondary)}.nav__dot--inactive{opacity:.3;width:5px;height:5px}.nav__dot--done{opacity:.15;cursor:default}.post-card{border:1.5px solid var(--user-accent,#ffffff1f);width:100%;height:100%;box-shadow:0 8px 40px #0009, 0 0 0 1px #0006, 0 0 30px color-mix(in srgb, var(--user-accent,transparent) 20%, transparent);scrollbar-width:none;background:#080616f5;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden auto}.post-card::-webkit-scrollbar{display:none}.post-card__media{flex-shrink:0;width:100%;height:200px;position:relative}.post-card__media:after{content:"";pointer-events:none;background:linear-gradient(#0000,#080616f5);height:80px;position:absolute;bottom:0;left:0;right:0}.post-card--past .post-card__media{filter:sepia(.2)saturate(.85)}.post-card--future .post-card__media{filter:saturate(.9)brightness(.95)}.post-card--reel .post-card__reel-media{flex:1 0;justify-content:center;align-items:center;width:100%;min-height:220px;display:flex;position:relative}.post-card__reel-play{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:56px;height:56px;transition:transform .2s var(--ease-spring), background .2s ease;cursor:pointer;background:#ffffff26;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex;position:relative}.post-card__reel-play:hover{background:#ffffff40;transform:scale(1.1)}.post-card__reel-duration{z-index:2;color:#fffc;letter-spacing:.05em;background:#00000080;border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;bottom:12px;right:12px}.post-card__vchat{flex-shrink:0;padding:16px 16px 8px}.post-card__vchat-grid{border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;display:grid;overflow:hidden}.post-card__vchat-tile{aspect-ratio:4/3;background:#ffffff0a;border:1px solid #ffffff12;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.post-card__vchat-avatar{width:36px;height:36px;font-family:var(--font-display);background:rgba(var(--user-accent-rgb,139,92,246), .15);color:#ffffffb3;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.post-card__vchat-name{color:#ffffff59;letter-spacing:.05em;font-size:10px}.post-card__vchat-footer{justify-content:space-between;align-items:center;padding:8px 4px 0;display:flex}.post-card__vchat-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;font-size:10px}.post-card__vchat-duration{color:#fff6;letter-spacing:.04em;font-size:11px;font-weight:500}.post-card__body{flex-direction:column;flex-shrink:0;gap:10px;padding:14px 18px 16px;display:flex}.post-card__author{align-items:center;gap:10px;display:flex}.post-card__avatar{width:34px;height:34px;font-family:var(--font-display);background:color-mix(in srgb, var(--user-accent,#8b5cf6) 18%, #080616cc);color:var(--active-text);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.post-card__author-info{flex-direction:column;flex:1;gap:1px;display:flex}.post-card__name{color:#ffffffd6;letter-spacing:.02em;font-size:13px;font-weight:500}.post-card__timestamp{font-family:var(--font-editorial);color:#ffffff47;font-size:11px;font-style:italic}.post-card__content{margin:0;line-height:1.7}.post-card--past .post-card__content{font-family:var(--font-editorial);color:#f0d9b5;font-size:17px}.post-card--present .post-card__content{font-family:var(--font-body);color:#e0f2fe;font-size:15px}.post-card--future .post-card__content{font-family:var(--font-display);letter-spacing:.025em;color:#f3e8ff;font-size:13px}.post-card__footer{border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.post-card__presence{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--user-accent,#8b5cf6) 70%, #fff6);flex:1;font-size:9px;font-weight:600}.post-card__like{color:#ffffff61;cursor:pointer;transition:color .25s ease, border-color .25s ease, background .25s ease, transform .2s var(--ease-spring);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:100px;flex-shrink:0;align-items:center;gap:4px;padding:5px 10px;font-size:13px;display:flex}.post-card__like:hover{color:#ffffffa6;border-color:#fff3;transform:scale(1.08)}.post-card__like--liked{color:#f87171;background:#f8717114;border-color:#f8717159}.post-card__like-icon{transition:transform .3s var(--ease-spring);font-size:14px;line-height:1}.post-card__like--liked .post-card__like-icon{transform:scale(1.25)}.post-card--future:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#0000 30%,#c084fc0a 50%,#0000 70%) 0 0/200% 200%;animation:5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-100% -100%}50%{background-position:200% 200%}to{background-position:-100% -100%}}.post-card:after{content:"";background:linear-gradient(to bottom, transparent, var(--user-accent,#ffffff26), transparent);pointer-events:none;border-radius:0 2px 2px 0;width:2px;position:absolute;top:10%;bottom:10%;left:0}.section-view{flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.section-view__deck{animation:deckEnter .4s var(--ease-cinematic) forwards;flex:1;margin:8px 68px 0;position:relative;overflow:hidden}@keyframes deckEnter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.section-view--empty{justify-content:center;align-items:center}.section-view__empty-state{text-align:center;animation:endFadeIn .6s var(--ease-cinematic) forwards;flex-direction:column;align-items:center;gap:14px;padding:40px 32px;display:flex}.section-view__empty-glyph{opacity:.3;font-size:40px}.section-view__empty-title{font-family:var(--font-display);letter-spacing:.06em;color:#ffffff4d;font-size:16px;font-weight:600}.section-view__empty-body{font-family:var(--font-editorial);color:#ffffff2e;font-size:14px;font-style:italic;line-height:1.5}.section-view__card-slot{transition:transform .5s var(--ease-cinematic), opacity .5s ease;border-radius:20px;position:absolute;inset:0 0 88px;overflow:hidden}.section-view__card-slot--active{z-index:10;opacity:1;transform:translateY(0)scale(1)}.section-view__card-slot--behind-1{z-index:9;opacity:.7;pointer-events:none;transform:translateY(18px)scale(.96);box-shadow:0 -4px 16px #00000080}.section-view__card-slot--behind-2{z-index:8;opacity:.45;pointer-events:none;transform:translateY(34px)scale(.92);box-shadow:0 -4px 16px #00000080}.section-view__card-slot--behind-3{z-index:7;opacity:.22;pointer-events:none;transform:translateY(48px)scale(.88);box-shadow:0 -4px 16px #00000080}.section-view__card-slot--exiting{z-index:11;animation:cardToBack .48s var(--ease-cinematic) forwards;pointer-events:none}@keyframes cardToBack{0%{opacity:1;transform:translateY(0)scale(1)}35%{opacity:.85;transform:translateY(-20px)scale(.96)}to{opacity:0;transform:translateY(50px)scale(.88)}}.section-view__bottom{flex-shrink:0;justify-content:center;align-items:center;gap:20px;padding:10px 68px 12px;display:flex}.section-view__count{letter-spacing:.18em;text-transform:uppercase;color:#fff3;text-align:center;min-width:44px;font-size:11px;font-weight:500}.section-view__next-btn{letter-spacing:.18em;text-transform:uppercase;color:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:border-color .3s ease, color .3s ease, transform .2s var(--ease-spring), box-shadow .3s ease;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;flex:1;justify-content:center;align-items:center;gap:8px;max-width:220px;padding:11px 20px;font-size:11px;font-weight:500;display:flex}.section-view__next-btn:hover,.section-view__next-btn:focus-visible{border-color:var(--user-accent,var(--active-secondary));color:#ffffffbf;box-shadow:0 0 20px color-mix(in srgb, var(--user-accent,var(--active-glow)) 40%, transparent);transform:scale(1.03)}.section-view__next-btn:disabled{opacity:.3;cursor:default;transform:none}.section-view__end{text-align:center;animation:endFadeIn .7s var(--ease-cinematic) forwards;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;display:flex;position:absolute;inset:0}@keyframes endFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.section-view__end-glyph{font-size:44px;animation:3s ease-in-out infinite endPulse}@keyframes endPulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.section-view__end-title{font-family:var(--font-display);letter-spacing:.04em;color:var(--active-text);text-shadow:0 0 40px var(--active-glow);font-size:clamp(18px,3.5vw,26px);font-weight:600}.section-view__end-body{font-family:var(--font-editorial);color:#ffffff61;font-size:clamp(15px,2.2vw,18px);font-style:italic;line-height:1.5}.section-view__flash{pointer-events:none;z-index:50;opacity:0;animation:.7s forwards sectionFlash;position:fixed;inset:0}@keyframes sectionFlash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.circle-bar{scrollbar-width:none;border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px 8px;display:flex;overflow-x:auto}.circle-bar::-webkit-scrollbar{display:none}.circle-chip{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;padding:2px;display:flex}.circle-chip__avatar{width:38px;height:38px;font-family:var(--font-display);color:#ffffff59;transition:border-color .28s ease, box-shadow .28s ease, transform .28s var(--ease-spring), color .28s ease, background .28s ease;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}.circle-chip__avatar--all{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;font-size:9px;font-weight:600}.circle-chip--active .circle-chip__avatar{border-color:var(--chip-color,#ffffff80);box-shadow:0 0 0 3px #0000004d, 0 0 16px var(--chip-color,#fff3);color:#fffffff2;background:#ffffff14;transform:scale(1.12)}.circle-chip--active .circle-chip__avatar--all{border-color:var(--active-secondary);box-shadow:0 0 14px var(--active-glow);color:#ffffffe6}.circle-chip__name{letter-spacing:.1em;text-transform:uppercase;color:var(--chip-color,#ffffff80);white-space:nowrap;animation:nameIn .25s var(--ease-spring) forwards;font-size:8px;font-weight:600}@keyframes nameIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.circle-bar:has(.circle-chip--active[style]) .circle-chip:not(.circle-chip--active) .circle-chip__avatar{opacity:.45}.past-section{flex-direction:column;height:100%;display:flex;overflow:hidden}.past-section__tabs{scrollbar-width:none;border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:0;padding:8px 16px 0;display:flex;overflow-x:auto}.past-section__tabs::-webkit-scrollbar{display:none}.past-section__tab{letter-spacing:.14em;text-transform:uppercase;color:#ffffff47;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;flex-shrink:0;padding:7px 12px 9px;font-size:10px;font-weight:600;transition:color .25s,border-color .25s;position:relative;bottom:-1px}.past-section__tab:hover{color:#ffffff8c}.past-section__tab--active{color:var(--past-secondary);border-bottom-color:var(--past-secondary)}.past-section__tab--journey{color:#c97d2a66;margin-left:auto}.past-section__tab--journey.past-section__tab--active{color:var(--past-secondary)}.past-section__deck{flex-direction:column;flex:1;display:flex;overflow:hidden}.past-section__journey{text-align:center;animation:journeyIn .6s var(--ease-cinematic) forwards;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:48px 32px;display:flex}@keyframes journeyIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.past-journey__icon{color:var(--past-secondary);text-shadow:0 0 40px var(--past-glow);font-size:52px;animation:4s ease-in-out infinite journeyPulse}@keyframes journeyPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.past-journey__title{font-family:var(--font-editorial);color:var(--past-text);font-size:clamp(20px,3.5vw,28px);font-style:italic;line-height:1.3}.past-journey__body{color:#ffffff4d;max-width:300px;font-size:14px;line-height:1.6}.past-journey__badge{letter-spacing:.2em;text-transform:uppercase;color:#c97d2a8c;border:1px solid #c97d2a40;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:10px;font-weight:600;display:inline-flex}.future-section{flex-direction:column;height:100%;display:flex;overflow:hidden}.future-section__tabs{border-bottom:1px solid #ffffff0f;flex-shrink:0;gap:0;padding:8px 16px 0;display:flex}.future-section__tab{letter-spacing:.14em;text-transform:uppercase;color:#ffffff47;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;padding:7px 16px 9px;font-size:10px;font-weight:600;transition:color .25s,border-color .25s;position:relative;bottom:-1px}.future-section__tab:hover{color:#ffffff8c}.future-section__tab--active{color:var(--future-secondary);border-bottom-color:var(--future-secondary)}.future-section__deck{flex-direction:column;flex:1;display:flex;overflow:hidden}.future-section__scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;padding:14px 20px 20px;overflow:hidden auto}.future-section__scroll::-webkit-scrollbar{display:none}.future-section__party-feed{animation:partyIn .4s var(--ease-cinematic) forwards;flex-direction:column;gap:16px;display:flex}@keyframes partyIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.future-section__party-header{justify-content:space-between;align-items:center;display:flex}.future-section__party-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:#c084fc99;font-size:11px;font-weight:600}.future-section__create-btn{letter-spacing:.1em;color:#c084fcb3;cursor:pointer;transition:border-color .2s ease, background .2s ease, transform .2s var(--ease-spring);background:#c084fc12;border:1px solid #c084fc4d;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:500}.future-section__create-btn:hover{border-color:#c084fc8c;transform:scale(1.03)}.event-card{background:#080616f2;border:1px solid #c084fc33;border-radius:18px;overflow:hidden;box-shadow:0 4px 20px #00000080}.event-card__cover{align-items:flex-end;width:100%;height:140px;padding:14px 16px;display:flex;position:relative}.event-card__cover:after{content:"";background:linear-gradient(#0000 20%,#080616d9 100%);position:absolute;inset:0}.event-card__title{z-index:1;font-family:var(--font-display);letter-spacing:.03em;color:#fffffff2;font-size:18px;font-weight:600;position:relative}.event-card__body{flex-direction:column;gap:8px;padding:12px 16px 14px;display:flex}.event-card__meta{flex-direction:column;gap:3px;display:flex}.event-card__date{color:var(--future-particle);font-size:12px;font-weight:500}.event-card__location{font-family:var(--font-editorial);color:#ffffff59;font-size:12px;font-style:italic}.event-card__guests{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.event-card__guests-label{color:#ffffff4d;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.event-card__guest-chip{color:#ffffff80;background:#c084fc14;border:1px solid #c084fc2e;border-radius:100px;padding:2px 8px;font-size:10px}.event-card__actions{gap:8px;padding-top:2px;display:flex}.event-card__action{letter-spacing:.07em;cursor:pointer;transition:background .2s ease, transform .2s var(--ease-spring);border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:11px;font-weight:500;display:flex}.event-card__action:hover{transform:scale(1.02)}.event-card__action--chat{color:var(--future-particle);background:#c084fc1f;border:1px solid #c084fc40}.event-card__action--chat:hover{background:#c084fc33}.event-card__action--plan{color:#ffffff73;background:#ffffff0a;border:1px solid #ffffff1a}.vchat-modal{z-index:300;animation:vchatIn .35s var(--ease-cinematic) forwards;background:#03020aeb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes vchatIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.vchat-modal__inner{flex-direction:column;align-items:center;gap:20px;width:90%;max-width:400px;padding:32px 24px;display:flex}.vchat-modal__title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:#c084fcbf;font-size:14px;font-weight:600}.vchat-modal__grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.vchat-tile{aspect-ratio:4/3;background:#140a28e6;border:1px solid #c084fc2e;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.vchat-tile__avatar{width:40px;height:40px;font-family:var(--font-display);color:var(--future-particle);background:#c084fc26;border:1px solid #c084fc4d;border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.vchat-tile__name{color:#fff6;font-size:11px}.vchat-modal__badge{letter-spacing:.18em;text-transform:uppercase;color:#c084fc80;background:#c084fc12;border:1px solid #c084fc2e;border-radius:100px;align-items:center;gap:6px;padding:6px 14px;font-size:10px;display:inline-flex}.vchat-modal__close{letter-spacing:.15em;text-transform:uppercase;color:#ffffff59;cursor:pointer;border:1px solid #ffffff1f;border-radius:100px;padding:10px 28px;font-size:11px;transition:border-color .2s,color .2s}.vchat-modal__close:hover{color:#fff9;border-color:#ffffff40}.fanned-deck{z-index:15;pointer-events:none;position:absolute;inset:0}.fan-edge{pointer-events:auto;cursor:pointer;background:0 0;border:none;align-items:center;width:32px;padding:0;display:flex;position:absolute;top:0;bottom:0}.fan-edge--left{left:0}.fan-edge--right{right:0}.fan-edge--left:before,.fan-edge--right:before{content:"";pointer-events:none;position:absolute;inset:0}.fan-edge--left:before{background:linear-gradient(90deg,#03020a99 0%,#0000 100%)}.fan-edge--right:before{background:linear-gradient(270deg,#03020a99 0%,#0000 100%)}.fan-edge__line{background:linear-gradient(to bottom, transparent, var(--edge-color,white), transparent);width:2px;box-shadow:0 0 10px var(--edge-glow,transparent);opacity:.55;border-radius:2px;transition:opacity .25s;position:absolute;top:18%;bottom:18%}.fan-edge--left .fan-edge__line{left:0}.fan-edge--right .fan-edge__line{right:0}.fan-edge:hover .fan-edge__line{opacity:1}.fan-edge__label{font-family:var(--font-display);letter-spacing:.28em;text-transform:uppercase;white-space:nowrap;writing-mode:vertical-rl;color:var(--edge-color,#fff6);opacity:.5;pointer-events:none;font-size:8px;font-weight:600;transition:opacity .25s;position:absolute}.fan-edge--left .fan-edge__label{top:50%;left:6px;transform:translateY(-50%)rotate(180deg)}.fan-edge--right .fan-edge__label{top:50%;right:6px;transform:translateY(-50%)}.fan-edge:hover .fan-edge__label{opacity:.9}.peek-overlay{z-index:100;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);animation:peekReveal .4s var(--ease-cinematic) forwards;background:#03020ac7;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes peekReveal{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}.peek-overlay__inner{flex-direction:column;gap:20px;width:100%;max-height:92svh;padding:24px 12px 40px;display:flex;overflow:hidden}.peek-overlay__title{font-family:var(--font-display);letter-spacing:.32em;text-transform:uppercase;color:#ffffff38;text-align:center;animation:titleRise .5s var(--ease-cinematic) 80ms both;font-size:11px;font-weight:600}@keyframes titleRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.peek-overlay__grid{perspective:800px;grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid;overflow:hidden}.peek-col{transform-origin:bottom;flex-direction:column;gap:6px;min-width:0;display:flex}.peek-col:first-child{animation:fanLeft .52s var(--ease-spring) 60ms both}.peek-col:nth-child(2){animation:fanCenter .46s var(--ease-spring) both}.peek-col:nth-child(3){animation:fanRight .52s var(--ease-spring) 60ms both}@keyframes fanLeft{0%{opacity:0;transform:translate(80%)rotate(18deg)scale(.82)}to{opacity:1;transform:translate(0)rotate(-2.5deg)scale(1)}}@keyframes fanCenter{0%{opacity:0;transform:translateY(28px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fanRight{0%{opacity:0;transform:translate(-80%)rotate(-18deg)scale(.82)}to{opacity:1;transform:translate(0)rotate(2.5deg)scale(1)}}.peek-col__header{opacity:.7;border-bottom:1px solid;align-items:center;gap:5px;padding:0 2px 5px;display:flex}.peek-col__glyph{font-size:12px;line-height:1}.peek-col__label{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;font-size:8px;font-weight:600}.peek-col__cards{scrollbar-width:none;flex-direction:column;gap:5px;max-height:58svh;display:flex;overflow:hidden auto}.peek-col__cards::-webkit-scrollbar{display:none}.peek-mini-card{border:1px solid var(--peek-color,#ffffff1a);text-align:left;cursor:pointer;width:100%;transition:transform .18s var(--ease-spring), box-shadow .18s ease;background:#0a0818f0;border-radius:10px;flex-direction:column;flex-shrink:0;gap:3px;padding:8px 9px;display:flex}.peek-mini-card:active{transform:scale(.97)}.peek-mini-card:hover{box-shadow:0 0 14px var(--peek-glow,transparent)}.peek-mini-card__author{letter-spacing:.1em;text-transform:uppercase;color:var(--peek-color,#ffffff80);opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:600;overflow:hidden}.peek-mini-card__text{color:#ffffff85;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:10px;line-height:1.4;display:-webkit-box;overflow:hidden}.peek-overlay__hint{font-family:var(--font-editorial);color:#ffffff29;text-align:center;letter-spacing:.05em;animation:titleRise .6s var(--ease-cinematic) .3s both;font-size:11px;font-style:italic}.presence-end{z-index:200;background:var(--color-void);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:fixed;inset:0}.presence-end__word{font-family:var(--font-display);letter-spacing:.08em;color:var(--active-text);text-shadow:0 0 60px var(--active-glow), 0 0 120px var(--active-glow);opacity:0;animation:presenceWordIn 1.2s var(--ease-cinematic) .3s forwards;font-size:clamp(56px,14vw,120px);font-weight:700}@keyframes presenceWordIn{0%{opacity:0;filter:blur(20px);transform:scale(.95)}to{opacity:1;filter:blur();transform:scale(1)}}.presence-end__sub{font-family:var(--font-editorial);color:#fff6;opacity:0;animation:presenceSubIn .8s var(--ease-cinematic) 1.8s forwards;text-align:center;margin-top:16px;padding:0 32px;font-size:clamp(16px,3vw,24px);font-style:italic}@keyframes presenceSubIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.presence-end__dot{background:var(--active-secondary);width:10px;height:10px;box-shadow:0 0 20px var(--active-glow), 0 0 8px var(--active-secondary);opacity:0;border-radius:50%;margin-top:48px;animation:.6s 2.6s forwards presenceDotIn,3s ease-in-out 3.2s infinite presencePulse}@keyframes presenceDotIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes presencePulse{0%,to{box-shadow:0 0 20px var(--active-glow), 0 0 8px var(--active-secondary);transform:scale(1)}50%{box-shadow:0 0 40px var(--active-glow), 0 0 16px var(--active-secondary);transform:scale(1.5)}}.presence-end__return{font-family:var(--font-display);letter-spacing:.3em;text-transform:uppercase;color:#fff3;opacity:0;cursor:pointer;border:1px solid #ffffff14;border-radius:100px;padding:12px 32px;font-size:11px;font-weight:600;transition:color .3s,border-color .3s;animation:1.2s 4.5s forwards returnFadeIn;position:absolute;bottom:60px}.presence-end__return:hover,.presence-end__return:focus-visible{color:#ffffff80;border-color:#fff3}@keyframes returnFadeIn{0%{opacity:0}to{opacity:1}}