:root{--sans:'Geist',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
:root,html[data-theme=light]{color-scheme:light;--bg:#fff;--bg2:#fafafa;--panel:#fff;--raised:#fff;--hover:#f3f3f3;--active:#ebebeb;--line:#e0e0e0;--line-strong:#c6c6c6;--fg:#171717;--fg2:#4d4d4d;--fg3:#6b6b6b;--blue:#0062d1;--green:#127a34;--amber:#a14d00;--red:#c81e1e;--blue-bg:#ebf3ff;--green-bg:#e8f6ed;--amber-bg:#fff4e2;--red-bg:#ffeded;--shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08);--overlay:rgba(0,0,0,.28);--page:oklch(0.955 0.006 264);--glass:rgba(255,255,255,.86);--red-line:rgba(200,30,30,.35);--green-bg2:rgba(18,122,52,.14);--ch1:oklch(0.55 0.17 262);--accent:oklch(0.55 0.2 264);--accent-bg:oklch(0.55 0.2 264 / 0.1);--ch2:oklch(0.7 0.12 190);--ch3:oklch(0.66 0.18 40)}
html[data-theme=dark]{color-scheme:dark;--bg:#0a0a0a;--bg2:#131313;--panel:#0e0e0f;--raised:#161616;--hover:#1a1a1a;--active:#242424;--line:#2e2e2e;--line-strong:#474747;--fg:#ededed;--fg2:#a3a3a3;--fg3:#8f8f8f;--blue:#52a8ff;--green:#3ecf72;--amber:#f5a524;--red:#ff6b70;--blue-bg:rgba(82,168,255,.12);--green-bg:rgba(62,207,114,.12);--amber-bg:rgba(245,165,36,.12);--red-bg:rgba(255,107,112,.12);--shadow:0 0 0 1px #242424,0 16px 40px rgba(0,0,0,.7);--overlay:rgba(0,0,0,.62);--page:#050506;--glass:rgba(16,16,17,.84);--red-line:rgba(255,107,112,.4);--green-bg2:rgba(62,207,114,.16);--ch1:oklch(0.68 0.15 262);--accent:oklch(0.62 0.19 264);--accent-bg:oklch(0.62 0.19 264 / 0.16);--ch2:oklch(0.78 0.11 190);--ch3:oklch(0.74 0.16 45)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable}
body{overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}
h1,h2,h3,p,span,td,th,li{overflow-wrap:break-word}
code,pre{overflow-wrap:anywhere;white-space:pre-wrap}
table{border-collapse:collapse}
@supports not (backdrop-filter:blur(1px)){[style*="backdrop-filter"]{background:var(--bg)!important}}
@media (max-width:359px){html,body{font-size:14px}}
@media (min-width:2200px){html,body{font-size:16px}}
html,body{margin:0;background:var(--page);color:var(--fg);font-family:var(--sans);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,input,select,textarea{font:inherit;color:inherit;margin:0}
input,select,textarea,option{font-weight:400}
button{-webkit-tap-highlight-color:transparent}
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' fill='none' stroke='%23888' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:calc(100% - 12px) 50%!important;background-size:12px 12px!important;padding-right:34px!important;line-height:1.2;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
select::-ms-expand{display:none}
input::placeholder,textarea::placeholder{color:var(--fg3)}
:focus{outline:none}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
::selection{background:var(--blue);color:#fff}
a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong)}
a:hover{color:var(--fg2)}
@media (pointer:coarse),(max-width:640px){button:not([data-compact]),select,input:not([type=checkbox]):not([type=radio]){min-height:44px}}
header button,[role=radio],[role=tab],[role=switch]{white-space:nowrap}
header button,header [role=radiogroup],header [role=switch]{flex:none}
@keyframes kpulse{0%,100%{opacity:.45}50%{opacity:1}}
@keyframes kin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
input[type=search]{-webkit-appearance:none;appearance:none}
input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
@media (max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:17px!important}}
img,svg{flex-shrink:0}
@keyframes ktoast{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes kspin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
