:root{--bg: #0a0e1a;--bg-soft: #0e1424;--bg-deep: #070a13;--surface: #131a2c;--surface-2: #182136;--surface-3: #1e2942;--border: #26324c;--border-strong: #33415f;--overlay: rgba(4, 7, 14, .72);--primary: #00d4ff;--primary-deep: #0093c4;--primary-soft: rgba(0, 212, 255, .12);--primary-ink: #04202b;--ok: #4ade80;--ok-soft: rgba(74, 222, 128, .12);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .12);--danger: #ff6b81;--danger-soft: rgba(255, 107, 129, .12);--text: #e8eef7;--text-soft: #c2d0e0;--text-dim: #9fb3c8;--text-on-primary: #04202b;--fs-sm: 13px;--fs-body: 14px;--fs-lg: 16px;--fs-h3: 16px;--fs-h2: 18px;--fs-h1: 22px;--radius: 10px;--radius-lg: 14px;--gap: 14px;--gap-lg: 20px;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "Cascadia Mono", Consolas, "Courier New", monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(1100px 520px at 12% -8%,rgba(0,212,255,.1),transparent 60%),radial-gradient(900px 460px at 100% 0%,rgba(88,120,255,.08),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.35;font-weight:650;color:var(--text)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}p{margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{margin:0;padding-left:18px}button{font-family:inherit;font-size:inherit}code,.mono{font-family:var(--font-mono);font-size:var(--fs-sm)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}::selection{background:#00d4ff47}.app-shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:var(--gap);padding:18px 14px;background:linear-gradient(180deg,#131a2ceb,#0a0e1aeb);border-right:1px solid var(--border);backdrop-filter:blur(6px);overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:4px 6px 10px;border-bottom:1px solid var(--border)}.brand-mark{width:32px;height:32px;flex:none;border-radius:9px;background:linear-gradient(135deg,var(--primary),#4c7dff);color:var(--primary-ink);font-weight:800;font-size:var(--fs-body);display:grid;place-items:center}.brand-text{min-width:0}.brand-name{font-size:var(--fs-lg);font-weight:700;letter-spacing:.2px}.brand-sub{font-size:var(--fs-sm);color:var(--text-dim)}.nav{display:flex;flex-direction:column;gap:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius);border:1px solid transparent;color:var(--text-soft);font-size:var(--fs-body);text-decoration:none}.nav-link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-link.active{background:var(--primary-soft);border-color:#00d4ff66;color:var(--text);font-weight:600}.nav-ico{flex:none;width:18px;height:18px;color:var(--primary)}.nav-badge{margin-left:auto;font-size:var(--fs-sm);color:var(--primary)}.data-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 9px;border:1px solid var(--border-strong);border-radius:999px;background:var(--surface-2);color:var(--text-dim);font-size:var(--fs-sm);line-height:1.6;white-space:nowrap}.data-badge:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.data-badge.demo{border-color:#00d4ff73;background:var(--primary-soft);color:var(--primary);font-weight:600}.sidebar-foot .data-badge{align-self:flex-start}.sidebar-foot{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.who{min-width:0}.who-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.who-meta{font-size:var(--fs-sm);color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:none;align-items:center;gap:10px;padding:10px 14px;background:#0a0e1aeb;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;backdrop-filter:blur(6px)}.topbar-nav{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.topbar .nav-link{padding:6px 10px;white-space:nowrap;font-size:var(--fs-sm)}.page{padding:22px clamp(14px,3vw,30px) 48px;display:flex;flex-direction:column;gap:var(--gap-lg);max-width:1180px;width:100%}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:10px}.page-title{font-size:var(--fs-h1)}.page-sub{color:var(--text-dim);font-size:var(--fs-body);max-width:72ch}.stack{display:flex;flex-direction:column;gap:var(--gap)}.stack-sm{display:flex;flex-direction:column;gap:8px}.row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.row-tight{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.muted{color:var(--text-dim)}.soft{color:var(--text-soft)}.small{font-size:var(--fs-sm)}.nowrap{white-space:nowrap}.grow{flex:1 1 auto;min-width:0}.center{text-align:center}.right{margin-left:auto}.divider{height:1px;background:var(--border);border:0;margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap-anywhere{overflow-wrap:anywhere}.card{background:linear-gradient(180deg,#182136b8,#131a2cc7);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:0 10px 32px #00000059}.card.tight{padding:12px;gap:8px}.card-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.card-title{font-size:var(--fs-h3);font-weight:650}.card-sub{font-size:var(--fs-sm);color:var(--text-dim)}.card-actions{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;min-height:38px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-size:var(--fs-body);font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--primary-deep)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:#4ce2ff;border-color:#4ce2ff}.btn-danger{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ff6b8138;color:#ffd7dd}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-soft)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm{padding:6px 10px;min-height:32px;font-size:var(--fs-sm)}.btn-block{width:100%}.btn-spinner{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-sm);line-height:1.7;white-space:nowrap}.tag-primary{border-color:#00d4ff73;background:var(--primary-soft);color:#8ee9ff}.tag-ok{border-color:#4ade8073;background:var(--ok-soft);color:#a7f3c4}.tag-warn{border-color:#fbbf2473;background:var(--warn-soft);color:#fde29a}.tag-danger{border-color:#ff6b8173;background:var(--danger-soft);color:#ffb3bf}.tag-muted{color:var(--text-dim);border-style:dashed}.tag-school{border-color:#7aa2ff73;background:#7aa2ff1f;color:#c3d3ff}.tag-lg{padding:3px 11px;font-size:var(--fs-body)}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field-label{font-size:var(--fs-body);font-weight:600;color:var(--text-soft)}.field-hint{font-size:var(--fs-sm);color:var(--text-dim)}.field-error{font-size:var(--fs-sm);color:#ffb3bf}.input,.select,.textarea{width:100%;padding:9px 11px;min-height:38px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-deep);color:var(--text);font-size:var(--fs-body);font-family:inherit}.input::placeholder,.textarea::placeholder{color:var(--text-dim)}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00d4ff29}.textarea{min-height:76px;resize:vertical;line-height:1.55}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-dim) 50%),linear-gradient(135deg,var(--text-dim) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% + 2px),calc(100% - 11px) calc(50% + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:32px}.input-invalid{border-color:var(--danger)}.checkbox{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-body);color:var(--text-soft);cursor:pointer}.checkbox input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.range{width:100%;accent-color:var(--primary)}.inline-form{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.inline-form .field{flex:1 1 160px}.chip-grid{display:flex;flex-wrap:wrap;gap:7px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text-soft);font-size:var(--fs-sm);cursor:pointer}.chip:hover{border-color:var(--primary-deep);color:var(--text)}.chip.on{border-color:var(--primary);background:var(--primary-soft);color:#d6f6ff;font-weight:600}.chip-cat{font-size:var(--fs-sm);color:var(--text-dim)}.skill-picker{display:flex;flex-direction:column;gap:10px}.skill-groups{max-height:268px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:#070a1399}.skill-group-title{font-size:var(--fs-sm);color:var(--text-dim);margin-bottom:5px}.selected-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:26px}.banner{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);font-size:var(--fs-body)}.banner-warn{border-color:#fbbf2480;background:var(--warn-soft);color:#ffe6ad}.banner-info{border-color:#00d4ff66;background:var(--primary-soft);color:#cdf3ff}.banner-danger{border-color:var(--danger);background:var(--danger-soft);color:#ffc9d2}.banner-ico{flex:none;font-weight:800}.result-list{display:flex;flex-direction:column;gap:var(--gap)}.result-card{padding:15px 16px}.result-head{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.result-rank{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text-soft);font-weight:700;font-size:var(--fs-sm)}.result-name{font-size:var(--fs-lg);font-weight:650}.result-score{margin-left:auto;text-align:right}.result-total{font-size:26px;font-weight:750;color:var(--primary);line-height:1.1}.result-total-unit{font-size:var(--fs-sm);color:var(--text-dim);font-weight:500}.result-percentile{font-size:var(--fs-sm);color:var(--text-dim)}.result-panel{border-top:1px dashed var(--border);padding-top:12px;display:flex;flex-direction:column;gap:10px}.result-card-top{position:relative;border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 6px 24px #00d4ff1f}.result-ribbon{position:absolute;top:-1px;right:16px;padding:3px 10px 4px;border-radius:0 0 8px 8px;background:var(--primary);color:#06202b;font-size:var(--fs-sm);font-weight:750;letter-spacing:.05em}.ai-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:10px;background:#00d4ff0a}.ai-summary-done{display:block}.ai-summary-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.ai-summary-spark{font-size:var(--fs-lg)}.ai-summary-text{margin:0;line-height:1.7;font-size:var(--fs-body);color:var(--text)}.ai-summary-retry{margin-left:auto;background:none;border:none;padding:0;color:var(--primary);font-size:var(--fs-sm);cursor:pointer;text-decoration:underline}.score-bar{display:flex;flex-direction:column;gap:4px;min-width:0}.score-bar-head{display:flex;align-items:baseline;gap:8px;font-size:var(--fs-sm)}.score-bar-label{color:var(--text-soft);font-weight:600}.score-bar-weight{color:var(--text-dim)}.score-bar-value{margin-left:auto;color:var(--text);font-weight:650}.score-bar-track{height:8px;border-radius:999px;background:var(--bg-deep);border:1px solid var(--border);overflow:hidden}.score-bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary-deep),var(--primary))}.score-bar-fill.low{background:linear-gradient(90deg,#8a6b1f,var(--warn))}.reason-list{display:flex;flex-direction:column;gap:6px;list-style:none;padding-left:0}.reason-item{display:flex;gap:8px;font-size:var(--fs-body);color:var(--text-soft)}.reason-dot{flex:none;color:var(--primary)}.explain{padding:9px 11px;border-radius:var(--radius);border:1px dashed var(--border-strong);background:#070a13b3;color:var(--text-dim);font-size:var(--fs-sm);line-height:1.7;overflow-wrap:anywhere}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:30px 18px;text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:#131a2c80}.empty-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:20px;font-weight:700}.empty-title{font-size:var(--fs-lg);font-weight:650}.empty-desc{color:var(--text-dim);font-size:var(--fs-body);max-width:60ch}.loading{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#131a2c80}.loading-line{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:var(--fs-sm)}.skeleton{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.error-box{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--danger);background:var(--danger-soft)}.error-title{font-weight:700;color:#ffc9d2;font-size:var(--fs-lg)}.error-msg{color:var(--text);font-size:var(--fs-body);overflow-wrap:anywhere}.error-meta{color:var(--text-dim);font-size:var(--fs-sm)}.toast-host{position:fixed;z-index:60;right:14px;bottom:14px;display:flex;flex-direction:column;gap:8px;max-width:min(400px,calc(100vw - 28px))}.toast{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:var(--radius);border:1px solid var(--border-strong);background:#131a2cf7;box-shadow:var(--shadow);font-size:var(--fs-body);color:var(--text);animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}}.toast-success{border-color:#4ade8099}.toast-error{border-color:var(--danger)}.toast-info{border-color:#00d4ff8c}.toast-ico{flex:none;font-weight:800}.toast-body{min-width:0}.toast-msg{font-weight:600;overflow-wrap:anywhere}.toast-detail{color:var(--text-dim);font-size:var(--fs-sm);overflow-wrap:anywhere}.toast-close{margin-left:auto;flex:none;background:transparent;border:0;color:var(--text-dim);cursor:pointer;font-size:var(--fs-lg);line-height:1;padding:0 2px}.toast-close:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;z-index:80;background:var(--overlay);display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:min(460px,100%);max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:18px;display:flex;flex-direction:column;gap:12px}.modal-title{font-size:var(--fs-h2);font-weight:700}.modal-body{color:var(--text-soft);font-size:var(--fs-body);display:flex;flex-direction:column;gap:10px}.modal-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);align-items:start}.kanban-col{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#131a2c8c;min-width:0}.kanban-col-head{display:flex;align-items:center;gap:8px;font-weight:650}.kanban-count{margin-left:auto;font-size:var(--fs-sm);color:var(--text-dim);font-weight:500}.task-card{display:flex;flex-direction:column;gap:7px;width:100%;text-align:left;padding:11px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);cursor:pointer;font-size:var(--fs-body)}.task-card:hover:not(:disabled){border-color:var(--primary);background:var(--surface-3)}.task-card:disabled{opacity:.6;cursor:progress}.task-title{font-weight:600;overflow-wrap:anywhere}.task-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:var(--fs-sm);color:var(--text-dim)}.task-phase{border-color:#00d4ff66;background:var(--primary-soft);color:#8ee9ff}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate-card{display:flex;flex-direction:column;gap:9px;padding:12px 13px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#131a2cb8}.parse-preview{display:flex;flex-direction:column;gap:9px;padding:11px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:#070a138c}.parse-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:var(--fs-sm)}.parse-label{color:var(--text-dim);flex:none;min-width:74px}.extract-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border:1px dashed var(--primary);border-radius:10px;background:#00d4ff0f}.extract-flow-title{font-weight:700;color:var(--primary);animation:extract-pulse 1.2s ease-in-out infinite}.extract-flow-steps{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;counter-reset:step}.extract-flow-steps li{counter-increment:step;display:flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--text-dim);animation:extract-step 1.8s ease-in-out infinite}.extract-flow-steps li:before{content:counter(step);width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--border-strong);font-size:11px;color:var(--text-dim)}.extract-flow-steps li:nth-child(2){animation-delay:.4s}.extract-flow-steps li:nth-child(3){animation-delay:.8s}.extract-flow-steps li:nth-child(2):before{border-color:var(--primary);color:var(--primary);animation-delay:.4s}.extract-flow-steps li:nth-child(3):before{animation-delay:.8s}@keyframes extract-step{0%,to{color:var(--text-dim)}30%{color:var(--text)}}@keyframes extract-pulse{0%,to{opacity:1}50%{opacity:.55}}.extract-result{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:#070a1373}.prep-preview{display:flex;flex-direction:column;gap:10px;margin-top:10px}.prep-chart{position:relative;height:64px;margin:4px 8px 0}.prep-axis{position:absolute;left:0;right:0;top:30px;height:2px;background:linear-gradient(90deg,var(--primary),var(--border-strong));border-radius:1px}.prep-tick{position:absolute;top:40px;font-size:var(--fs-sm);color:var(--text-dim);white-space:nowrap}.prep-tick-start{left:0}.prep-tick-end{right:0}.prep-milestone{position:absolute;top:22px;transform:translate(-50%);color:#ffb020;font-size:15px;line-height:1}.prep-task-dot{position:absolute;top:27px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px #00d4ff99}.prep-task-dot.compressed{background:#ffb020;box-shadow:0 0 6px #ffb02099}.prep-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.prep-item{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;background:#070a1373;overflow:hidden}.prep-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#00d4ff29,#00d4ff05);border-right:2px solid rgba(0,212,255,.4);pointer-events:none}.prep-item-title{position:relative;font-weight:600}.assistant-page{height:100%}.chat-panel{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg, 14px);background:#070a138c;overflow:hidden;height:min(62vh,640px)}.chat-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px}.chat-welcome{margin:auto;max-width:460px;text-align:center;color:var(--text-dim);line-height:1.8;padding:20px}.chat-welcome-avatar{font-size:40px;margin-bottom:8px}.chat-exchange{display:flex;flex-direction:column;gap:8px}.chat-bubble{max-width:78%;padding:10px 14px;border-radius:14px;line-height:1.7;font-size:var(--fs-body);animation:chat-pop .25s ease}@keyframes chat-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.chat-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#00d4ff38,#4f6ef738);border:1px solid rgba(0,212,255,.35);border-bottom-right-radius:4px}.chat-bubble.ai{align-self:flex-start;background:#ffffff0a;border:1px solid var(--border);border-bottom-left-radius:4px}.chat-context{display:block;margin-top:8px}.context-badge{display:inline-block;padding:2px 8px;border-radius:7px;background:#00d4ff1a;color:var(--primary);font-size:var(--fs-sm);margin:2px 4px 2px 0;border:1px solid rgba(0,212,255,.22)}.chat-bubble.typing{display:flex;gap:5px;align-items:center;min-height:20px}.typing-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim);animation:typing-bounce 1.1s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.18s}.typing-dot:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-top:1px dashed var(--border)}.chat-input-row{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border)}.nav-badge{margin-left:auto;padding:1px 7px;border-radius:8px;background:linear-gradient(135deg,#00d4ff40,#ff3d7f40);border:1px solid rgba(0,212,255,.35);color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.06em}.chart-wrap{position:relative;width:100%;min-height:210px}.chart-note{font-size:var(--fs-sm);color:var(--text-dim)}.kv{display:flex;flex-direction:column;gap:7px}.kv-row{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:var(--fs-body)}.kv-key{color:var(--text-dim);min-width:96px;flex:none}.kv-val{color:var(--text);min-width:0;overflow-wrap:anywhere}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.auth-card{width:min(440px,100%)}.auth-title{font-size:var(--fs-h1)}.auth-foot{font-size:var(--fs-body);color:var(--text-dim);text-align:center}.landing-wrap{width:min(940px,100%);display:grid;gap:var(--gap-lg)}.landing-steps{margin:0;padding-left:20px;display:grid;gap:6px;font-size:var(--fs-body);color:var(--text-soft)}.landing-steps li{line-height:1.6}@media (max-width: 860px){.app-shell{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}.topbar{display:flex;flex-direction:column;align-items:stretch}.kanban{grid-template-columns:minmax(0,1fr)}.page{padding:16px 13px 40px}}@media (max-width: 560px){:root{--gap: 12px;--gap-lg: 16px}.card{padding:13px}.result-total{font-size:22px}.result-score{margin-left:0;text-align:left}.modal-actions{justify-content:stretch}.modal-actions .btn{flex:1 1 auto}.toast-host{left:12px;right:12px;bottom:12px;max-width:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.ai-suggest-card{border-style:dashed}.ai-suggest-tip{margin-top:8px;font-size:13px;color:var(--muted)}.event-card{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.event-card:hover{border-color:var(--border-strong)}.timeline{list-style:none;margin:0;padding:0}.timeline-item{position:relative;display:flex;gap:12px;padding:8px 0 8px 2px}.timeline-item:not(:last-child):before{content:"";position:absolute;left:7px;top:26px;bottom:-2px;width:2px;background:var(--border)}.timeline-dot{flex:none;width:12px;height:12px;border-radius:999px;margin-top:4px}.timeline-dot.solid{background:var(--primary)}.timeline-dot.hollow{background:transparent;border:2px solid var(--muted)}.timeline-body{display:flex;flex-direction:column;gap:4px;min-width:0}.phase-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.phase-bar-item{display:flex;flex-direction:column;gap:4px;min-width:0}.phase-bar-track{height:8px;border-radius:999px;background:var(--border);overflow:hidden}.phase-bar-fill{height:100%;border-radius:999px;background:var(--primary);transition:width .2s ease}.due-overdue{color:#ff6b6b;font-weight:600}.kanban-due{max-width:150px}@media (max-width: 860px){.phase-bar{grid-template-columns:repeat(2,1fr)}}.bg-orbs{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(110px);opacity:.14;mix-blend-mode:screen;animation:orb-float 22s ease-in-out infinite;will-change:transform}.bg-orb:nth-child(1){width:520px;height:520px;background:radial-gradient(circle,rgba(0,212,255,.5),transparent 70%);top:-12%;left:-8%}.bg-orb:nth-child(2){width:460px;height:460px;background:radial-gradient(circle,rgba(255,61,127,.4),transparent 70%);bottom:-14%;right:-7%;animation-delay:-8s}.bg-orb:nth-child(3){width:380px;height:380px;background:radial-gradient(circle,rgba(124,77,255,.4),transparent 70%);top:38%;left:42%;animation-delay:-15s}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-30px) scale(1.06)}66%{transform:translate(-30px,24px) scale(.96)}}#mouseGlow{position:fixed;left:-999px;top:-999px;width:300px;height:300px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle at center,rgba(0,212,255,.08) 0%,rgba(124,77,255,.05) 28%,transparent 68%);transform:translate(-50%,-50%);filter:blur(6px);mix-blend-mode:screen}@media (prefers-reduced-motion: reduce){.bg-orb{animation:none}.card{transition:none}.card:hover{transform:none}}.sidebar,.main{position:relative;z-index:2}
