@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes commandPaletteIn{0%{opacity:0;transform:translate(-50%)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}:root{--aurora-from:289.41 100% 90%;--aurora-via:246.15 100% 92.35%;--aurora-to:216 100% 88.24%;--aurora:linear-gradient(45deg,hsl(var(--aurora-from))0%,hsl(var(--aurora-via))55%,hsl(var(--aurora-to))100%);--accent:236.9 100% 69.61%;--accent-500:236.9 100% 74.51%;--accent-400:236.9 100% 81.18%;--accent-600:236.9 100% 69.61%;--ink:213.33 29.03% 6.08%;--ink-inverse:222.86 100% 95.88%;--bg-porcelain:225 100% 99.22%;--bg-oyster:228 38.46% 97.45%;--bg-raven:218.18 26.83% 8.04%;--bg-slate:216.92 23.64% 10.78%;--border-light:0 0% 0%;--border-dark:#ffffff1a;--inner-hl:0 0% 100%;--radius-card:18px;--radius-input:10px;--radius-chip:999px;--canvas:hsl(var(--bg-porcelain));--canvas-dark:hsl(var(--bg-raven));--surface:#ffffffa6;--surface-dark:#ffffff0f;--border:#00000014;--bevel:#ffffff59;--shadow:0 12px 32px #0000001f;--accent-rgb:100,108,255;--accent-06:#646cff0f;--r-card:var(--radius-card);--r-input:var(--radius-input);--pad-card:20px;--gap:16px;--text-primary:hsl(var(--ink));--text-primary-dark:hsl(var(--ink-inverse));--text-primary-light:hsl(var(--ink));--text-secondary:hsl(var(--ink)/.7);--text-secondary-dark:hsl(var(--ink-inverse)/.7);--text-secondary-light:hsl(var(--ink)/.65);--text-meta:hsl(var(--ink)/.6);--text-meta-dark:hsl(var(--ink-inverse)/.6);--text-meta-light:hsl(var(--ink)/.55);--destructive:#ef4444;--destructive-hover:#dc2626;--spacing-card-padding:var(--pad-card);--spacing-input-padding-y:12px;--spacing-input-padding-x:14px;--spacing-button-padding-y:14px;--spacing-button-padding-x:20px;--spacing-gap-sm:var(--gap);--spacing-gap-md:24px;--focus-ring:0 0 0 2px white,0 0 0 4px hsl(var(--accent));--motion-duration-fast:.12s;--motion-duration-base:.2s;--motion-duration-slow:.26s;--motion-ease:cubic-bezier(.4,0,.2,1)}.dark{--ink:var(--ink-inverse);--ink-inverse:213.33 29.03% 6.08%;--canvas:hsl(var(--bg-raven));--surface:#ffffff0f;--border:#ffffff1a;--text-primary:hsl(var(--ink-inverse));--text-secondary:hsl(var(--ink-inverse)/.7);--text-meta:hsl(var(--ink-inverse)/.6)}:root{--ink:213.33 29.03% 6.08%;--ink-inverse:222.86 100% 95.88%;--canvas:hsl(var(--bg-porcelain));--surface:#ffffffa6;--border:#00000014;--text-primary:hsl(var(--ink));--text-secondary:hsl(var(--ink)/.65);--text-meta:hsl(var(--ink)/.55)}.border-hairline{border-width:1px;border-color:hsl(var(--border-light)/.08)}.dark .border-hairline{border-color:hsl(var(--border-dark)/.1)}.glass{border-radius:var(--radius-card);border:1px solid hsl(var(--border-light)/.08);box-shadow:inset 0 0 0 1px hsl(var(--inner-hl)/.35),0 12px 32px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6}.dark .glass{border:1px solid hsl(var(--border-dark)/.1);background:#ffffff0f}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsl(var(--border-light)/.08)!important;border-radius:var(--radius-card)!important;box-shadow:inset 0 0 0 1px hsl(var(--inner-hl)/.35),0 12px 32px #0000001f!important;background:#ffffffa6!important;padding:20px!important}.dark .card{border-color:hsl(var(--border-dark)/.1)!important;background:#ffffff0f!important}.focus-aurora:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px hsl(var(--accent)/1);outline:0}.focus-frame:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn{border-radius:var(--radius-input);color:#fff;background:hsl(var(--accent));cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 20px;font-size:14px;font-weight:500;line-height:1;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{transform:translateY(-.5px)}.btn:active{transform:translateY(0)}.btn:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px hsl(var(--accent)/1);outline:0}.btn-primary,.button-primary{border-radius:var(--radius-input)!important;background:hsl(var(--accent))!important;color:#fff!important;border:none!important;padding:14px 20px!important;font-size:14px!important;font-weight:500!important;transition:transform .12s,box-shadow .12s!important}.btn-primary:hover,.button-primary:hover{transform:translateY(-.5px)}.btn-primary:active,.button-primary:active{transform:translateY(0)}.btn-primary:focus-visible,.button-primary:focus-visible{box-shadow:var(--focus-ring)!important;outline:none!important}.btn-quiet{border-radius:var(--radius-input);border:1px solid hsl(var(--border-light)/.08);color:hsl(var(--ink));cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:14px 20px;font-size:14px;line-height:1;transition:box-shadow .12s;display:inline-flex}.dark .btn-quiet{border-color:hsl(var(--border-dark)/.1);color:hsl(var(--ink))}.btn-quiet:hover{box-shadow:inset 0 0 0 1px hsl(var(--accent)/.35)}.btn-quiet:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px hsl(var(--accent)/1);outline:0}.btn-ghost,.button-ghost{border-radius:var(--radius-input)!important;border:1px solid hsl(var(--border-light)/.08)!important;color:hsl(var(--ink))!important;background:0 0!important;padding:14px 20px!important;font-size:14px!important;transition:box-shadow .12s!important}.dark .btn-ghost,.dark .button-ghost{border-color:hsl(var(--border-dark)/.1)!important;color:hsl(var(--ink))!important}.btn-ghost:hover,.button-ghost:hover{box-shadow:inset 0 0 0 1px hsl(var(--accent)/.35)}.btn-ghost:focus-visible,.button-ghost:focus-visible{box-shadow:var(--focus-ring)!important;outline:none!important}.input{border-radius:var(--radius-input);border:1px solid hsl(var(--border-light)/.08);width:100%;color:hsl(var(--ink));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;padding:12px 16px;font-size:16px;transition:box-shadow .12s}.dark .input{border-color:hsl(var(--border-dark)/.1);color:hsl(var(--ink));background:#ffffff0f}.input:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px hsl(var(--accent)/1);outline:0}.input:focus{box-shadow:var(--focus-ring),inset 0 0 0 1px hsl(var(--inner-hl)/.35)!important;outline:none!important}.chip{border-radius:var(--radius-chip);border:1px solid hsl(var(--border-light)/.08);color:hsl(var(--ink));cursor:pointer;background:0 0;align-items:center;gap:8px;padding:6px 12px;font-size:13px;line-height:1;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.dark .chip{border-color:hsl(var(--border-dark)/.1);color:hsl(var(--ink))}.chip[data-state=on],.chip.selected{background:hsl(var(--accent));color:#fff;border-color:#0000}.row{border-bottom:1px solid hsl(var(--border-light)/.08);align-items:center;transition:background-color .12s;display:grid}.row:hover{background:#ffffff59}.dark .row{border-color:hsl(var(--border-dark)/.1)}.dark .row:hover{background:#ffffff0a}.bg-aurora,.hero-bg{background:radial-gradient(1200px 600px at 50% 40%,#fff3,transparent 60%),var(--aurora);filter:contrast()saturate(95%)}.bg-hero-spot{background:radial-gradient(1200px 600px at 50% 40%,#fff3,#0000 60%)}.shadow-elevated{box-shadow:0 12px 32px #0000001f}.text-ink{color:hsl(var(--ink))}.halo{position:relative}.halo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 80% at 50% 40%,hsl(var(--accent)/.06)0%,transparent 60%);filter:blur(2px);position:absolute;inset:-80px -60px}.h1{letter-spacing:-.02em;font-size:48px;font-weight:600;line-height:1.05}.h2{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.2}.h3{font-size:24px;font-weight:600;line-height:1.25}.h4{font-size:20px;font-weight:600;line-height:1.3}.text-body{font-size:16px;line-height:1.45}.text-meta{opacity:.7;font-size:13px;font-weight:500;line-height:1.4}.layout-container{background-color:var(--canvas)}.nav-bar{border-bottom:1px solid var(--border);background-color:var(--surface)}.surface-item{background-color:var(--surface)}.button-press:active{transition:transform .12s var(--motion-ease);transform:scale(.98)}.entrance-lift{animation:entranceLift .22s var(--motion-ease)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes entranceLift{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake{animation:.5s ease-in-out shake}@keyframes iconChipBreathe{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.icon-chip-breathe{animation:iconChipBreathe .4s var(--motion-ease)}.rail-item{transition:background-color .12s var(--motion-ease)}.rail-item:focus-visible{box-shadow:var(--focus-ring)}.card-interactive{transition:transform var(--motion-duration-fast)ease,box-shadow var(--motion-duration-fast)ease}.card-interactive:not(.glass){box-shadow:0 12px 32px #0000001f!important}.card-interactive:hover:not(.glass){transform:translateY(-1px)!important;box-shadow:0 14px 36px #00000024!important}.glass.card-interactive:hover{box-shadow:inset 0 0 0 1px hsl(var(--inner-hl)/.35),0 14px 36px #00000024!important;transform:translateY(-1px)!important}
