:root{--ui-font-size: 14px;--ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--ui-mono-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--color-background: #0d0f13;--color-foreground: #e7e9ee;--color-card: #15181e;--color-card-foreground: #e7e9ee;--color-popover: #191d24;--color-border: #262b34;--color-border-strong: #333a46;--color-muted: #1b1f27;--color-muted-foreground: #8b93a3;--color-accent: #222834;--color-accent-foreground: #f2f4f8;--color-primary: #4c8dff;--color-primary-foreground: #ffffff;--color-destructive: #e5534b;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--color-analysis-done: #46bf72;--color-analysis-partial: #ff9e3d;--color-analysis-pending: #6b7280;--color-learning: #58a6ff;--color-warning: #d29922;--color-success: #46bf72;--shadow-panel: 0 1px 2px rgb(0 0 0 / .35)}[data-theme=light]{--color-background: #f6f7f9;--color-foreground: #1a1d23;--color-card: #ffffff;--color-card-foreground: #1a1d23;--color-popover: #ffffff;--color-border: #e2e5ea;--color-border-strong: #cdd2da;--color-muted: #eef0f4;--color-muted-foreground: #5f6773;--color-accent: #e8ebf1;--color-accent-foreground: #14171c;--color-analysis-done: #1e8a3e;--color-analysis-partial: #e07b00;--color-analysis-pending: #9aa2af;--color-learning: #0969da;--shadow-panel: 0 1px 2px rgb(16 24 40 / .06)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--ui-font-family);font-size:var(--ui-font-size);color:var(--color-foreground);background:var(--color-background);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}.shell{display:flex;flex-direction:column;height:100%;padding:8px;gap:8px}.shell-body{flex:1;min-height:0}.header{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);flex:none}.header-logo{display:flex;align-items:center;gap:8px;font-weight:600}.header-logo .logo-dot{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,var(--color-primary),#9d6bff)}.header-divider{width:1px;height:20px;background:var(--color-border)}.header-crumb{color:var(--color-muted-foreground);display:flex;align-items:center;gap:8px;font-size:13px}.header-spacer{flex:1}.header-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted-foreground);border:1px solid var(--color-border);border-radius:999px;padding:3px 10px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--color-success)}.status-dot.offline{background:var(--color-warning)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);color:var(--color-muted-foreground)}.icon-btn:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-card);min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-panel)}.panel-header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);flex:none}.panel-body{flex:1;min-height:0;overflow:auto}.resize-handle{width:12px;flex:0 0 12px;z-index:10;position:relative;display:flex;align-items:center;justify-content:center;touch-action:none}.resize-handle:after{content:"";width:3px;height:36px;border-radius:3px;background:transparent;transition:background .12s ease}.resize-handle:hover:after,.resize-handle[data-resize-handle-state=drag]:after{background:var(--color-border-strong)}.sidebar{display:flex;flex-direction:column}.nav-section{padding:10px 8px 6px;flex:none}.nav-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:var(--radius-md);color:var(--color-muted-foreground);font-size:13.5px;text-align:left}.nav-item:hover{background:var(--color-accent);color:var(--color-accent-foreground)}.nav-item.active{background:var(--color-accent);color:var(--color-foreground);font-weight:600}.nav-item .nav-badge{margin-left:auto;font-size:11px;color:var(--color-muted-foreground)}.tree-section{flex:1;min-height:0;display:flex;flex-direction:column;border-top:1px solid var(--color-border)}.tree-toolbar{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted-foreground);flex:none}.tree-toolbar .tree-coverage{margin-left:auto;font-weight:500;letter-spacing:0;text-transform:none}.tree{flex:1;min-height:0;overflow:auto;padding:2px 8px 12px;font-size:13px;-webkit-user-select:none;user-select:none}.tree-row{display:flex;align-items:center;gap:5px;height:26px;padding:0 6px;border-radius:var(--radius-sm);color:var(--color-muted-foreground);cursor:pointer;white-space:nowrap}.tree-row:hover{background:var(--color-accent)}.tree-row.selected{background:var(--color-accent);color:var(--color-foreground)}.tree-row .chevron{width:14px;height:14px;flex:none;color:var(--color-muted-foreground);transition:transform .12s ease}.tree-row .chevron.open{transform:rotate(90deg)}.tree-row .chevron.leaf{visibility:hidden}.tree-row .row-name{overflow:hidden;text-overflow:ellipsis}.tree-row .row-status{margin-left:auto;display:flex;align-items:center;gap:5px;flex:none}.tree-row.status-done .row-name{color:var(--color-analysis-done)}.tree-row.status-partial .row-name{color:var(--color-analysis-partial)}.tree-dot{width:7px;height:7px;border-radius:50%;background:var(--color-analysis-pending);opacity:.55}.tree-row.status-done .tree-dot{background:var(--color-analysis-done);opacity:1}.tree-row.status-partial .tree-dot{background:var(--color-analysis-partial);opacity:1}.learning-dot{width:7px;height:7px;border-radius:50%;background:var(--color-learning)}.tree-legend{display:flex;gap:12px;padding:9px 12px 12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-muted-foreground);filter:brightness(1.15);flex:none;flex-wrap:wrap}.legend-item{display:inline-flex;align-items:center;gap:5px}.sidebar-footer{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--color-border);font-size:12px;color:var(--color-muted-foreground)}.center{overflow:auto;padding:20px 24px}.center h1{font-size:19px;margin:0 0 4px}.center .sub{color:var(--color-muted-foreground);margin:0 0 18px;font-size:13px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px;background:var(--color-card)}.card h3{margin:0 0 8px;font-size:13px;display:flex;align-items:center;gap:8px;color:var(--color-muted-foreground);text-transform:uppercase;letter-spacing:.04em}.card .big{font-size:24px;font-weight:700}.card .hint{font-size:12px;color:var(--color-muted-foreground);margin-top:4px}.stack-table{width:100%;border-collapse:collapse;font-size:13px}.stack-table th{text-align:left;font-weight:600;color:var(--color-muted-foreground);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--color-border)}.stack-table td{padding:9px 10px;border-bottom:1px solid var(--color-border);vertical-align:top}.stack-table tr:hover td{background:var(--color-accent)}.stack-table .mono{font-family:var(--ui-mono-family);font-size:12.5px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;border-radius:999px;padding:2px 9px;border:1px solid var(--color-border);color:var(--color-muted-foreground);white-space:nowrap}.badge.done{color:var(--color-analysis-done);border-color:color-mix(in srgb,var(--color-analysis-done) 40%,transparent)}.badge.partial{color:var(--color-analysis-partial);border-color:color-mix(in srgb,var(--color-analysis-partial) 40%,transparent)}.badge.pending{color:var(--color-analysis-pending)}.doc-breadcrumbs{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--color-muted-foreground);margin-bottom:10px;flex-wrap:wrap}.doc-body{max-width:860px;line-height:1.65;font-size:14px}.doc-body h2{font-size:16px;margin:22px 0 8px}.doc-body p{margin:8px 0}.doc-body code{font-family:var(--ui-mono-family);font-size:12.5px;background:var(--color-muted);padding:1px 5px;border-radius:4px}.doc-body pre{background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;overflow:auto;font-family:var(--ui-mono-family);font-size:12.5px;line-height:1.5}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 14px;font-size:13px;background:var(--color-card)}.btn:hover{background:var(--color-accent)}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-foreground)}.btn.primary:hover{filter:brightness(1.08)}.primm-steps{display:flex;gap:6px;margin:14px 0 18px;flex-wrap:wrap}.primm-step{flex:1;min-width:90px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px 10px;font-size:12px;color:var(--color-muted-foreground);text-align:center}.primm-step.active{border-color:var(--color-primary);color:var(--color-foreground);background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.primm-step.passed{border-color:color-mix(in srgb,var(--color-analysis-done) 50%,transparent);color:var(--color-analysis-done)}.parsons-pool{display:flex;flex-direction:column;gap:6px;margin:10px 0}.parsons-block{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:8px 12px;font-family:var(--ui-mono-family);font-size:12.5px;cursor:grab;background:var(--color-muted)}.parsons-target{min-height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;gap:6px}.parsons-target .placeholder{color:var(--color-muted-foreground);font-size:12.5px;padding:6px}.progress-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--color-border);font-size:13px}.progress-row:last-child{border-bottom:none}.progress-name{width:240px;flex:none}.progress-bar{flex:1;height:7px;border-radius:4px;background:var(--color-muted);overflow:hidden}.progress-bar>div{height:100%;border-radius:4px;background:var(--color-analysis-done)}.progress-meta{width:190px;flex:none;text-align:right;color:var(--color-muted-foreground);font-size:12px}.chat{display:flex;flex-direction:column;height:100%}.chat-log{flex:1;overflow:auto;padding:16px 20px;display:flex;flex-direction:column;gap:14px}.chat-msg{max-width:78%;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:10px 14px;font-size:13.5px;line-height:1.55;background:var(--color-card)}.chat-msg.user{align-self:flex-end;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-card));border-color:color-mix(in srgb,var(--color-primary) 35%,transparent)}.chat-msg .who{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted-foreground);margin-bottom:4px}.chat-input{flex:none;display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border)}.chat-input input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-foreground);padding:9px 12px;font:inherit;font-size:13.5px}.chat-input input:focus{outline:1px solid var(--color-primary)}.right-pane{font-size:13px}.right-tabs{display:flex;border-bottom:1px solid var(--color-border);flex:none}.right-tab{padding:9px 14px;font-size:12.5px;color:var(--color-muted-foreground);border-bottom:2px solid transparent}.right-tab.active{color:var(--color-foreground);border-bottom-color:var(--color-primary)}.right-body{padding:14px 16px;display:flex;flex-direction:column;gap:14px}.detail-block h4{margin:0 0 7px;font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted-foreground)}.kv{display:grid;grid-template-columns:110px 1fr;gap:4px 10px;font-size:12.5px}.kv .k{color:var(--color-muted-foreground)}.kv .v{font-family:var(--ui-mono-family);font-size:12px;overflow-wrap:break-word;word-break:normal;min-width:0}.link-list{display:flex;flex-direction:column;gap:5px}.link-item{color:var(--color-primary);text-decoration:none;font-size:12.5px}.link-item:hover{text-decoration:underline}.empty-state{color:var(--color-muted-foreground);font-size:12.5px;padding:8px 2px}.llm-input{flex:1;min-width:160px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-muted);color:var(--color-foreground);padding:7px 10px;font:inherit;font-size:12.5px}.llm-input:focus{outline:1px solid var(--color-primary)}.learn-layout{display:flex;gap:16px;align-items:flex-start}.learn-queue{flex:0 0 300px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0}.learn-item{display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 10px;border-radius:var(--radius-md)}.learn-item:hover{background:var(--color-accent)}.learn-item.active{background:color-mix(in srgb,var(--color-primary) 14%,transparent)}.learn-item-title{font-size:13px}.learn-item-meta{font-size:11.5px;color:var(--color-muted-foreground)}.learn-item-meta.overdue{color:var(--color-analysis-partial);font-weight:600}.learn-main{flex:1;min-width:0}.quiz-options{display:flex;flex-direction:column;gap:7px;margin-top:10px}.quiz-opt{text-align:left;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 13px;font-size:13px;background:var(--color-muted)}.quiz-opt:hover{background:var(--color-accent)}.quiz-opt.correct{border-color:var(--color-analysis-done);color:var(--color-analysis-done);background:color-mix(in srgb,var(--color-analysis-done) 10%,transparent)}.quiz-opt.wrong{border-color:var(--color-analysis-partial);color:var(--color-analysis-partial);background:color-mix(in srgb,var(--color-analysis-partial) 10%,transparent)}.quiz-opt.dim{opacity:.55}.plan-steps{display:flex;flex-direction:column;gap:8px}.plan-step{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 12px}.plan-step.done{opacity:.55}.plan-step.done .plan-step-title{text-decoration:line-through}.plan-step input[type=checkbox]{margin-top:3px;accent-color:var(--color-primary)}.plan-step-body{flex:1;min-width:0}.plan-step-title{font-size:13px;font-weight:600}.plan-step-why{font-size:12px;color:var(--color-muted-foreground);margin-top:2px;line-height:1.45}.project-menu{position:relative}.project-trigger{cursor:pointer;border-radius:var(--radius-md);padding:4px 8px}.project-trigger:hover{background:var(--color-accent)}.project-pop{position:absolute;top:calc(100% + 6px);left:0;min-width:300px;background:var(--color-popover);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 28px #0006;padding:6px;z-index:50}.project-item{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:8px 10px;border-radius:var(--radius-md);font-size:13px;color:var(--color-foreground)}.project-item:hover{background:var(--color-accent)}.project-item.active{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.project-created{padding:10px;font-size:13px}.token-box{display:block;font-family:var(--ui-mono-family);font-size:11.5px;background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:9px 10px;overflow-wrap:break-word;-webkit-user-select:all;user-select:all}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:340px;display:flex;flex-direction:column}.github-btn{justify-content:center;text-decoration:none;color:var(--color-foreground)}.login-or{text-align:center;font-size:12px;color:var(--color-muted-foreground);margin:10px 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}