:root{--bg: #0a0c0d;--bg-2: #0e1113;--surface: #14181a;--surface-2: #191e20;--elev: #1c2224;--ink: #e7eaea;--ink-2: #b6bcbc;--ink-3: #828a8a;--muted: #5c6464;--soft: #444c4c;--line: rgba(231, 234, 234, .07);--line-2: rgba(231, 234, 234, .045);--hair: rgba(231, 234, 234, .12);--void: #0a0c0d;--sunken: #0e1113;--lite: none;--lite-soft: none;--edge: none;--sh-0: 0 0 0 0 transparent;--sh-1: 0 0 0 0 transparent;--sh-2: 0 0 0 0 transparent;--sh-3: 0 18px 40px -16px rgba(0, 0, 0, .7);--inset: none;--inset-soft: none;--teal: #15c2a8;--teal-2: #2bd9bf;--teal-dim: rgba(21, 194, 168, .12);--teal-bd: rgba(21, 194, 168, .3);--teal-ink: #052220;--thesis: #9a8cf5;--thesis-bd: rgba(154, 140, 245, .26);--thesis-dim: rgba(154, 140, 245, .1);--up: #35c98a;--down: #f2674e;--warn: #f2b24a;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--serif: "IBM Plex Serif", Georgia, "Times New Roman", serif;--ease: cubic-bezier(.2, .7, .2, 1);--rail: 244px}.app[data-surface=depth]{--void: oklch(.145 .006 201);--bg: oklch(.178 .006 199);--bg-2: oklch(.205 .007 198);--sunken: oklch(.158 .006 201);--surface: oklch(.246 .008 197);--surface-2: oklch(.288 .009 197);--elev: oklch(.338 .01 196);--ink: oklch(.935 .004 200);--ink-2: oklch(.785 .006 200);--ink-3: oklch(.605 .008 200);--muted: oklch(.468 .009 200);--soft: oklch(.372 .01 200);--line: rgba(222, 232, 232, .065);--line-2: rgba(222, 232, 232, .04);--hair: rgba(222, 232, 232, .13);--lite: inset 0 1px 0 rgba(255, 255, 255, .055);--lite-soft: inset 0 1px 0 rgba(255, 255, 255, .035);--edge: inset 0 0 0 1px rgba(255, 255, 255, .022);--sh-0: 0 1px 1px rgba(0, 0, 0, .22);--sh-1: 0 1px 1.5px rgba(0, 0, 0, .28), 0 2px 5px -1px rgba(0, 0, 0, .3);--sh-2: 0 1px 2px rgba(0, 0, 0, .3), 0 5px 12px -3px rgba(0, 0, 0, .42), 0 12px 28px -8px rgba(0, 0, 0, .46);--sh-3: 0 2px 5px rgba(0, 0, 0, .36), 0 14px 30px -8px rgba(0, 0, 0, .55), 0 32px 64px -16px rgba(0, 0, 0, .62);--inset: inset 0 1.5px 3px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(0, 0, 0, .32);--inset-soft: inset 0 1px 2px rgba(0, 0, 0, .4)}@media(max-width:1180px){:root{--rail: 212px}}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:13.5px;line-height:1.5;letter-spacing:-.004em}#app{height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:focus{outline:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:2px}input,textarea{font-family:inherit}::selection{background:#15c2a842;color:var(--teal-2)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--hair);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#e7eaea33}svg{display:block}.app[data-surface=depth]{background:var(--void)}@keyframes pulse{50%{opacity:.3}}@keyframes slidein{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes feedin{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes drawer{0%{opacity:0;max-height:0}to{opacity:1;max-height:240px}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes popup{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}.fx-atmos,.fx-grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.fx-atmos{background:radial-gradient(125% 70% at 50% -12%,rgba(150,196,200,.05),transparent 58%),radial-gradient(150% 130% at 50% 116%,rgba(0,0,0,.42),transparent 52%),radial-gradient(100% 100% at 100% 0%,rgba(0,0,0,.2),transparent 42%);mix-blend-mode:soft-light;opacity:.9}.fx-grain{opacity:.05;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.82' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}@media(prefers-reduced-motion:reduce){.fx-grain{display:none}}.app{height:100vh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);position:relative;z-index:1}.app.rail-collapsed{grid-template-columns:62px minmax(0,1fr)}.rail{background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.app[data-surface=depth] .rail{background:linear-gradient(180deg,color-mix(in oklch,var(--bg) 92%,white 8%),var(--bg) 22%);box-shadow:1px 0 #0006}.rail__head{display:flex;align-items:center;gap:9px;padding:13px 12px 11px}.logo{width:24px;height:24px;border-radius:7px;flex:none;display:grid;place-items:center;color:#02201d;background:linear-gradient(150deg,var(--teal-2),var(--teal) 60%,#0c8f7c);box-shadow:0 0 0 1px #2bd9bf59 inset,0 4px 12px -5px #15c2a8b3}.logo svg{width:14px;height:14px}.rail__head .nm{font-weight:600;font-size:14.5px;letter-spacing:-.02em;color:var(--ink)}.rail__head .sp{flex:1}.rail__head .ic{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--muted);transition:.12s var(--ease)}.rail__head .ic:hover{background:var(--surface);color:var(--ink-2)}.rail__head .ic svg{width:15px;height:15px}.rail__search{margin:2px 10px 8px;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:12.5px;transition:.12s var(--ease);width:calc(100% - 20px)}.app[data-surface=depth] .rail__search{background:var(--sunken);box-shadow:var(--inset-soft)}.rail__search:hover{border-color:var(--hair)}.rail__search svg{width:13px;height:13px;flex:none}.rail__search .sp{flex:1;text-align:left}.rail__search kbd{font-family:var(--mono);font-size:10px;color:var(--soft);border:1px solid var(--line);border-radius:4px;padding:1px 5px}.rail__body{flex:1;overflow:auto;padding:2px 8px 14px}.nav{display:flex;flex-direction:column;gap:1px}.nav a{display:flex;align-items:center;gap:10px;height:32px;padding:0 9px;border-radius:7px;color:var(--ink-3);font-size:13px;font-weight:450;transition:.1s var(--ease);position:relative}.nav a:hover{background:var(--surface);color:var(--ink)}.nav a.active{background:var(--surface-2);color:var(--ink);font-weight:550}.app[data-surface=depth] .nav a.active{box-shadow:var(--lite-soft),var(--sh-0)}.nav a.active:before{content:"";position:absolute;left:-8px;top:8px;bottom:8px;width:2.5px;border-radius:2px;background:var(--teal)}.nav a svg{width:15px;height:15px;flex:none;opacity:.85}.nav a .ct{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--muted)}.nav a .ct.warn{color:var(--warn)}.sech{display:flex;align-items:center;gap:6px;padding:16px 9px 6px;font-size:11px;color:var(--muted);font-weight:550}.sech .sp{flex:1}.sech .add{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;color:var(--muted);transition:.12s}.sech .add:hover{background:var(--surface);color:var(--ink-2)}.sech .add svg{width:13px;height:13px}.sech .tools{display:flex;gap:2px}.sech .tools svg{width:13px;height:13px;color:var(--soft)}.wl{display:flex;align-items:center;gap:9px;height:29px;padding:0 9px;border-radius:7px;color:var(--ink-3);font-size:12.5px;width:100%;text-align:left;transition:.1s}.wl:hover{background:var(--surface);color:var(--ink)}.wl.on{background:var(--surface-2);color:var(--ink)}.app[data-surface=depth] .wl.on{box-shadow:var(--lite-soft),var(--sh-0)}.wl .dot{width:7px;height:7px;border-radius:2px;flex:none}.wl .ct{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--muted)}.recent{display:block;padding:7px 9px;border-radius:7px;width:100%;text-align:left;transition:.1s var(--ease)}.recent:hover{background:var(--surface)}.app[data-surface=depth] .recent:hover{box-shadow:var(--lite-soft),var(--sh-0)}.recent .t{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:450}.recent:hover .t{color:var(--ink)}.recent .m{display:flex;align-items:center;gap:6px;margin-top:2px;font-family:var(--mono);font-size:10px;color:var(--muted)}.recent .m .tk{color:var(--thesis)}.recent .m .live{width:5px;height:5px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 2px var(--teal-dim);animation:pulse 1.5s infinite}.rail__foot{border-top:1px solid var(--line);padding:6px 8px;display:flex;flex-direction:column;gap:1px}.rail__foot a{display:flex;align-items:center;gap:10px;height:32px;padding:0 9px;border-radius:7px;color:var(--ink-3);font-size:13px;transition:.1s}.rail__foot a:hover{background:var(--surface);color:var(--ink)}.rail__foot a svg{width:15px;height:15px}.rail__foot .me{display:flex;align-items:center;gap:9px;height:38px;padding:0 9px;border-radius:7px;transition:.1s;width:100%}.rail__foot .me:hover{background:var(--surface)}.rail__foot .me .av{width:22px;height:22px;border-radius:6px;flex:none;background:linear-gradient(135deg,#2f7bff,#9a8cf5);display:grid;place-items:center;color:#fff;font-size:10px;font-weight:600}.rail__foot .me .nm{font-size:12.5px;color:var(--ink-2);font-weight:500}.rail__foot .me .sp{flex:1}.rail__foot .me>svg{width:13px;height:13px;color:var(--muted)}.app.rail-collapsed .rail__head{flex-direction:column;gap:8px;padding:13px 0 10px;align-items:center}.app.rail-collapsed .rail__head .nm,.app.rail-collapsed .rail__head .sp,.app.rail-collapsed .rail__head .ic.switch{display:none}.app.rail-collapsed .rail__search{justify-content:center;padding:7px 0;margin:2px 11px 8px;width:calc(100% - 22px)}.app.rail-collapsed .rail__search .sp,.app.rail-collapsed .rail__search kbd{display:none}.app.rail-collapsed .nav a{justify-content:center;padding:0;gap:0}.app.rail-collapsed .nav a .ct,.app.rail-collapsed .nav a .rlbl{display:none}.app.rail-collapsed .nav a.active:before{left:0}.app.rail-collapsed .sech,.app.rail-collapsed .recent{display:none}.app.rail-collapsed .wl{justify-content:center;padding:0;gap:0}.app.rail-collapsed .wl .rlbl,.app.rail-collapsed .wl .ct{display:none}.app.rail-collapsed .rail__foot{align-items:center}.app.rail-collapsed .rail__foot a{justify-content:center;padding:0;gap:0}.app.rail-collapsed .rail__foot a .rlbl{display:none}.app.rail-collapsed .rail__foot .me{justify-content:center;padding:0}.app.rail-collapsed .rail__foot .me .nm,.app.rail-collapsed .rail__foot .me .sp,.app.rail-collapsed .rail__foot .me>svg{display:none}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.tabs{display:flex;align-items:center;height:42px;border-bottom:1px solid var(--line);padding:0 10px;gap:2px;flex:none;background:var(--bg)}.tab{display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:8px;color:var(--ink-3);font-size:12.5px;transition:.1s}.tab:hover{background:var(--surface);color:var(--ink-2)}.tab.active{background:var(--surface-2);color:var(--ink);font-weight:500}.app[data-surface=depth] .tab.active{box-shadow:var(--lite-soft),var(--sh-0)}.tab svg{width:13px;height:13px;opacity:.8}.tab .x{width:16px;height:16px;display:grid;place-items:center;border-radius:4px;margin-right:-4px;color:var(--muted)}.tab .x:hover{background:var(--elev);color:var(--ink)}.tab .x svg{width:9px;height:9px}.tabs .add{width:26px;height:26px;display:grid;place-items:center;border-radius:7px;color:var(--muted)}.tabs .add:hover{background:var(--surface);color:var(--ink)}.tabs .add svg{width:14px;height:14px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%) translateY(20px);z-index:90;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:11px;background:var(--elev);border:1px solid var(--teal-bd);box-shadow:0 18px 40px -16px #000000b3;opacity:0;pointer-events:none;transition:.24s var(--ease);font-size:12.5px;color:var(--ink)}.app[data-surface=depth]~.toast{left:calc(50% + var(--rail) / 2);background:linear-gradient(180deg,color-mix(in oklch,var(--elev) 100%,white 6%),var(--elev));box-shadow:var(--lite),var(--sh-3)}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}.app[data-surface=depth]~.toast.on{transform:translate(-50%) translateY(0)}.toast svg{width:15px;height:15px;color:var(--teal)}.toast .mono{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.pal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:13vh;background:#0507089e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pal.on{display:flex}.pal__box{width:min(620px,92vw);background:var(--surface);border:1px solid var(--hair);border-radius:14px;box-shadow:0 40px 80px -30px #000c;overflow:hidden;animation:slidein .16s var(--ease)}.pal__in{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--line)}.pal__in svg{width:17px;height:17px;color:var(--muted);flex:none}.pal__in input{flex:1;background:none;border:none;outline:none;color:var(--ink);font-size:15.5px}.pal__in input::placeholder{color:var(--muted)}.pal__in kbd{font-family:var(--mono);font-size:10px;color:var(--soft);border:1px solid var(--line);border-radius:4px;padding:2px 6px}.pal__body{max-height:54vh;overflow:auto;padding:7px}.pal__sec{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.03em;text-transform:uppercase;padding:9px 11px 5px}.pal__it{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:9px;cursor:pointer}.pal__it.cur{background:var(--surface-2)}.pal__it .ic{width:26px;height:26px;border-radius:7px;flex:none;display:grid;place-items:center;background:var(--elev);color:var(--ink-3)}.pal__it .ic svg{width:14px;height:14px}.pal__it .ic.tk{color:var(--thesis);background:var(--thesis-dim)}.pal__it .ic.tl{color:var(--teal);background:var(--teal-dim)}.pal__it .tx{min-width:0;flex:1}.pal__it .tx .t{font-size:13px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal__it .tx .s{font-family:var(--mono);font-size:10px;color:var(--muted);margin-top:1px}.pal__it .kb{font-family:var(--mono);font-size:9.5px;color:var(--soft);border:1px solid var(--line);border-radius:4px;padding:2px 6px}.pal__it .here{font-family:var(--mono);font-size:10px;color:var(--teal)}
