@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/scx-theme/fonts/geist-latin-ext.woff2)format("woff2");unicode-range:U+100-113,U+116-12B,U+12E-130,U+132-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-17E,U+18F,U+192,U+1CD-1CE,U+1E4-1E9,U+218-21B,U+237,U+259,U+2B9,U+2C7-2C8,U+2DD,U+1E20-1E21,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+1EF8-1EF9,U+2020,U+20AA,U+20B4,U+20B9,U+20BD,U+A78B-A78C}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/scx-theme/fonts/geist-latin.woff2)format("woff2");unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/scx-theme/fonts/geist-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-113,U+116-12B,U+12E-130,U+134-137,U+139-13E,U+141-148,U+14A-14D,U+150-151,U+154-17E,U+18F,U+192,U+1CD-1CE,U+1E4-1E9,U+218-21B,U+237,U+259,U+2B9,U+2C7-2C8,U+2DD,U+1E20-1E21,U+1E80-1E85,U+1E9E,U+1EF2-1EF3,U+1EF8-1EF9,U+2020,U+20AA,U+20B4,U+20B9,U+20BD,U+A78B-A78C}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/scx-theme/fonts/geist-mono-latin.woff2)format("woff2");unicode-range:U+20-7E,U+A0-AC,U+AE-FF,U+102,U+131,U+152-153,U+2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2191,U+2193,U+2212}body{background:oklch(98% .005 159);margin:0}html.dark body{background:oklch(18% .016 159)}.scx{--background:oklch(99% .002 159);--foreground:oklch(18% .02 159);--card:oklch(100% 0 0);--popover:oklch(98% .005 159);--primary:oklch(72% .2 159);--primary-foreground:oklch(99% .01 159);--secondary:oklch(96% .015 159);--secondary-foreground:oklch(25% .03 159);--muted:oklch(96.5% .008 159);--muted-foreground:oklch(50% .03 159);--destructive:oklch(58% .22 25);--border:oklch(91% .015 159);--input:oklch(91% .015 159);--ring:oklch(72% .2 159);--chart-1:oklch(78% .12 159);--chart-3:oklch(63% .11 159);--chart-4:oklch(54% .09 159);--chart-5:oklch(45% .07 159);--token-input:oklch(68% .17 52);--token-output:oklch(55% .2 300);--sidebar:oklch(98% .005 159);--sidebar-hover:oklch(18% .02 159/.05);--sidebar-active:oklch(18% .02 159/.1);--sidebar-border:oklch(91% .015 159);--on-primary:oklch(16% .015 159);--primary-ink:oklch(43% .12 159);--primary-wash:oklch(72% .2 159/.1);--dot:oklch(18% .02 159/.13);--scrim:oklch(18% .02 159/.32);--sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--shadow-sm:0 1px 1px 0 #0000000f,0 3px 2px 0 #00000008,0 5px 2px 0 #00000003;--shadow-xl:0 0 0 1px #00000008,0 4px 32px 0 oklch(18% .02 159/.16);--hairline:oklch(18% .02 159/.09);--tint:oklch(18% .02 159/.03);--sheen:inset 0 1px 0 #ffffff59;--glow-green:oklch(86% .12 159/.75);--glow-mint:oklch(94% .06 185/.7);--glow-warm:oklch(95% .07 88/.85);font-family:var(--sans);letter-spacing:-.006em;color:var(--foreground);-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:14px;line-height:20px}.scx.dark,.dark .scx{--background:oklch(16% .015 159);--foreground:oklch(96% .01 159);--card:oklch(20% .018 159);--popover:oklch(22% .025 159);--primary-foreground:oklch(16% .015 159);--secondary:oklch(26% .025 159);--secondary-foreground:oklch(96% .01 159);--muted:oklch(24% .02 159);--muted-foreground:oklch(65% .04 159);--destructive:oklch(65% .2 25);--border:oklch(72% .2 159/.15);--input:oklch(72% .2 159/.2);--token-input:oklch(80% .16 60);--token-output:oklch(72% .19 300);--sidebar:oklch(18% .016 159);--sidebar-hover:oklch(96% .01 159/.05);--sidebar-active:oklch(96% .01 159/.1);--sidebar-border:oklch(72% .2 159/.15);--primary-ink:oklch(72% .2 159);--primary-wash:oklch(72% .2 159/.12);--dot:oklch(96% .01 159/.11);--scrim:oklch(8% .01 159/.6);--shadow-sm:0 2px 4px 0 #0006;--shadow-xl:0 0 0 1px #0003,0 4px 32px 0 #04080699;--hairline:oklch(96% .01 159/.09);--tint:oklch(96% .01 159/.03);--sheen:inset 0 1px 0 #ffffff47;--glow-green:oklch(72% .2 159/.2);--glow-mint:oklch(72% .14 185/.1);--glow-warm:oklch(80% .16 60/.1)}.scx *,.scx :before,.scx :after{box-sizing:border-box}.scx button{font:inherit;color:inherit;cursor:pointer;text-align:inherit;background:0 0;border:0;margin:0;padding:0}.scx button:disabled{cursor:default;opacity:.55}.scx a{color:inherit;text-decoration:none}.scx input,.scx textarea,.scx select{font:inherit;color:inherit;resize:none;background:0 0;border:0;outline:0;min-width:0;margin:0;padding:0}.scx ::placeholder{color:var(--muted-foreground);opacity:1}.scx button:focus-visible,.scx a:focus-visible{outline:3px solid color-mix(in oklch,var(--ring) 50%,transparent);outline-offset:2px}.scx h1,.scx h2,.scx h3,.scx p{margin:0}.scx svg.i{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.scx .hov:hover{background:var(--sidebar-hover)}.scx .row:hover{background:var(--muted)}.scx .card:hover{border-color:color-mix(in oklch,var(--primary) 55%,var(--border))}.scx .cta{box-shadow:var(--sheen),0 1px 2px 0 oklch(45% .13 159/.35);transition:filter .12s}.scx .cta:hover:not(:disabled){filter:brightness(1.06)}.scx .hov,.scx .row,.scx .card{transition:background-color .12s,border-color .12s}.scx .field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 22%,transparent)}.scx .dots{background-image:radial-gradient(90% 130% at 0% 0%,color-mix(in oklch,var(--primary) 15%,transparent),transparent 62%)}.scx .logo-d,.scx.dark .glow,.dark .scx .glow,.scx.dark .logo-l,.dark .scx .logo-l{display:none}.scx.dark .logo-d,.dark .scx .logo-d{display:block}.scx .label{font-family:var(--mono);letter-spacing:.08em;color:var(--muted-foreground);text-transform:uppercase;font-size:11px;line-height:16px}.scx .mono{font-family:var(--mono)}.scx .muted{color:var(--muted-foreground)}.scx .tag{font-family:var(--mono);border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap;border-radius:9999px;padding:1px 8px;font-size:11px;line-height:16px}.scx .tag.live{color:var(--primary-ink);border-color:color-mix(in oklch,var(--primary) 45%,var(--border))}.scx .tag.bad{color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 40%,var(--border))}.scx kbd,.scx .kbd{font-family:var(--mono);border:1px solid var(--border);color:var(--muted-foreground);border-radius:4px;padding:0 5px;font-size:11px;line-height:16px}.scx .grow{flex-grow:1}.scx .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scx .sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.scx .square{background:var(--border);flex-shrink:0;width:6px;height:6px}.scx .square.on{background:var(--primary)}.scx .btn{border:1px solid var(--border);background:var(--background);white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 14px;font-weight:500;display:inline-flex}.scx .btn.sm{gap:6px;height:32px;padding:0 10px;font-size:13px}.scx .btn.danger{color:var(--destructive);border-color:color-mix(in oklch,var(--destructive) 40%,var(--border))}.scx .btn.cta{background:var(--primary);color:var(--on-primary);border:0;font-weight:600}.scx .btn.cta.danger{background:var(--destructive);color:#fff}.scx .icon-btn{width:32px;height:32px;color:var(--muted-foreground);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.scx .icon-btn.on{background:var(--sidebar-active);color:var(--foreground)}.scx .seg{background:var(--muted);border-radius:8px;gap:2px;padding:3px;display:flex}.scx .seg>button{height:30px;color:var(--muted-foreground);border-radius:6px;justify-content:center;align-items:center;padding:0 12px;font-weight:500;display:flex}.scx .seg>button[aria-pressed=true]{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-sm)}.scx .seg.icons>button{width:30px;padding:0}.scx .input{border:1px solid var(--input);background:var(--card);border-radius:6px;align-items:center;gap:8px;height:36px;padding:0 10px;display:flex}.scx .input>input{flex-grow:1}.scx .panel{border:1px solid var(--hairline);background:var(--background);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;flex-grow:1;min-width:0;margin:8px 8px 8px 0;display:flex;overflow:hidden}.scx .thumb{background-color:var(--muted);border-bottom:1px solid var(--border);justify-content:center;align-items:center;display:flex;position:relative}.scx .mark{font-family:var(--mono);letter-spacing:-.04em;color:var(--chart-4);font-size:40px;font-weight:500;line-height:40px}.scx .mark-sm{border:1px solid var(--border);background-color:var(--muted);width:36px;height:36px;font-family:var(--mono);color:var(--chart-5);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex}.scx .spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scx .veil{background:color-mix(in oklch,var(--background) 62%,transparent);-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);letter-spacing:-.01em;cursor:progress;justify-content:center;align-items:center;font-size:18px;font-weight:550;display:flex;position:absolute;inset:0}.scx .dots-anim:after{content:".";width:1.2em;animation:1.2s step-end infinite dots-anim;display:inline-block}.scx .sk{border:1px solid var(--border);background:linear-gradient(90deg,var(--muted) 30%,color-mix(in oklch,var(--muted) 35%,var(--card)) 50%,var(--muted) 70%);background-size:300% 100%;border-radius:4px;flex-shrink:0;animation:1.6s ease-in-out infinite sk;display:block}@keyframes sk{0%{background-position:100% 0}to{background-position:0 0}}.scx .veil.clear{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.scx .feed-panel{background:color-mix(in oklch,var(--background) 82%,transparent);width:min(560px,90%);box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:20px 24px;display:flex}.scx .feed{width:100%;font-family:var(--mono);letter-spacing:0;text-align:center;flex-direction:column;gap:6px;margin:0;padding:0;font-size:12px;font-weight:400;line-height:18px;list-style:none;display:flex}.scx .feed li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes dots-anim{0%{content:"."}33%{content:".."}66%{content:"..."}}.scx .notice{border:1px solid var(--border);background:var(--card);border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;display:flex}.scx .notice.error{border-color:color-mix(in oklch,var(--destructive) 40%,var(--border));color:var(--destructive)}.scx .notice.success{border-color:color-mix(in oklch,var(--primary) 45%,var(--border))}.scx .notice>span{flex-grow:1}.scx .menu{z-index:40;background:var(--popover);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:8px;flex-direction:column;min-width:208px;padding:4px;display:flex;position:absolute}.scx .menu-item{white-space:nowrap;border-radius:6px;align-items:center;gap:10px;width:100%;height:32px;padding:0 8px;display:flex}.scx .menu-item:hover,.scx .menu-item[aria-expanded=true]{background:var(--sidebar-hover)}.scx .menu-item .i{color:var(--muted-foreground)}.scx .menu-item.danger,.scx .menu-item.danger .i{color:var(--destructive)}.scx .menu-sep{background:var(--border);height:1px;margin:4px 0}.scx .scrim{z-index:50;background-color:var(--scrim);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.scx .dialog{background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;max-width:100%;max-height:100%;display:flex;overflow:hidden}.scx .dialog-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 16px 0 24px;display:flex}.scx .dialog-head h2{flex-grow:1;font-size:16px;font-weight:600;line-height:24px}.scx .composer{background:var(--card);border:1px solid var(--hairline);box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;gap:16px;padding:16px;display:flex}.scx .composer.compact{gap:10px;padding:12px}.scx .composer .caret{font-family:var(--mono);color:var(--primary-ink);font-size:16px;line-height:24px}.scx .composer.compact .caret{font-size:14px;line-height:20px}.scx .composer textarea{flex-grow:1;font-size:16px;line-height:24px}.scx .composer.compact textarea{font-size:14px;line-height:20px}.scx .chip{border:1px solid var(--hairline);background:color-mix(in oklch,var(--card) 72%,transparent);border-radius:9999px;height:32px;padding:0 14px;font-size:13px}.scx .side{background:var(--sidebar);flex-direction:column;flex-shrink:0;gap:16px;width:264px;min-height:100vh;padding:16px 12px 12px;display:flex}.scx .nav-item{border-radius:6px;align-items:center;gap:10px;width:100%;height:32px;padding:0 8px;display:flex}.scx .nav-item .i{color:var(--muted-foreground)}.scx .nav-item[aria-current=page]{background:var(--sidebar-active);font-weight:500}.scx .nav-item[aria-current=page] .i{color:var(--primary-ink)}.scx .avatar{background:var(--secondary);border:1px solid var(--border);border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.scx .mobile-bar{display:none}.scx .prose{overflow-wrap:anywhere;flex-direction:column;gap:6px;display:flex}.scx .prose h3{margin-top:4px;font-size:14px;font-weight:600}.scx .prose code{font-family:var(--mono);background:var(--muted);border-radius:4px;padding:0 4px;font-size:12px}.scx .prose pre{border:1px solid var(--border);background:var(--card);font-family:var(--mono);border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:18px;overflow:auto}.scx .prose pre code{background:0 0;padding:0}.scx .prose .bullet{gap:8px;display:flex}.scx .prose .bullet>span:first-child{color:var(--primary-ink)}@media (width<=860px){.scx .side{display:none}.scx .side.open{z-index:60;box-shadow:var(--shadow-xl);display:flex;position:fixed;inset:0 auto 0 0}.scx .hide-sm{display:none}.scx .grid-sm{grid-template-columns:minmax(0,1fr)!important}.scx .wrap-sm{flex-wrap:wrap}.scx .col-sm{flex-direction:column;align-items:stretch!important}.scx .panel{margin:0 8px 8px}.scx .mobile-bar{align-items:center;gap:10px;height:52px;padding:0 12px;display:flex}.scx .shell{flex-direction:column}.scx .ws{min-height:100vh;height:auto!important}.scx .ws-out{min-height:80vh;margin:0 8px 8px!important}}
