:root{--bg-0: #eef2f5;--bg-1: #dde5ea;--bg-2: #c9d4dc;--ink-0: #1f2a33;--ink-1: #475561;--ink-2: #7b8894;--ink-3: #aab4bd;--line: rgba(31, 42, 51, .1);--line-soft: rgba(31, 42, 51, .06);--paper: #f6f8fa;--gold: #b39457;--sage: #8aa39b;--sky: #7a95ac;--clear: #a7c3d4;--foggy: #b9c2c9;--gem: #c9a96a}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink-0);background:var(--bg-0);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11";letter-spacing:-.005em}.serif{font-family:Fraunces,Iowan Old Style,Georgia,serif;font-optical-sizing:auto;letter-spacing:-.015em}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;letter-spacing:0}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}::selection{background:#7a95ac59}.sky-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 800px at 20% -10%,#f4f7f9 0%,transparent 60%),radial-gradient(900px 700px at 100% 10%,#e6edf1 0%,transparent 55%),radial-gradient(1000px 900px at 50% 110%,#d4dee5 0%,transparent 60%),linear-gradient(180deg,#eef2f5,#dde5ea);z-index:0}.sky-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 30% 40%,rgba(255,255,255,.35),transparent 40%),radial-gradient(circle at 70% 70%,rgba(255,255,255,.25),transparent 40%);filter:blur(40px);animation:drift 22s ease-in-out infinite alternate;pointer-events:none}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-30px,20px,0) scale(1.05)}}.fixed-layer{position:fixed;z-index:100}.divider{height:1px;background:var(--line);width:100%}.hairline{border:1px solid var(--line)}.shadow-soft{box-shadow:0 1px 2px #1f2a330a,0 8px 32px #1f2a330f}.shadow-lift{box-shadow:0 2px 6px #1f2a330f,0 24px 60px #1f2a331a}.fog-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 50% at 50% 50%,transparent 0%,rgba(239,243,246,0) 40%,rgba(221,229,234,.7) 80%,rgba(201,212,220,.95) 100%);opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1)}.fog-noise{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;background:radial-gradient(40% 30% at 20% 30%,rgba(255,255,255,.6),transparent 60%),radial-gradient(35% 35% at 80% 60%,rgba(255,255,255,.5),transparent 60%),radial-gradient(30% 25% at 50% 90%,rgba(255,255,255,.45),transparent 60%);filter:blur(30px);opacity:0;transition:opacity .9s ease;animation:fogDrift 14s ease-in-out infinite alternate}@keyframes fogDrift{0%{transform:translate(0)}to{transform:translate(-6%,4%)}}@keyframes breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.4);opacity:1}}.pulse-dot{animation:breathe 3.2s ease-in-out infinite}@keyframes caret{0%,49%{opacity:1}50%,to{opacity:0}}.caret{display:inline-block;width:2px;height:1em;background:var(--ink-0);margin-left:2px;vertical-align:-.12em;animation:caret 1s steps(1) infinite}.nav-item{transition:background .2s ease,color .2s ease}.nav-item:hover{background:#1f2a330a}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--line);background:#ffffff80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 18px;border-radius:999px;font-size:13px;color:var(--ink-0);transition:all .18s ease;letter-spacing:.01em}.btn:hover{background:#ffffffe6;border-color:#1f2a332e}.btn-primary{background:var(--ink-0);color:var(--paper);border-color:var(--ink-0)}.btn-primary:hover{background:#0c1720}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1f2a331f;border-radius:10px}::-webkit-scrollbar-track{background:transparent}.synth-carousel{scrollbar-width:none;-ms-overflow-style:none}.synth-carousel::-webkit-scrollbar{display:none;width:0;height:0}.view-enter{animation:viewIn .52s cubic-bezier(.2,.7,.2,1) both}@keyframes viewIn{0%{opacity:0;transform:translateY(8px) scale(.995);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}.slide-in-right{animation:slideInRight 1.6s cubic-bezier(.16,.68,.24,1) both}.slide-in-left{animation:slideInLeft 1.6s cubic-bezier(.16,.68,.24,1) both}@keyframes slideInRight{0%{opacity:0;transform:translate(56px);filter:blur(10px)}55%{opacity:1}to{opacity:1;transform:none;filter:blur(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-56px);filter:blur(10px)}55%{opacity:1}to{opacity:1;transform:none;filter:blur(0)}}.cloud-word{transition:color .2s}.cloud-word:hover{color:var(--ink-0)}.sky-cell{transition:transform .16s ease,box-shadow .2s ease}.sky-cell:hover{transform:translateY(-1px);box-shadow:0 6px 14px #1f2a3314;z-index:2}.ring-track,.ring-fill{fill:none;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}@media (max-width: 720px){.sky-cell:hover{transform:none;box-shadow:none}.cloud-word:hover{color:inherit}.nav-item:hover{background:transparent}.mobile-bottom-pad{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.sky-cell-selected{outline:1.5px solid var(--ink-0);outline-offset:1px}}