@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-greek-wght-normal-5tOOQDeJ.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-ext-wght-normal-JjI8ZrW1.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-wght-normal-BVsvWWA4.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;line-height:1.4;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #090b17;--panel: rgba(13, 19, 39, .72);--panel-border: rgba(154, 189, 255, .18);--text: #eef4ff;--muted: rgba(224, 232, 255, .72);--pink: #ff7ae7;--aqua: #67f3ff;--gold: #ffd36c;--lime: #8dff85;--shadow: 0 18px 60px rgba(0, 0, 0, .38)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(99,90,255,.32),transparent 28%),radial-gradient(circle at top right,rgba(255,122,231,.18),transparent 28%),radial-gradient(circle at 50% 20%,rgba(103,243,255,.16),transparent 24%),linear-gradient(180deg,#090b17,#06070d);color:var(--text)}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-shell.is-modal-open .app-shell__nebula,.app-shell.is-modal-open .app-shell__grain,.app-shell.is-modal-open .experience,.app-shell.is-modal-open .transport-dock{filter:blur(16px) saturate(.78);transform:scale(1.01);pointer-events:none;-webkit-user-select:none;user-select:none}.app-shell.is-modal-open .experience,.app-shell.is-modal-open .transport-dock{transition:filter .18s ease,transform .18s ease}.app-shell__nebula{position:absolute;inset:auto;width:44rem;height:44rem;border-radius:999px;filter:blur(70px);opacity:.32}.app-shell__nebula--left{top:-9rem;left:-8rem;background:radial-gradient(circle,#67f3fff2,#67f3ff00 68%)}.app-shell__nebula--right{right:-10rem;top:12rem;background:radial-gradient(circle,#ff7ae7e0,#ff7ae700 62%)}.app-shell__grain{position:absolute;inset:0;background-image:radial-gradient(circle at 12% 24%,rgba(255,255,255,.22) 0 1px,transparent 1px),radial-gradient(circle at 66% 36%,rgba(255,255,255,.18) 0 1px,transparent 1px),radial-gradient(circle at 78% 18%,rgba(255,255,255,.18) 0 1px,transparent 1px),radial-gradient(circle at 18% 72%,rgba(255,255,255,.14) 0 1px,transparent 1px),radial-gradient(circle at 46% 82%,rgba(255,255,255,.12) 0 1px,transparent 1px);background-size:280px 280px;mix-blend-mode:screen;opacity:.32;pointer-events:none}.experience{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:1.5rem;padding:max(1.5rem,env(safe-area-inset-top)) clamp(1rem,3vw,1.5rem) calc(11rem + env(safe-area-inset-bottom))}.glass-panel{position:relative;overflow:hidden;border:1px solid var(--panel-border);border-radius:1.75rem;background:linear-gradient(180deg,#192141d6,#090b17c2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.glass-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 42%);pointer-events:none}.hero-panel{padding:clamp(1.1rem,3vw,1.7rem);min-height:17.5rem;grid-column:1 / -1}.hero-panel__eyebrow,.transport-dock__eyebrow,.confirm-modal__eyebrow{margin:0 0 .75rem;color:var(--aqua);font-size:.82rem;letter-spacing:.22em;text-transform:uppercase}.hero-panel__title,.transport-dock__title,.confirm-modal__title{margin:0;font-family:Syne Variable,Syne,sans-serif;line-height:.95;letter-spacing:-.04em}.hero-panel__title{font-size:clamp(2.75rem,6vw,5.8rem);max-width:9ch}.hero-panel__copy,.confirm-modal__copy,.transport-dock__copy{max-width:58ch;color:var(--muted);font-size:1rem;line-height:1.5}.hero-panel__ritual{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.hero-panel__ritual span{border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:.7rem 1rem;background:#ffffff0d;color:#ffffffeb}.hero-panel__notice,.hero-panel__error{margin:.75rem 0 0;padding:.9rem 1rem;border-radius:1rem;font-size:.95rem;max-width:42rem}.hero-panel__notice{background:#67f3ff1f;color:#d2fcffeb}.hero-panel__error{background:#ff7ae724;color:#ffd6f5f5}.deck-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.track-card{position:relative;display:flex;min-height:14rem;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:1.6rem;background:linear-gradient(180deg,#ffffff1a,#0a0c15e6),radial-gradient(circle at top,color-mix(in srgb,var(--accent) 58%,transparent),transparent 60%);color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 10px 28px #0000004d}.track-card:is(:hover,:focus-visible){transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 54%,white);box-shadow:0 18px 36px #0006}.track-card:disabled{cursor:wait}.track-card.is-loading{opacity:.74}.track-card.is-active{border-color:color-mix(in srgb,var(--accent) 78%,white);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent),0 20px 42px #00000070}.track-card__glow{position:absolute;right:-3rem;top:-3rem;width:10rem;height:10rem;border-radius:999px;background:radial-gradient(circle,var(--accent) 0%,rgba(255,255,255,0) 72%);opacity:.36;filter:blur(12px)}.track-card__meta,.track-card__label,.track-card__id{position:relative;z-index:1}.track-card__meta{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;color:#eff5ffbf}.track-card__status{text-transform:uppercase;letter-spacing:.16em}.track-card__label{max-width:10ch;font-family:Syne Variable,Syne,sans-serif;font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:.95}.track-card__id{font-size:.95rem;color:#eef4ffb8}.transport-dock{position:fixed;left:1.5rem;right:1.5rem;bottom:max(1.1rem,env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,1.25fr);gap:1.25rem;padding:1.1rem 1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:1.75rem;background:#080a15e0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--shadow);z-index:10}.transport-dock__status{display:flex;flex-direction:column;gap:.25rem}.transport-dock__title{font-size:clamp(1.6rem,2.4vw,2.5rem)}.transport-dock__copy{margin:0}.transport-dock__controls{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:center}.transport-dock__button,.solid-button,.ghost-button{min-height:3.75rem;border-radius:999px;border:0;padding:0 1.5rem;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.transport-dock__button:disabled{opacity:.45;cursor:not-allowed}.transport-dock__button:not(:disabled):is(:hover,:focus-visible),.solid-button:is(:hover,:focus-visible),.ghost-button:is(:hover,:focus-visible){transform:translateY(-1px)}.transport-dock__button,.solid-button{background:linear-gradient(135deg,var(--aqua),var(--pink));color:#0a0d18;font-weight:700}.transport-dock__timeline{display:grid;gap:.45rem}.transport-dock__times,.transport-dock__warm{display:flex;justify-content:space-between;gap:1rem;color:#eef4ffb8;font-size:.92rem}.transport-dock__warm{justify-content:flex-start}.transport-dock__scrubber{appearance:none;width:100%;height:.62rem;border-radius:999px;background:linear-gradient(90deg,var(--aqua) 0,var(--pink) var(--progress),rgba(255,255,255,.12) var(--progress),rgba(255,255,255,.12) 100%);outline:none}.transport-dock__scrubber::-webkit-slider-thumb{appearance:none;width:1.3rem;height:1.3rem;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #67f3ff29}.transport-dock__scrubber::-moz-range-thumb{width:1.3rem;height:1.3rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 6px #67f3ff29}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1.5rem;z-index:20;background:radial-gradient(circle at 50% 50%,rgba(96,76,255,.14),transparent 32%),#06080fc7;backdrop-filter:blur(24px) saturate(1.05);-webkit-backdrop-filter:blur(24px) saturate(1.05)}.confirm-modal{width:min(32rem,100%);padding:1.5rem;border-radius:1.75rem;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,#191f36fa,#0c0f18f5);box-shadow:var(--shadow)}.confirm-modal__copy{margin-bottom:1.2rem}.confirm-modal__actions{display:flex;justify-content:flex-end;gap:.75rem}.ghost-button{background:#ffffff12;color:var(--text)}@media(max-width:1100px){.experience{grid-template-columns:1fr;gap:1.15rem;padding-bottom:calc(13.5rem + env(safe-area-inset-bottom))}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-dock{grid-template-columns:minmax(0,1fr) minmax(16rem,1.15fr);gap:.95rem;padding:1rem 1.1rem}}@media(max-width:767px){.experience{padding-bottom:calc(15.5rem + env(safe-area-inset-bottom))}.transport-dock{grid-template-columns:1fr}.transport-dock__controls{grid-template-columns:1fr;gap:.85rem}.transport-dock__title{font-size:clamp(1.45rem,3vw,2.1rem)}.transport-dock__button{width:100%}}@media(max-width:720px){.experience{gap:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-inline:.9rem;padding-bottom:calc(18rem + env(safe-area-inset-bottom))}.app-shell__nebula{width:28rem;height:28rem;opacity:.28}.hero-panel{min-height:auto;border-radius:1.4rem}.hero-panel__eyebrow,.transport-dock__eyebrow,.confirm-modal__eyebrow{margin-bottom:.55rem;font-size:.72rem;letter-spacing:.18em}.hero-panel__title{max-width:none;font-size:clamp(2rem,12vw,3.35rem)}.hero-panel__copy{font-size:.95rem}.hero-panel__ritual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.hero-panel__ritual span{padding:.8rem .9rem;line-height:1.25}.hero-panel__notice,.hero-panel__error{font-size:.9rem;padding:.8rem .9rem}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding-bottom:1rem}.track-card{min-height:10.5rem;padding:1rem;gap:.8rem;border-radius:1.3rem}.track-card__meta{flex-direction:column;justify-content:flex-start;gap:.3rem;font-size:.78rem}.track-card__status{letter-spacing:.12em}.track-card__label{max-width:none;font-size:clamp(1.3rem,6vw,1.9rem)}.track-card__id{font-size:.82rem}.transport-dock{left:.75rem;right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));gap:.85rem;padding:.95rem;border-radius:1.35rem;background:linear-gradient(180deg,#0c1021fa,#070912fa),#070912fa;border-color:#ffffff29;box-shadow:0 -10px 24px #0407103d,0 20px 42px #00000070}.transport-dock:before{content:"";position:absolute;inset:-.8rem 0 auto;height:1.4rem;background:linear-gradient(180deg,#090b1700,#090b17eb);pointer-events:none}.transport-dock__controls{grid-template-columns:1fr;gap:.8rem}.transport-dock__title{font-size:clamp(1.3rem,7vw,1.75rem)}.transport-dock__copy,.transport-dock__warm,.transport-dock__times{font-size:.84rem}.transport-dock__button,.solid-button,.ghost-button{min-height:3.25rem;width:100%;padding-inline:1.1rem}.transport-dock__scrubber::-webkit-slider-thumb{width:1.15rem;height:1.15rem}.transport-dock__scrubber::-moz-range-thumb{width:1.15rem;height:1.15rem}.confirm-modal{padding:1.2rem;border-radius:1.4rem}.confirm-modal__actions{flex-direction:column-reverse}}@media(max-width:480px){.experience{padding-bottom:calc(20rem + env(safe-area-inset-bottom))}.hero-panel__ritual,.deck-grid{grid-template-columns:1fr}.track-card{min-height:9.5rem}.track-card__meta{flex-direction:row;justify-content:space-between;align-items:center}}