:root{--azure-blue: #0078d4;--azure-blue-hover: #106ebe;--azure-blue-active: #005a9e;--azure-cyan: #50e6ff;--accent-soft: #eef6fc;--bg: #f5f5f5;--bg-elevated: #ffffff;--surface: #ffffff;--surface-hover: #f3f2f1;--surface-alt: #faf9f8;--topbar-bg: #0b1320;--topbar-fg: #ffffff;--topbar-muted: #c8c6c4;--topbar-border: #1b2435;--border: #edebe9;--border-strong: #d2d0ce;--text: #323130;--text-secondary: #605e5c;--text-muted: #797775;--text-disabled: #a19f9d;--success: #107c10;--success-bg: #dff6dd;--warning: #835c00;--warning-bg: #fff4ce;--error: #a4262c;--error-bg: #fde7e9;--info: #005a9e;--font-ui: "Segoe UI", "Segoe UI Web (West European)", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Cascadia Mono", "JetBrains Mono", ui-monospace, "SF Mono", monospace;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-pill: 999px;--shadow-1: 0 1.6px 3.6px rgba(0, 0, 0, .13), 0 .3px .9px rgba(0, 0, 0, .11);--shadow-2: 0 6.4px 14.4px rgba(0, 0, 0, .13), 0 1.2px 3.6px rgba(0, 0, 0, .11);--topbar-h: 48px;--sidebar-w: 240px;--content-max-w: 1180px}*{box-sizing:border-box}html,body,#root{height:100%}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--azure-blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-weight:600;color:var(--text);margin:0}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-h);flex:0 0 var(--topbar-h);background:var(--topbar-bg);color:var(--topbar-fg);display:flex;align-items:center;gap:14px;padding:0 16px;border-bottom:1px solid var(--topbar-border);position:sticky;top:0;z-index:50}.topbar .brand{display:flex;align-items:center;gap:10px}.topbar .brand-logo{width:24px;height:24px;display:block}.topbar .brand-title{font-size:15px;font-weight:600;letter-spacing:.2px}.topbar .brand-title .light{font-weight:400;color:var(--topbar-muted)}.topbar .search{position:relative;flex:1;max-width:540px;margin:0 auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);color:var(--topbar-muted);font-size:13px}.topbar .search:focus-within{border-color:#fff6;background:#ffffff1f}.topbar .search svg{flex:0 0 auto;opacity:.8}.topbar .search .search-input{flex:1;min-width:0;border:none;background:transparent;color:var(--topbar-fg);font-family:inherit;font-size:13px;outline:none}.topbar .search .search-input::placeholder{color:var(--topbar-muted)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:60;max-height:min(60vh,420px);overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);padding:4px}.search-empty{padding:12px;color:var(--text-muted);font-size:13px}.search-result{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:none;background:transparent;border-radius:var(--radius-sm);padding:8px 10px;cursor:pointer;color:var(--text);font-family:inherit}.search-result.active,.search-result:hover{background:var(--accent-soft)}.search-result .search-kind{flex:0 0 auto;font-size:10px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;color:var(--text-secondary);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-pill);padding:2px 8px;min-width:74px;text-align:center}.search-result .search-text{display:flex;flex-direction:column;min-width:0}.search-result .search-title{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result .search-sub{font-size:11px;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:4px}.topbar .iconbtn{width:32px;height:32px;display:grid;place-items:center;border:none;background:transparent;color:var(--topbar-fg);border-radius:var(--radius-sm);cursor:pointer}.topbar .iconbtn:hover{background:#ffffff1a}.shell{flex:1;display:flex;align-items:stretch;min-height:0}.sidebar{flex:0 0 var(--sidebar-w);width:var(--sidebar-w);background:var(--bg-elevated);border-right:1px solid var(--border);padding:8px 0;display:flex;flex-direction:column}.sidebar-section{padding:8px 16px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600}.navitem{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:14px;text-align:left;cursor:pointer;border-left:2px solid transparent}.navitem svg{flex:0 0 auto;color:var(--text-secondary)}.navitem:hover{background:var(--surface-hover)}.navitem.active{background:var(--accent-soft);border-left-color:var(--azure-blue);font-weight:600}.navitem.active svg{color:var(--azure-blue)}.navitem .count{margin-left:auto;font-size:11px;color:var(--text-muted);background:var(--surface-hover);border-radius:var(--radius-pill);padding:1px 8px}.sidebar-foot{margin-top:auto;padding:12px 16px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border)}.sidebar{transition:flex-basis .15s ease,width .15s ease}.sidebar.collapsed{flex-basis:56px;width:56px}.sidebar.collapsed .sidebar-section,.sidebar.collapsed .navitem span,.sidebar.collapsed .navitem .count,.sidebar.collapsed .sidebar-foot{display:none}.sidebar.collapsed .navitem{justify-content:center;padding:10px 0;gap:0}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;margin-right:4px;border:none;background:transparent;color:var(--topbar-muted, #c8d3e0);border-radius:var(--radius-md);cursor:pointer}.nav-toggle:hover{background:#ffffff1f;color:#fff}.content{flex:1;min-width:0;overflow:auto}.blade{max-width:var(--content-max-w);margin:0 auto;padding:24px 32px 64px}.blade-head{margin-bottom:20px}.blade-head .crumb{font-size:12px;color:var(--text-muted);margin-bottom:4px}.blade-head h1{font-size:24px;font-weight:600}.blade-head .lead{margin:6px 0 0;color:var(--text-secondary);max-width:70ch}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1)}.card-pad{padding:20px}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:16px;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;font-family:inherit;color:inherit}.tile:hover{box-shadow:var(--shadow-2)}.tile .tile-top{display:flex;align-items:center;gap:10px}.tile .tile-icon{width:34px;height:34px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--azure-blue)}.tile .tile-label{font-size:13px;color:var(--text-secondary);font-weight:600}.tile .tile-stat{font-size:28px;font-weight:600;line-height:1.1}.tile .tile-sub{font-size:12px;color:var(--text-muted)}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-weight:600;margin:0 0 12px}.domain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.domain-card{background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--accent, var(--azure-blue));border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:16px}.domain-card .dc-weight{font-size:12px;font-weight:600;color:var(--accent, var(--azure-blue))}.domain-card h3{font-size:15px;margin:4px 0 6px}.domain-card p{margin:0;font-size:13px;color:var(--text-secondary)}.domain-card .dc-eps{margin-top:10px;font-size:11px;color:var(--text-muted)}.domain-card .dc-acc{margin-top:10px;font-size:12px;font-weight:600;color:var(--accent, var(--azure-blue))}.weakest-callout{display:flex;align-items:center;gap:12px;margin:8px 0 24px;padding:12px 16px;background:#fff8f0;border:1px solid #f0c890;border-left:4px solid #d18616;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.weakest-callout:hover{background:#fff3e4}.weakest-callout .wc-tag{flex-shrink:0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#fff;background:#d18616;padding:3px 8px;border-radius:10px}.weakest-callout .wc-body{font-size:13px;color:var(--text-secondary)}.btn{font-family:inherit;font-size:14px;padding:7px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer}.btn:hover{background:var(--surface-hover)}.btn.primary{background:var(--azure-blue);border-color:var(--azure-blue);color:#fff}.btn.primary:hover{background:var(--azure-blue-hover);border-color:var(--azure-blue-hover)}.btn.small{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:inherit;font-size:13px;padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer}.chip:hover{background:var(--surface-hover)}.chip.active{background:var(--accent, var(--azure-blue));border-color:var(--accent, var(--azure-blue));color:#fff}.empty{background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:48px 32px;text-align:center;color:var(--text-secondary)}.empty .empty-icon{width:48px;height:48px;margin:0 auto 12px;color:var(--azure-blue);opacity:.8}.empty h2{font-size:17px;margin-bottom:6px}.empty p{margin:0 auto;max-width:52ch;font-size:13px}.empty code{font-family:var(--font-mono);background:var(--surface-hover);padding:1px 5px;border-radius:var(--radius-sm);font-size:12px}.q-statusbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:14px;color:var(--text-secondary);font-size:13px}.q-domain{font-weight:600}.qcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:24px}.q-scenario{background:var(--surface-alt);border-left:3px solid var(--azure-blue);padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;margin-bottom:14px}.q-question{font-size:16px;font-weight:600;margin-bottom:6px}.q-hint{font-size:12px;color:var(--text-muted);margin-bottom:14px}.q-options{display:flex;flex-direction:column;gap:8px}.q-option{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);font-family:inherit;font-size:14px;color:var(--text);cursor:pointer}.q-option:hover:not(:disabled){background:var(--surface-hover)}.q-option .q-key{flex:0 0 22px;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-secondary)}.q-option.selected{border-color:var(--azure-blue);background:var(--accent-soft)}.q-option.selected .q-key{background:var(--azure-blue);color:#fff;border-color:var(--azure-blue)}.q-option.right{border-color:var(--success);background:var(--success-bg)}.q-option.wrong{border-color:var(--error);background:var(--error-bg)}.q-option .q-why{display:block;margin-top:4px;font-size:12px;color:var(--text-secondary)}.q-actions{margin-top:16px;display:flex;gap:10px;align-items:center}.q-verdict{font-weight:600;margin-right:auto}.q-verdict.ok{color:var(--success)}.q-verdict.bad{color:var(--error)}.flashcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);min-height:240px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer}.flashcard .fc-face{font-size:18px;max-width:60ch}.flashcard .fc-side{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:12px}.fc-nav{display:flex;align-items:center;gap:12px;margin-top:16px}.fc-nav .fc-pos{color:var(--text-muted);font-size:13px}.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:18px;text-align:left;cursor:pointer;font-family:inherit;color:inherit;display:flex;flex-direction:column;gap:6px}.list-card:hover{box-shadow:var(--shadow-2)}.list-card .lc-tag{font-size:11px;font-weight:600;color:var(--accent, var(--azure-blue));text-transform:uppercase;letter-spacing:.4px}.list-card h3{font-size:16px}.list-card p{margin:0;font-size:13px;color:var(--text-secondary)}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border)}.back-link{background:none;border:none;color:var(--azure-blue);cursor:pointer;font-family:inherit;font-size:13px;padding:0;margin-bottom:12px}.demo-intro{color:var(--text-secondary);font-size:13px;margin:0 0 18px;max-width:72ch}.demo-teachback{margin-top:20px;background:var(--accent-soft);border:1px solid #cfe4f6;border-left:3px solid var(--azure-blue);border-radius:var(--radius-sm);padding:12px 14px;font-size:13px;color:var(--text-secondary)}.demo-teachback strong{color:var(--text)}.demo-controls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.seg{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.seg button{border:none;background:var(--surface);color:var(--text-secondary);font-family:inherit;font-size:13px;padding:6px 14px;cursor:pointer}.seg button+button{border-left:1px solid var(--border-strong)}.seg button.on{background:var(--azure-blue);color:#fff}.tree{display:flex;flex-direction:column;gap:8px}.tree-node{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface)}.tree-node.walked{border-color:var(--azure-blue);background:var(--accent-soft)}.tree-node.landing{border-color:var(--success);background:var(--success-bg)}.tree-q{font-weight:600;margin-bottom:8px}.tree-opts{display:flex;flex-wrap:wrap;gap:8px}.tree-crumb{font-size:12px;color:var(--text-muted);margin-bottom:2px}.service-badge{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:17px;color:var(--azure-blue-active)}.quad{display:grid;grid-template-columns:120px 1fr 1fr;grid-auto-rows:minmax(72px,auto);gap:8px;align-items:stretch}.quad-h,.quad-v{display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.quad-cell{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:4px}.quad-cell.hit{border-color:var(--success);background:var(--success-bg)}.quad-cell.miss{border-color:var(--error);background:var(--error-bg)}.quad-cell .qc-name{font-weight:600}.quad-cell .qc-sub{font-size:12px;color:var(--text-muted)}.bucket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:12px}.bucket{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:10px;min-height:80px;background:var(--surface-alt)}.bucket h4{font-size:13px;margin:0 0 8px;color:var(--text-secondary)}.token{display:block;width:100%;text-align:left;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);padding:8px 10px;font-family:inherit;font-size:13px;color:var(--text);cursor:pointer;margin-bottom:6px}.token.placed-ok{border-color:var(--success);background:var(--success-bg)}.token.placed-bad{border-color:var(--error);background:var(--error-bg)}.token .tk-why{display:block;margin-top:4px;font-size:11px;color:var(--text-secondary)}.stage-row{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:12px 0}.stage{flex:1 1 0;min-width:120px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px;background:var(--surface);text-align:center;font-size:13px}.stage.active{border-color:var(--azure-blue);background:var(--accent-soft)}.stage.safe{border-color:var(--success);background:var(--success-bg)}.stage.lost{border-color:var(--error);background:var(--error-bg);opacity:.85}.stage .st-arrow{color:var(--text-muted)}.metric{display:inline-block;font-family:var(--font-mono);font-size:12px;background:var(--surface-hover);border-radius:var(--radius-sm);padding:1px 6px;margin-left:6px}.verdict-ok{color:var(--success);font-weight:600}.verdict-bad{color:var(--error);font-weight:600}.tour-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#00000073;padding:20px}.tour-card{background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--shadow-2);max-width:460px;width:100%;padding:28px}.tour-card h2{font-size:20px;margin:14px 0 10px}.tour-card p{font-size:14px;line-height:1.55;color:var(--text-secondary);margin:0 0 22px}.tour-dots{display:flex;gap:6px}.tour-dot{width:8px;height:8px;border-radius:50%;background:var(--border)}.tour-dot.on{background:var(--azure-blue)}.tour-actions{display:flex;align-items:center;justify-content:space-between}.blade.blade-full{max-width:none;padding:10px 16px 14px}.blade-full .blade-head{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.blade-full .blade-head .crumb{margin-bottom:0}.blade-full .blade-head h1{font-size:15px}.blade-full .blade-head .lead{display:none}.arch{display:grid;grid-template-columns:224px 6px 1fr 6px 312px;gap:0;height:calc(100vh - 118px);min-height:520px;user-select:none;-webkit-user-select:none}.arch-split{width:6px;cursor:col-resize;border-radius:3px;background:transparent;transition:background .15s;align-self:stretch}.arch-split:hover,.arch-split.dragging{background:var(--azure-blue);opacity:.45}.arch.no-palette{grid-template-columns:1fr 320px}.arch.no-scenario{grid-template-columns:248px 1fr}.arch.no-palette.no-scenario{grid-template-columns:1fr}.arch img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.arch-palette{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);overflow:hidden}.arch-search{padding:10px;border-bottom:1px solid var(--border)}.arch-search input{width:100%;font-family:inherit;font-size:13px;padding:7px 9px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none}.arch-search input:focus{border-color:var(--azure-blue)}.arch-pal-list{overflow-y:auto;flex:1;padding:4px 0 12px}.pal-cat-head{width:100%;display:flex;align-items:center;gap:6px;background:none;border:none;font-family:inherit;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;padding:8px 12px 6px;cursor:pointer}.pal-cat-head:hover{color:var(--azure-blue)}.pal-caret{display:inline-block;transition:transform .15s;font-size:14px}.pal-caret.open{transform:rotate(90deg)}.pal-count{margin-left:auto;font-weight:500;color:var(--text-muted)}.pal-items{display:flex;flex-direction:column}.pal-item{display:flex;align-items:center;gap:9px;padding:6px 12px 6px 26px;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none}.pal-item:hover{background:var(--surface-hover)}.pal-item:active{cursor:grabbing}.pal-item img{flex-shrink:0}.arch-canvas-col{display:flex;flex-direction:column;min-width:0}.arch-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:6px 8px}.tb-group{display:flex;align-items:center;gap:4px}.tb-sep{width:1px;align-self:stretch;background:var(--border);margin:2px 4px}.tb-spacer{flex:1}.tb-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);margin-right:2px}.tb-btn,.tb-icon{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:500;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);padding:5px 8px;cursor:pointer}.tb-icon{padding:5px 6px}.tb-btn:hover,.tb-icon:disabled{opacity:.35;cursor:default}.tb-icon:disabled:hover{background:transparent;color:var(--text-secondary)}.tb-icon:hover{background:var(--surface-hover);color:var(--text)}.tb-btn.on,.tb-icon.on{background:var(--accent-soft);border-color:var(--azure-blue);color:var(--azure-blue)}.tb-icon.danger:hover{background:var(--error-bg);color:var(--error)}.tb-zoom{font-size:12px;color:var(--text-secondary);min-width:38px;text-align:center;font-variant-numeric:tabular-nums}.tb-kinds{flex-wrap:wrap}.kind-chip{display:inline-flex;align-items:center;gap:5px;font-family:inherit;font-size:11.5px;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 9px 3px 7px;cursor:pointer}.kind-chip:hover{background:var(--surface-hover)}.kind-chip.on{background:var(--accent-soft);border-color:var(--azure-blue);color:var(--text);font-weight:600}.kind-chip svg{flex:0 0 auto}.arch-canvas{position:relative;flex:1;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);overflow:hidden;background-color:#fbfcfe;background-image:radial-gradient(circle,#d7dee8 1px,transparent 1px);background-size:22px 22px}.arch-scene{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}.arch-scene:active{cursor:grabbing}.arch-canvas.connecting .arch-scene{cursor:crosshair}.arch-canvas.connecting .arch-handle{opacity:.8}.arch-empty{font-size:15px;fill:var(--text-muted)}.arch-node{width:104px;height:92px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 4px;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;box-shadow:var(--shadow-1);cursor:grab;text-align:center}.arch-node:active{cursor:grabbing}.arch-node.sel{border-color:var(--azure-blue);box-shadow:0 0 0 3px #0078d42e}.arch-node.connectable{cursor:crosshair}.arch-node.connect-from{border-color:#d18616;box-shadow:0 0 0 3px #d1861638}.arch-node.connect-target{border-color:#107c10;box-shadow:0 0 0 3px #107c1040}.arch-node-label{font-size:11px;line-height:1.2;color:var(--text);max-width:96px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.arch-link{cursor:pointer}.arch-link-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke}.arch-link.sel .arch-link-tag rect{stroke-width:1.5}.arch-link-tag rect{fill:#fff;stroke:var(--border);stroke-width:1}.arch-link-tag text{font-size:10px;font-weight:600;pointer-events:none}.arch-link-pending{pointer-events:none}.arch-handle{fill:var(--azure-blue);stroke:#fff;stroke-width:2;cursor:crosshair;opacity:0;transition:opacity .12s}.arch-nodeg:hover .arch-handle{opacity:.85}.arch-handle:hover{opacity:1;r:7}.quiz-feedback{margin-top:14px;border:1px solid var(--border);border-left:4px solid var(--error);border-radius:var(--radius-md);background:var(--surface);padding:14px 16px}.quiz-feedback.ok{border-left-color:var(--success)}.qf-head{font-size:14px;font-weight:700;margin-bottom:8px}.quiz-feedback.ok .qf-head{color:var(--success)}.quiz-feedback.bad .qf-head{color:var(--error)}.qf-reason{margin-top:10px}.qf-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:4px}.qf-text{margin:0 0 6px;font-size:13px;line-height:1.55;color:var(--text-secondary)}.qf-missed{color:var(--warning)}.qf-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.qf-episode{font-size:12px;color:var(--text-muted)}.quiz-session{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px;font-size:12.5px}.quiz-session .qs-score{font-weight:600;color:var(--text)}.qs-weak{color:var(--text-muted)}.pbq-drag-hint{margin:0 0 10px;font-size:12px;color:var(--text-muted)}.order-list{list-style:none;margin:0;padding:0}.order-item{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px;cursor:grab;touch-action:none;transition:box-shadow .15s,border-color .15s}.order-item.dragging{cursor:grabbing;border-color:var(--azure-blue);box-shadow:0 6px 18px #0000002e,0 0 0 3px var(--accent-soft);position:relative;z-index:2}.order-item.ok{border-color:var(--success)}.order-item.bad{border-color:var(--error)}.order-grip{color:var(--text-muted);font-size:13px;letter-spacing:-2px;-webkit-user-select:none;user-select:none}.order-num{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--azure-blue);font-size:11.5px;font-weight:600}.order-text{flex:1;font-size:13px}.order-moves{display:flex;gap:4px}.pbq-row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 12px;margin-bottom:8px}.pbq-row.ok{border-color:var(--success)}.pbq-row.bad{border-color:var(--error)}.pbq-row-text{flex:1;font-size:13px}.pbq-submit-hint{font-size:12px;color:var(--text-muted)}.seg{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.seg-btn{font-family:inherit;font-size:12px;padding:6px 12px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-left:1px solid var(--border)}.seg-btn:first-child{border-left:none}.seg-btn:hover{background:var(--surface-hover)}.seg-btn.active{background:var(--azure-blue);color:#fff}.pbq-results{margin-top:18px}.pbq-score{display:flex;align-items:baseline;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--warning);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:12px}.pbq-score.perfect{border-left-color:var(--success)}.pbq-score-num{font-size:22px;font-weight:700}.pbq-score-pct{font-size:13px;color:var(--text-muted)}.pbq-score-tag{font-size:12.5px;color:var(--text-secondary)}.pbq-breakdown{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.pbq-part{border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;font-size:12.5px}.pbq-part.ok{border-color:color-mix(in srgb,var(--success) 45%,var(--border))}.pbq-part.bad{border-color:color-mix(in srgb,var(--error) 55%,var(--border))}.pbq-part-head{display:flex;gap:8px;align-items:baseline}.pbq-part.ok .pbq-part-mark{color:var(--success)}.pbq-part.bad .pbq-part-mark{color:var(--error)}.pbq-part-detail{margin-top:4px;display:flex;flex-direction:column;gap:3px;color:var(--text-secondary)}.bad-text{color:var(--error)}.ok-text{color:var(--success)}.pbq-why{color:var(--text-muted)}.pbq-resources{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--accent-soft);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:14px}.pbq-res-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--azure-blue)}.pbq-episode{font-size:12px;color:var(--text-muted)}.learn-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--azure-blue);text-decoration:none}.learn-link:hover{text-decoration:underline}.arch-node.flow-dim{opacity:.32}.arch-link.flow-dim{opacity:.18}.arch-node.flow-focus{border-color:var(--azure-blue);box-shadow:0 0 0 3px #0078d433,0 0 18px #0078d459}.arch-flow-line{fill:none;pointer-events:none;stroke-dasharray:7 11;stroke-linecap:round;opacity:.9;animation:arch-flow .9s linear infinite}@keyframes arch-flow{to{stroke-dashoffset:-18}}.arch-walk{position:absolute;left:50%;bottom:14px;transform:translate(-50%);width:min(620px,calc(100% - 28px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-2, 0 8px 28px rgba(0, 0, 0, .18));padding:12px 16px;z-index:5}.walk-head{display:flex;align-items:center;gap:10px}.walk-head strong{flex:1;font-size:13.5px}.walk-count{font-size:11px;font-weight:600;color:var(--azure-blue);background:var(--accent-soft);border-radius:999px;padding:2px 8px;white-space:nowrap}.walk-close{display:inline-flex;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.walk-close:hover{color:var(--text);background:var(--hover)}.walk-text{margin:8px 0 10px;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.walk-foot{display:flex;align-items:center;gap:10px}.walk-ref{flex:1;display:inline-flex;align-items:center;gap:5px;font-size:11.5px;color:var(--azure-blue);text-decoration:none;min-width:0}.walk-ref:hover{text-decoration:underline}.walk-nav{display:flex;gap:8px}.tpl-intro{margin:0 0 14px;font-size:13px;color:var(--text-secondary);line-height:1.5}.tpl-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tpl-card{text-align:left;font-family:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s}.tpl-card:hover{border-color:var(--azure-blue);box-shadow:0 0 0 3px var(--accent-soft);transform:translateY(-1px)}.tpl-title{font-size:13.5px;font-weight:600;color:var(--text)}.tpl-tagline{margin:5px 0 8px;font-size:12px;line-height:1.45;color:var(--text-secondary)}.tpl-meta{font-size:11px;color:var(--text-muted)}.arch-guide{stroke:#e3008c;stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke;pointer-events:none}.arch-marquee{fill:#0078d414;stroke:var(--azure-blue);stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke;pointer-events:none}.arch-details{position:absolute;left:12px;bottom:12px;right:12px;display:flex;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--azure-blue);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);padding:12px 14px;max-width:560px}.arch-details .ad-name{font-weight:600;font-size:14px}.arch-details .ad-cat{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.arch-details .ad-blurb{margin:6px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.45}.arch-details .ad-del{margin-left:auto;background:none;border:none;font-size:15px;color:var(--text-muted);cursor:pointer;line-height:1}.arch-details .ad-del:hover{color:var(--error)}.arch-details.conn{border-left-color:#8661c5}.arch-details .ad-swatch{display:flex;align-items:center;padding-top:4px}.arch-details .ad-blurb.subtle{color:var(--text-muted);margin-top:4px}.arch-scenario{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:14px;overflow-y:auto}.as-generate{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.as-ai-error{margin:8px 0 0;font-size:12px;line-height:1.45;color:#a4262c}.as-pick{display:flex;flex-direction:column;gap:5px}.as-pick label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}.as-pick select{font-family:inherit;font-size:13px;padding:7px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.as-free{margin-top:14px;font-size:13px;color:var(--text-secondary);line-height:1.5}.as-body{margin-top:14px}.as-domain{font-size:11px;font-weight:600;color:var(--azure-blue);text-transform:uppercase;letter-spacing:.03em}.as-body h3{font-size:16px;margin:4px 0 8px}.as-brief{font-size:13px;line-height:1.55;color:var(--text-secondary);margin:0 0 14px}.as-check{width:100%}.as-result{margin-top:14px}.as-verdict{font-size:13px;font-weight:600;padding:9px 11px;border-radius:var(--radius-sm);margin-bottom:12px}.as-verdict.ok{background:#dff6dd;color:#0b6a0b}.as-verdict.bad{background:#fde7e9;color:#a4262c}.as-reqs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.as-reqs li{display:flex;gap:9px;font-size:12.5px}.as-tick{flex-shrink:0;font-weight:700}.as-reqs li.met .as-tick{color:var(--success)}.as-reqs li.missing .as-tick{color:var(--text-muted)}.as-req-label{color:var(--text)}.as-met-by{font-size:11.5px;color:var(--success);margin-top:2px}.as-hint{font-size:11.5px;color:var(--text-muted);margin-top:2px}.as-warn{margin-top:14px;font-size:12.5px;color:var(--text-secondary)}.as-warn ul{margin:4px 0 0;padding-left:18px}.as-warn li{margin-bottom:4px}.as-reference{margin-top:14px;padding:10px 12px;background:var(--accent-soft);border-left:3px solid var(--azure-blue);border-radius:var(--radius-sm);font-size:12.5px;line-height:1.5;color:var(--text-secondary)}@media(max-width:1180px){.arch{grid-template-columns:210px 1fr 280px}.arch.no-palette{grid-template-columns:1fr 280px}.arch.no-scenario{grid-template-columns:210px 1fr}.arch.no-palette.no-scenario{grid-template-columns:1fr}}:root[data-theme=dark]{color-scheme:dark;--azure-blue: #4ca3e0;--azure-blue-hover: #66b3ea;--azure-blue-active: #3a8fc9;--accent-soft: rgba(76, 163, 224, .16);--bg: #0a0e1a;--bg-elevated: #131a2c;--surface: #101727;--surface-hover: #182236;--surface-alt: #0e1422;--topbar-bg: #0d1322;--topbar-fg: #e8eefb;--topbar-muted: #93a3bd;--topbar-border: #1c2742;--border: #1f2b47;--border-strong: #2e3d61;--text: #dbe4f3;--text-secondary: #a8b6cf;--text-muted: #6f7f9c;--text-disabled: #4d5a73;--success: #34d399;--success-bg: #0c2b22;--warning: #fbbf24;--warning-bg: #2d2310;--error: #f87171;--error-bg: #331719;--info: #58a6ff;--glow-accent: rgba(76, 163, 224, .35);--shadow-1: 0 1.6px 3.6px rgba(0, 0, 0, .4), 0 .3px .9px rgba(0, 0, 0, .3);--shadow-2: 0 6.4px 14.4px rgba(0, 0, 0, .45), 0 1.2px 3.6px rgba(0, 0, 0, .35)}:root[data-theme=dark] .content{background:radial-gradient(1200px 500px at 50% -10%,rgba(17,32,63,.27),transparent),var(--bg)}:root[data-theme=dark] .arch-canvas{background-color:#0b101e;background-image:radial-gradient(circle,#16203a 1px,transparent 1px);border-color:var(--border);box-shadow:inset 0 0 60px #0d193880}:root[data-theme=dark] .arch-node{background:#121a2e;border-color:#243456}:root[data-theme=dark] .arch-node:hover{box-shadow:0 0 12px var(--glow-accent)}:root[data-theme=dark] .arch-node.sel{box-shadow:0 0 0 3px #4ca3e038,0 0 16px var(--glow-accent)}:root[data-theme=dark] .arch-node.flow-focus{box-shadow:0 0 0 3px #4ca3e040,0 0 22px #4ca3e080}:root[data-theme=dark] .arch-link-tag rect{fill:#121a2e;stroke:#243456}:root[data-theme=dark] .navitem.active{box-shadow:inset 3px 0 0 var(--azure-blue),0 0 14px #4ca3e01f}:root[data-theme=dark] .btn.primary,:root[data-theme=dark] .btn-primary{box-shadow:0 0 12px #4ca3e04d}:root[data-theme=dark] .brand-logo{filter:drop-shadow(0 0 7px rgba(80,230,255,.45))}:root[data-theme=dark] .tb-btn.on,:root[data-theme=dark] .kind-chip.on{box-shadow:0 0 10px #4ca3e040}:root[data-theme=dark] .card:hover,:root[data-theme=dark] .tpl-card:hover{box-shadow:0 0 0 3px #4ca3e024,0 0 18px #4ca3e02e}:root[data-theme=dark] .arch-walk{background:#101727;box-shadow:0 12px 40px #00000080,0 0 20px #4ca3e01a}:root[data-theme=dark] .as-verdict.ok{background:var(--success-bg);color:var(--success)}:root[data-theme=dark] .as-verdict.bad{background:var(--error-bg);color:var(--error)}:root[data-theme=dark] .weakest-callout{background:var(--warning-bg);border-color:#5a4416}:root[data-theme=dark] .weakest-callout:hover{background:#3a2d11}.topbar .iconbtn svg{display:block}.sidebar-collapse{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px 16px;border:none;border-top:1px solid var(--border);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:12.5px;text-align:left;cursor:pointer}.sidebar-collapse:hover{background:var(--surface-hover);color:var(--text)}.sidebar-collapse svg{flex:0 0 auto}.sidebar.collapsed .sidebar-collapse{justify-content:center;padding:10px 0;gap:0}.sidebar.collapsed .sidebar-collapse span{display:none}.btn.ghost{background:transparent;border-color:var(--border-strong)}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;padding:7px 14px;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none}.btn-primary{background:var(--azure-blue);border:1px solid var(--azure-blue);color:#fff}.btn-primary:hover{background:var(--azure-blue-hover);border-color:var(--azure-blue-hover)}.btn-ghost{background:var(--surface);border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--surface-hover)}.modal-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:#00000073;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:100%;max-width:460px;max-height:86vh;display:flex;flex-direction:column;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);overflow:hidden}.modal-wide{max-width:680px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:16px;font-weight:600}.modal-close{display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer}.modal-close:hover{background:var(--surface-hover);color:var(--text)}.modal-body{padding:18px;overflow:auto}.modal-note{margin:0 0 16px;font-size:12.5px;line-height:1.55;color:var(--text-secondary)}.modal-note.small{margin:14px 0 0;font-size:11.5px;color:var(--text-muted)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.field{display:block;margin-bottom:12px}.field span{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--text-secondary)}.field input{width:100%;font-family:inherit;font-size:13px;padding:8px 10px;background:var(--bg);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.field input:focus{outline:none;border-color:var(--azure-blue);box-shadow:0 0 0 2px var(--accent-soft)}.ai-loading{font-size:13.5px;color:var(--text-secondary)}.ai-error{font-size:13px;line-height:1.6;color:var(--text-secondary)}.ai-error .btn-primary{margin-top:14px}.ai-text{font-size:14px;line-height:1.65;color:var(--text)}.ai-text p{margin:0 0 12px}.tb-explain{gap:6px}.as-explain{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px}.portfolio{display:flex;flex-direction:column;gap:14px}.portfolio-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 18px}.portfolio-blurb{flex:1;min-width:260px;display:flex;flex-direction:column;gap:3px}.portfolio-blurb strong{font-size:14px}.portfolio-blurb span{font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.portfolio-bar .btn{display:inline-flex;align-items:center;gap:7px;text-decoration:none}.portfolio-bar input{flex:1;min-width:240px;font-family:inherit;font-size:13px;padding:8px 10px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm)}.portfolio-bar input:focus{outline:none;border-color:var(--azure-blue);box-shadow:0 0 0 2px var(--accent-soft)}.portfolio-url{flex:1;min-width:0;font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.portfolio-frame{display:flex;flex-direction:column;gap:8px}.portfolio-frame iframe{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.portfolio-hint,.portfolio-empty p{font-size:12.5px;line-height:1.6;color:var(--text-muted)}.portfolio-empty{padding:32px;border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-alt);text-align:center}.mobile-banner{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 12px 12px 14px;background:var(--accent-soft);border:1px solid var(--border);border-left:3px solid var(--azure-blue);border-radius:var(--radius-md)}.mobile-banner-text{flex:1;font-size:13px;line-height:1.5;color:var(--text-secondary)}.mobile-banner-text strong{color:var(--text)}.mobile-banner-close{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer}.mobile-banner-close:hover{background:var(--surface-hover);color:var(--text)}.desktop-only{text-align:center;max-width:460px;margin:8px auto}.desktop-only-icon{font-size:40px;line-height:1;margin-bottom:12px}.desktop-only h2{font-size:18px;margin-bottom:8px}.desktop-only p{margin:0 0 10px;color:var(--text-secondary);font-size:14px;line-height:1.55}.desktop-only .desktop-only-tip{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);color:var(--text-muted)}.navitem .count.desktop-tag{text-transform:uppercase;font-size:9.5px;letter-spacing:.5px;color:var(--text-muted)}@media(max-width:720px){.topbar{gap:8px;padding:0 10px}.topbar .search{display:none}.topbar .brand-title{font-size:14px;white-space:nowrap}.topbar-right{margin-left:auto}.shell{position:relative}.nav-backdrop{position:fixed;top:var(--topbar-h);left:0;right:0;bottom:0;z-index:55;background:#00000073;border:none;-webkit-tap-highlight-color:transparent}.sidebar{position:fixed;top:var(--topbar-h);left:0;bottom:0;z-index:60;width:min(82vw,300px);flex-basis:auto;transform:translate(0);box-shadow:var(--shadow-2);transition:transform .2s ease;overflow-y:auto}.sidebar.collapsed{width:min(82vw,300px);flex-basis:auto;transform:translate(-100%)}.sidebar.collapsed .sidebar-section,.sidebar.collapsed .sidebar-foot{display:block}.sidebar.collapsed .navitem span{display:inline}.sidebar.collapsed .navitem .count{display:inline-block}.sidebar.collapsed .navitem{justify-content:flex-start;padding:10px 16px;gap:10px}.navitem{padding:12px 16px;font-size:15px}.sidebar-collapse{display:none}.content{width:100%}.blade,.blade.blade-full{max-width:none;margin:0;padding:16px 16px 56px}.blade-head{margin-bottom:16px}.blade-head h1{font-size:20px}.blade-head .lead{font-size:13px}.chip-row{flex-wrap:wrap}.chip{padding:7px 12px;font-size:13px}.qcard{padding:16px}.q-scenario{font-size:14px}.q-option{padding:12px;min-height:44px}.q-actions{flex-wrap:wrap}.q-actions .btn{min-height:42px}.list{grid-template-columns:1fr}.flashcard{min-height:200px;padding:22px}.flashcard .fc-face{font-size:16px}.fc-nav{flex-wrap:wrap;gap:8px}.fc-nav .btn{min-height:42px}.pbq-row{flex-direction:column;align-items:stretch;gap:8px}.pbq-row select{width:100%;min-height:44px;font-size:15px}.seg{flex-wrap:wrap}.seg-btn{flex:1 1 auto;min-height:42px;padding:10px 12px;font-size:13px}.seg-btn:not(:first-child){border-left:1px solid var(--border)}.order-item{padding:12px}.order-moves .btn{min-width:38px;min-height:38px}}