*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--ot-accent);outline-offset:2px}body{background:var(--ot-bg);color:var(--ot-ink);font:var(--ot-fw-medium) var(--ot-fs-14) / var(--ot-lh-normal) var(--ot-font-sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--ot-dur-base) var(--ot-ease),color var(--ot-dur-base) var(--ot-ease)}::selection{background:var(--ot-accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--ot-line-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--ot-line-strong);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--ot-ink-faint)}*::-webkit-scrollbar-track{background:transparent}#outlet{min-height:100vh}.route-center{min-height:100vh;display:grid;place-items:center;padding:var(--ot-sp-6)}.shell__content>*{animation:ot-fade-up .18s var(--ot-ease)}:root{color-scheme:light;--ot-bg: #f6f7f4;--ot-bg-soft: #eef1ed;--ot-surface: #ffffff;--ot-surface-2: #fbfcfa;--ot-ink: #131c16;--ot-ink-soft: #4a554e;--ot-ink-muted: #6e746f;--ot-ink-faint: #c2c7c3;--ot-line: #e6e9e5;--ot-line-soft: #eef0ec;--ot-line-strong: #d2d6d0;--ot-accent: #3fa46a;--ot-accent-soft: #e6f2ea;--ot-accent-deep: #2e8453;--ot-accent-ink: #1f6b40;--ot-accent-shadow: rgba(63, 164, 106, .24);--ot-teal: #14b8a6;--ot-teal-soft: rgba(20, 184, 166, .14);--ot-teal-deep: #0f9488;--ot-blue: #2f88ff;--ot-blue-soft: #e0eeff;--ot-warn: #e8a436;--ot-warn-soft: rgba(232, 164, 54, .16);--ot-error: #e15554;--ot-error-soft: rgba(225, 85, 84, .1);--ot-danger: var(--ot-error);--ot-danger-soft: var(--ot-error-soft);--ot-lock: #7c5bd6;--ot-lock-soft: #efeafa;--ot-lock-line: #dbcef5;--ot-hover: rgba(19, 28, 22, .05);--av-1: #07c160;--av-2: #2f88ff;--av-3: #b568d1;--av-4: #e8a436;--av-5: #25d366;--av-6: #f26c6c;--av-7: #14b8a6;--av-8: #6366f1;--ot-fs-11: 11px;--ot-fs-12: 12px;--ot-fs-13: 13px;--ot-fs-14: 14px;--ot-fs-15: 15px;--ot-fs-16: 16px;--ot-fs-18: 18px;--ot-fs-20: 20px;--ot-fs-24: 24px;--ot-fs-28: 28px;--ot-lh-tight: 1.35;--ot-lh-normal: 1.55;--ot-fw-medium: 500;--ot-fw-semi: 600;--ot-fw-bold: 700;--ot-r-xs: 6px;--ot-r-sm: 8px;--ot-r-md: 10px;--ot-r-lg: 14px;--ot-r-xl: 18px;--ot-r-2xl: 24px;--ot-r-pill: 999px;--ot-sp-1: 4px;--ot-sp-2: 8px;--ot-sp-3: 12px;--ot-sp-4: 16px;--ot-sp-5: 20px;--ot-sp-6: 24px;--ot-sp-8: 32px;--ot-sp-10: 40px;--ot-sp-12: 48px;--ot-shadow-xs: 0 1px 2px rgba(19, 28, 22, .04);--ot-shadow-sm: 0 2px 8px rgba(19, 28, 22, .06);--ot-shadow-md: 0 6px 20px rgba(19, 28, 22, .08);--ot-shadow-lg: 0 14px 36px rgba(19, 28, 22, .1);--ot-ease: cubic-bezier(.22, .61, .36, 1);--ot-dur-fast: .12s;--ot-dur-base: .2s;--ot-dur-slow: .32s;--ot-bright: #25d366;--ot-bright-soft: rgba(37, 211, 102, .16);--ot-media-bg: #0f0f0f;--ot-fw-normal: 400;--ot-lh-loose: 1.75;--ot-font-serif: "PingFang SC", "Source Han Serif SC", "Songti SC", Georgia, serif;--ot-font-cn: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", sans-serif;--ot-font-en: -apple-system, "SF Pro Text", "Inter", system-ui, sans-serif;--ot-font-sans: var(--ot-font-en), var(--ot-font-cn);--ot-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ot-stage-bg: #10140f;--ot-side-w: 68px;--ot-list-w: 320px}:root[data-theme=dark]{color-scheme:dark;--ot-bg: #0a0a0a;--ot-bg-soft: #141414;--ot-surface: #1c1c1c;--ot-surface-2: #242424;--ot-ink: #f2f2f2;--ot-ink-soft: #d6d6d6;--ot-ink-muted: #b0b0b0;--ot-ink-faint: #8a8a8a;--ot-line: #2c2c2c;--ot-line-soft: #1f1f1f;--ot-line-strong: #3a3a3a;--ot-accent: #22c77e;--ot-accent-soft: rgba(34, 199, 126, .18);--ot-accent-deep: #1fb572;--ot-accent-ink: #5fe0a4;--ot-accent-shadow: rgba(34, 199, 126, .3);--ot-teal: #2dd4bf;--ot-teal-soft: rgba(45, 212, 191, .2);--ot-error: #ff6b6b;--ot-error-soft: rgba(255, 107, 107, .2);--ot-blue: #4fa4ff;--ot-blue-soft: rgba(79, 164, 255, .18);--ot-warn-soft: rgba(232, 164, 54, .22);--ot-lock: #9b7bee;--ot-lock-soft: #1f1733;--ot-lock-line: #352a55;--ot-hover: rgba(255, 255, 255, .06);--ot-bright: #34e078;--ot-bright-soft: rgba(52, 224, 120, .22);--ot-shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--ot-shadow-sm: 0 2px 8px rgba(0, 0, 0, .46);--ot-shadow-md: 0 6px 20px rgba(0, 0, 0, .52);--ot-shadow-lg: 0 14px 36px rgba(0, 0, 0, .6)}.ot-h1{margin:0;font-size:var(--ot-fs-24);font-weight:var(--ot-fw-bold);letter-spacing:-.01em;line-height:var(--ot-lh-tight)}.ot-h2{margin:0;font-size:var(--ot-fs-18);font-weight:var(--ot-fw-bold);letter-spacing:-.005em}.ot-h3{margin:0;font-size:var(--ot-fs-15);font-weight:var(--ot-fw-semi)}.ot-body{font-size:var(--ot-fs-14);line-height:var(--ot-lh-normal)}.ot-sub{color:var(--ot-ink-soft);font-size:var(--ot-fs-13)}.ot-caption{color:var(--ot-ink-muted);font-size:var(--ot-fs-12)}.ot-mono{font-family:var(--ot-font-mono)}@keyframes ot-spin{to{transform:rotate(360deg)}}@keyframes ot-typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes ot-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:none}}@keyframes ot-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes ot-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ot-breathe{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.ic{width:16px;height:16px;flex:none}.ot-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border:1px solid transparent;border-radius:var(--ot-r-md);color:inherit;cursor:pointer;white-space:nowrap;background:transparent;font:var(--ot-fw-bold) var(--ot-fs-13) / 1 var(--ot-font-sans);transition:transform var(--ot-dur-fast) var(--ot-ease),background var(--ot-dur-base) var(--ot-ease),border-color var(--ot-dur-base) var(--ot-ease),box-shadow var(--ot-dur-base) var(--ot-ease)}.ot-btn:active{transform:scale(.97)}.ot-btn:focus-visible{outline:0;border-color:var(--ot-accent);box-shadow:0 0 0 4px var(--ot-accent-soft)}.ot-btn--primary{background:var(--ot-accent);color:#fff;box-shadow:0 4px 12px var(--ot-accent-shadow)}.ot-btn--primary:hover{background:var(--ot-accent-deep)}.ot-btn--ghost{background:transparent;color:var(--ot-ink-soft);border-color:var(--ot-line)}.ot-btn--ghost:hover{background:var(--ot-bg-soft);border-color:var(--ot-line-strong)}.ot-btn--soft{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.ot-btn--text{background:transparent;color:var(--ot-ink-soft)}.ot-btn--text:hover{color:var(--ot-accent);background:var(--ot-bg-soft)}.ot-btn--danger{background:var(--ot-danger);color:#fff}.ot-btn--danger-ghost{background:transparent;color:var(--ot-danger);border-color:var(--ot-danger-soft)}.ot-btn--sm{height:30px;padding:0 12px}.ot-btn--lg{height:44px;padding:0 22px;font-size:var(--ot-fs-15)}.ot-btn--block{width:100%}.ot-btn--pill{border-radius:var(--ot-r-pill)}.ot-btn--icon{width:36px;padding:0}.ot-btn[disabled]{cursor:not-allowed;opacity:.55}.ot-btn .ic{width:16px;height:16px}.ot-btn--github{background:#1f2328;color:#fff}.ot-btn--github:hover{background:#32383f}.ot-btn--google{background:#fff;color:#3c4043;border-color:var(--ot-line-strong)}.ot-btn--google:hover{background:var(--ot-bg-soft)}:root[data-theme=dark] .ot-btn--google{background:#1c1c1c;color:var(--ot-ink);border-color:var(--ot-line-strong)}.ot-spin{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:ot-spin .7s linear infinite;opacity:.9}.ot-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ot-r-md);overflow:hidden;flex:none;color:#fff;background:var(--av-1);font:var(--ot-fw-bold) 13px / 1 var(--ot-font-sans)}.ot-avatar img{width:100%;height:100%;object-fit:cover}.ot-avatar--sm{width:28px;height:28px;border-radius:var(--ot-r-sm);font-size:11px}.ot-avatar--lg{width:48px;height:48px;font-size:17px}.ot-avatar--xl{width:64px;height:64px;border-radius:var(--ot-r-lg);font-size:22px}.ot-avatar--c1{background:var(--av-1)}.ot-avatar--c2{background:var(--av-2)}.ot-avatar--c3{background:var(--av-3)}.ot-avatar--c4{background:var(--av-4)}.ot-avatar--c5{background:var(--av-5)}.ot-avatar--c6{background:var(--av-6)}.ot-avatar--c7{background:var(--av-7)}.ot-avatar--c8{background:var(--av-8)}.ot-card{display:block;min-width:0;border:1px solid var(--ot-line);border-radius:var(--ot-r-lg);background:var(--ot-surface);box-shadow:var(--ot-shadow-xs)}.ot-card--flat{box-shadow:none}.ot-card--floating{box-shadow:var(--ot-shadow-md)}.ot-card--pad{padding:var(--ot-sp-5)}.ot-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-soft);font:var(--ot-fw-semi) var(--ot-fs-12) / 1 var(--ot-font-sans);white-space:nowrap;flex:none}.ot-tag--accent{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.ot-tag--teal{background:var(--ot-teal-soft);color:var(--ot-teal-deep)}.ot-tag--lock{background:var(--ot-lock-soft);color:var(--ot-lock)}.ot-input,.ot-textarea{width:100%;padding:9px 12px;border:1px solid var(--ot-line);border-radius:var(--ot-r-md);background:var(--ot-surface);color:var(--ot-ink);font:var(--ot-fw-medium) var(--ot-fs-14) / var(--ot-lh-normal) var(--ot-font-sans)}.ot-input:focus,.ot-textarea:focus{outline:0;border-color:var(--ot-accent);box-shadow:0 0 0 3px var(--ot-accent-soft)}.ot-input::placeholder,.ot-textarea::placeholder{color:var(--ot-ink-faint)}.ot-search{display:inline-flex;align-items:center;gap:8px;min-width:220px;height:36px;padding:0 12px;border:1px solid var(--ot-line);border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-faint);font:var(--ot-fw-medium) var(--ot-fs-13) / 1 var(--ot-font-sans)}.ot-status{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:var(--ot-r-pill);background:var(--ot-bg-soft);color:var(--ot-ink-muted);font:var(--ot-fw-semi) var(--ot-fs-12) / 1 var(--ot-font-sans);white-space:nowrap;flex:none}.ot-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.ot-status--ok{background:var(--ot-accent-soft);color:var(--ot-accent-ink)}.ot-status--warn{background:var(--ot-warn-soft);color:var(--ot-warn)}.ot-status--error{background:var(--ot-error-soft);color:var(--ot-error)}.ot-status--idle{background:var(--ot-bg-soft);color:var(--ot-ink-muted)}.ot-status--lock{background:var(--ot-lock-soft);color:var(--ot-lock)}.ot-status--live:before{box-shadow:0 0 0 3px var(--ot-accent-soft)}.ot-switch{position:relative;flex:none;width:38px;height:22px;padding:0;border:0;border-radius:var(--ot-r-pill);background:var(--ot-line-strong);cursor:pointer;transition:background var(--ot-dur-base) var(--ot-ease)}.ot-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--ot-dur-base) var(--ot-ease)}.ot-switch.is-on{background:var(--ot-accent)}.ot-switch.is-on:after{transform:translate(16px)}.ot-divider{display:flex;align-items:center;gap:12px;color:var(--ot-ink-faint);font-size:var(--ot-fs-12)}.ot-divider:before,.ot-divider:after{content:"";flex:1;height:1px;background:var(--ot-line)}.ot-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.ot-row+.ot-row{border-top:1px solid var(--ot-line)}.ot-row__k{color:var(--ot-ink-muted);font-size:var(--ot-fs-13)}.ot-row__v{color:var(--ot-ink);font-weight:var(--ot-fw-semi);font-size:var(--ot-fs-13)}.ot-empty{display:grid;justify-items:center;align-content:center;gap:8px;padding:var(--ot-sp-10) var(--ot-sp-4);text-align:center}.ot-empty__art{width:56px;height:56px;border-radius:var(--ot-r-lg);display:grid;place-items:center;background:var(--ot-bg-soft);color:var(--ot-ink-faint);margin-bottom:6px}.ot-empty__art .ic,.ot-empty__art svg{width:26px;height:26px}.ot-empty__title{font-size:17px;font-weight:var(--ot-fw-bold);letter-spacing:-.012em;color:var(--ot-ink)}.ot-empty__desc{color:var(--ot-ink-muted);font-size:var(--ot-fs-13);line-height:1.7;max-width:360px}.ot-toaster{position:fixed;left:50%;bottom:40px;transform:translate(-50%);z-index:2200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.ot-toast{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--ot-line);border-radius:var(--ot-r-pill);background:var(--ot-surface);color:var(--ot-ink);box-shadow:var(--ot-shadow-md);font:var(--ot-fw-medium) var(--ot-fs-13) / 1 var(--ot-font-sans);animation:ot-fade-up var(--ot-dur-base) var(--ot-ease)}.ot-toast:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ot-accent);flex:none}.ot-toast--error:before{background:var(--ot-error)}.ot-toast.is-leaving{opacity:0;transform:translateY(6px);transition:opacity var(--ot-dur-base) var(--ot-ease),transform var(--ot-dur-base) var(--ot-ease)}.ot-split{display:flex;height:100%;min-height:0;background:var(--ot-bg)}.ot-split__rail{flex:none;width:var(--ot-split-rail-w, 320px);min-width:0;display:flex;flex-direction:column;border-right:1px solid var(--ot-line);background:var(--ot-bg-soft)}.ot-split__main{flex:1;min-width:0;min-height:0;overflow-y:auto}