:root{--indigo:#4747d7;--indigo-deep:#3939c8;--navy:#243673;--navy-ink:#1a2957;--periwinkle:#bfd1ff;--lavender:#f6f7fd;--paper:#fbfcff;--ink:#26262c;--muted:#76767f;--azure:#008fff;--gold:#ffc93c;--gold-deep:#f0a91c;--radius:26px;--shell:min(1080px, 100%);--font-body:Roboto, system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Roboto Slab", Georgia, serif}*{box-sizing:border-box}[hidden]{display:none!important}.cta{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);color:#3a2600;font:inherit;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:12px;padding:17px 34px;font-size:clamp(16px,4.4vw,19px);font-weight:900;transition:transform .12s,box-shadow .12s,opacity .2s;display:inline-flex;box-shadow:0 8px #c98a10,0 16px 34px #0000006b}.cta:hover:not(:disabled){transform:translateY(-2px)}.cta:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #c98a10,0 8px 18px #0006}.cta:disabled{opacity:.45;cursor:progress}.cta__icon{font-size:.85em}.solid-btn{background:linear-gradient(180deg, var(--gold) 0%, var(--gold-deep) 100%);color:#3a2600;font:inherit;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;align-items:center;gap:9px;padding:13px 26px;font-size:15.5px;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 6px #c98a10,0 12px 26px #00000061}.solid-btn:hover{transform:translateY(-2px)}.solid-btn:active{transform:translateY(5px);box-shadow:0 1px #c98a10,0 6px 14px #0000005c}.solid-btn__icon{font-size:.9em}.ghost-btn{color:var(--periwinkle);font:inherit;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#bfd1ff1a;border:1px solid #bfd1ff66;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:background .18s,border-color .18s}.ghost-btn:hover{background:#bfd1ff33}.ghost-btn--accent{color:#bfe2ff;background:#008fff2e;border-color:#008fff99}.after{flex-direction:column;align-items:center;gap:12px;animation:.45s cubic-bezier(.2,1.2,.4,1) both rise-in;display:flex}.after__title{font-family:var(--font-display);color:var(--paper);margin:0;font-size:clamp(17px,4.4vw,21px);font-weight:800}.after__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.nowplaying{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);font-family:var(--font-body);letter-spacing:.04em;background:#243673d1;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12px;font-weight:700;display:inline-flex}.nowplaying__dot{background:var(--gold);border-radius:50%;width:7px;height:7px;animation:1.6s ease-out infinite ping;box-shadow:0 0 #ffc93cb3}.nowplaying__label{text-transform:capitalize}@keyframes ping{0%{box-shadow:0 0 #ffc93cb3}70%{box-shadow:0 0 0 9px #ffc93c00}to{box-shadow:0 0 #ffc93c00}}.tap-hint{color:var(--paper);font:inherit;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#243673e6;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:800;display:inline-flex}.tap-hint__pulse{background:var(--gold);border-radius:50%;width:9px;height:9px;animation:1.8s ease-out infinite ping}.progress{background:#24367338;height:5px;overflow:hidden}.progress__fill{background:linear-gradient(90deg, var(--gold) 0%, var(--azure) 100%);width:0%;height:100%;transition:width .12s linear}@media (prefers-reduced-motion:reduce){.after,.tap-hint,.nowplaying__dot,.tap-hint__pulse{animation:none!important}.after{opacity:1}.cta:hover:not(:disabled),.solid-btn:hover{transform:none}}.caption-mirror{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{height:100%;color:var(--paper);font-family:var(--font-body);-webkit-text-size-adjust:100%;touch-action:none;overscroll-behavior:none;background:#000;margin:0;overflow:hidden}#ar-container{background:#000;position:fixed;inset:0;overflow:hidden}#ar-container canvas,#ar-container video{display:block;position:absolute;top:0;left:0}#ui{pointer-events:none;z-index:10;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));position:fixed;inset:0}#ui button,#ui a{pointer-events:auto}.ar-brand{top:max(14px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--paper);background:#243673c7;border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;text-decoration:none;display:inline-flex;position:absolute;left:14px}.ar-brand__mark{background:linear-gradient(150deg, var(--indigo) 0%, var(--azure) 100%);width:26px;height:26px;font-family:var(--font-display);border-radius:8px;place-items:center;font-size:15px;font-weight:800;display:grid}.ar-brand__name{font-family:var(--font-display);font-size:15px;font-weight:800}.ar-brand__name-alt{color:var(--periwinkle)}.hint{left:50%;bottom:max(44px, calc(env(safe-area-inset-bottom) + 28px));text-align:center;flex-direction:column;align-items:center;gap:16px;width:min(92vw,420px);display:flex;position:absolute;transform:translate(-50%)}.hint__frame{aspect-ratio:8.5/11;border:4px dashed #bfd1ffd9;border-radius:14px;width:min(46vw,190px);animation:2.4s ease-in-out infinite breathe}.hint__text{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#243673d1;border-radius:999px;margin:0;padding:11px 20px;font-size:clamp(15px,4.2vw,18px);font-weight:700}.hint__sub{color:#f6f7fdb8;text-shadow:0 1px 6px #0009;margin:0;font-size:13px;font-weight:500}@keyframes breathe{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}#nowplaying{top:max(58px, calc(env(safe-area-inset-top) + 44px));position:absolute;left:14px}#tap-hint{left:50%;bottom:max(104px, calc(env(safe-area-inset-bottom) + 88px));animation:2.8s ease-in-out infinite float-hint;position:absolute;transform:translate(-50%)}@keyframes float-hint{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}#play-btn{left:50%;bottom:max(40px, calc(env(safe-area-inset-bottom) + 24px));position:absolute;transform:translate(-50%)}#play-btn:active:not(:disabled){transform:translate(-50%)translateY(6px)}#progress{background:#00000059;position:absolute;bottom:0;left:0;right:0}#after{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:radial-gradient(70% 60%,#1a2957c7 0%,#141f40e6 100%);justify-content:center;padding:24px;position:absolute;inset:0}#after .after__title{text-align:center;font-size:clamp(20px,5.6vw,26px)}.status{left:50%;bottom:max(14px, env(safe-area-inset-bottom));text-align:center;color:#f6f7fda8;text-shadow:0 1px 6px #000000b3;width:min(90vw,440px);margin:0;font-size:12.5px;position:absolute;transform:translate(-50%)}#after:not([hidden])~.status{display:none}@media (prefers-reduced-motion:reduce){.hint__frame,#tap-hint{animation:none!important}}