*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface-0);color:var(--ink);letter-spacing:.01em;-webkit-font-smoothing:antialiased;transition:background-color .6s var(--ease), color .6s var(--ease);font-family:Instrument Sans,system-ui,sans-serif;overflow-x:hidden}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.orb{filter:blur(70px);opacity:.5;animation:breathe 9s var(--ease-breath) infinite;transition:background-color .8s var(--ease);will-change:transform;border-radius:50%;position:absolute}.orb-1{background:var(--orb-a);width:55vw;height:55vw;top:-18vw;left:-12vw}.orb-2{background:var(--orb-b);width:45vw;height:45vw;animation-delay:-3s;top:10vh;right:-10vw}.orb-3{background:var(--orb-c);width:50vw;height:50vw;animation-delay:-6s;bottom:-28vw;left:22vw}@keyframes breathe{0%,to{transform:scale(1)translateY(0)}44%{transform:scale(1.07)translateY(-1.5%)}}#rain-canvas{z-index:1;pointer-events:none;position:fixed;inset:0}#flash{z-index:90;pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(120% 80% at 50% 0,#cfe2ffe6,#b4cdff33 45%,#0000 70%);position:fixed;inset:0}.grain{z-index:2;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.nav{z-index:50;transition:all .5s var(--ease);justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{background:color-mix(in srgb, var(--surface-0) 72%, transparent);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line);padding-top:12px;padding-bottom:12px}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{width:24px;height:24px;color:var(--accent);filter:drop-shadow(0 0 8px var(--glow))}.brand span{font-family:Fraunces,serif;font-size:1.25rem;font-weight:500}.nav-links{align-items:center;gap:clamp(14px,3vw,30px);display:flex}.nav-links a{color:var(--ink-soft);transition:color .3s var(--ease);font-size:.9rem;text-decoration:none}.nav-links a:hover{color:var(--ink)}.theme-btn{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;transition:all .4s var(--ease);background:0 0;border-radius:50%;place-items:center;display:grid}.theme-btn:hover{color:var(--ink);border-color:var(--accent);transform:rotate(180deg)}.theme-btn svg{width:17px;height:17px}[data-theme=dark] .icon-sun,:root:not([data-theme=dark]) .icon-moon{display:none}.page{z-index:3;position:relative}.wrap{max-width:1060px;margin:0 auto;padding:0 clamp(20px,5vw,40px)}.overline{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:.76rem;font-weight:500;text-decoration:none}h1,h2{font-family:Fraunces,serif;font-weight:300;line-height:1.08}h1 em,h2 em{color:var(--accent);font-style:italic}.sub{color:var(--ink-soft);max-width:46ch;line-height:1.65}.btn{cursor:pointer;transition:all .4s var(--ease);border:none;border-radius:999px;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:.97rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent);box-shadow:0 10px 32px -8px var(--glow)}.btn-primary:hover{background:var(--accent-strong);box-shadow:0 16px 40px -8px var(--glow);transform:translateY(-2px)}.btn-primary .arrow{transition:transform .4s var(--ease)}.btn-primary:hover .arrow{transform:translate(4px)}.btn-ghost{color:var(--ink-soft);border:1px solid var(--line);background:0 0}.btn-ghost:hover{color:var(--ink);border-color:var(--accent);transform:translateY(-2px)}.btn.is-loading{pointer-events:none;opacity:.75;transform:none!important}.btn.is-loading:after{content:"";border:2px solid;border-right-color:#0000;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite btn-spin;display:inline-block}@keyframes btn-spin{to{transform:rotate(360deg)}}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}.hero .reveal{transition-delay:calc(var(--i,0) * .12s)}.player{z-index:60;background:color-mix(in srgb, var(--surface-2) 80%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lift);animation:player-rise .6s var(--ease);border-radius:999px;align-items:center;gap:4px;padding:8px 10px 8px 8px;display:flex;position:fixed;bottom:22px;right:22px}@keyframes player-rise{0%{opacity:0;transform:translateY(14px)}}.player-pp{cursor:pointer;background:var(--accent);width:38px;height:38px;color:var(--on-accent);box-shadow:0 6px 18px -6px var(--glow);transition:all .35s var(--ease);border:none;border-radius:50%;place-items:center;display:grid}.player-pp:hover{transform:scale(1.08)}.player-pp svg{width:15px;height:15px}.player-eq{align-items:flex-end;gap:2.5px;height:14px;margin:0 4px 0 10px;display:flex}.player-eq i{background:var(--accent);width:3px;animation:eq-bounce 1.6s var(--ease-breath) infinite;border-radius:99px}.player-eq i:first-child{height:60%}.player-eq i:nth-child(2){height:100%;animation-delay:-.5s}.player-eq i:nth-child(3){height:45%;animation-delay:-1s}.player.paused .player-eq i{opacity:.5;height:30%;animation-play-state:paused}@keyframes eq-bounce{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1.1)}}.player-label{color:var(--ink-soft);transition:color .3s var(--ease);align-items:center;gap:7px;padding:0 10px 0 2px;font-size:.82rem;text-decoration:none;display:inline-flex}.player-label:hover{color:var(--ink)}.player-label svg{opacity:.7;width:13px;height:13px}.wellbeing-pill{z-index:60;background:color-mix(in srgb, var(--surface-2) 80%, transparent);border:1px solid var(--line);color:inherit;-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lift);animation:player-rise .6s var(--ease);transition:transform .3s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:9px 16px 9px 12px;text-decoration:none;display:flex;position:fixed;bottom:22px;left:22px}.wellbeing-pill:hover{transform:translateY(-2px)}.wellbeing-icon{width:26px;height:26px;color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);animation:breathe 5s var(--ease-breath) infinite;border-radius:50%;place-items:center;display:grid}.wellbeing-text{flex-direction:column;line-height:1.2;display:flex}.wellbeing-text strong{color:var(--ink);font-size:.8rem;font-weight:600}.wellbeing-text small{color:var(--ink-faint);font-variant-numeric:tabular-nums;font-size:.72rem}@media (width<=560px){.wellbeing-pill{padding:7px 13px 7px 9px;bottom:12px;left:12px}.wellbeing-text small{display:none}}#quota-banner{z-index:60;background:color-mix(in srgb, var(--surface-2) 85%, transparent);border:1px solid color-mix(in srgb, var(--warm) 35%, transparent);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-lift);color:var(--ink-soft);animation:player-rise .6s var(--ease);border-radius:999px;align-items:center;gap:8px;max-width:min(92vw,480px);padding:11px 20px;font-size:.86rem;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}#quota-banner a{color:var(--warm);white-space:nowrap;text-decoration:none}#quota-banner a:hover{text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--ink-faint);padding:30px 0 40px;font-size:.82rem}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}@media (width<=820px){.nav-links>a:not(.nav-signin){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}