:root{color-scheme:dark;--bg: #0c0f12;--bg-elev: #12171c;--panel: #161c22;--panel-2: #1c242c;--border: #2a333c;--text: #e8eef2;--muted: #8b96a3;--accent: #c9a66b;--accent-2: #7a9eae;--accent-soft: #2a2418;--ok: #6fcf97;--fail: #e06b6b;--warn: #e6b35a;--player: #d4b48c;--shadow: 0 18px 48px rgba(4, 6, 12, .45);--radius: 10px;--font-ui: "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--topbar: 58px;--status: 34px;font-family:var(--font-ui);font-feature-settings:"kern" 1,"liga" 1}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(1100px 460px at 6% -12%,rgba(201,166,107,.1),transparent 55%),radial-gradient(900px 420px at 100% 0%,rgba(122,158,174,.08),transparent 50%),var(--bg);color:var(--text)}body,#app{min-height:100dvh}.skip-link{position:absolute;left:-9999px;top:0;z-index:20;padding:.5rem .8rem;background:var(--panel);color:var(--accent)}.skip-link:focus{left:.5rem;top:.5rem}.topbar{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center;min-height:var(--topbar);padding:.55rem 1rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(12px)}.brand{display:flex;gap:.7rem;align-items:center}.brand-mark{display:grid;place-items:center;color:var(--accent)}.brand div{display:grid;gap:.05rem}.brand strong{letter-spacing:.02em;font-size:1.12rem;font-weight:700}.brand span{color:var(--muted);font-size:.78rem}.pipeline-bar,.pipeline{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.pipeline-bar li,.pipeline li{padding:.22rem .6rem;border:1px solid var(--border);background:var(--panel-2);color:var(--muted);font-size:.7rem;border-radius:999px;letter-spacing:.02em}.pipeline-bar li.is-current,.pipeline li.is-current{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.pipeline-bar li.is-done,.pipeline li.is-done{color:var(--ok);border-color:#2a4a38}.shell{display:grid;grid-template-columns:220px minmax(0,1fr) 280px;min-height:calc(100dvh - var(--topbar) - var(--status))}nav.explorer,aside{padding:1rem .85rem;background:var(--bg-elev);border-color:var(--border)}nav.explorer{border-right:1px solid var(--border)}aside{border-left:1px solid var(--border)}.explorer-item{display:grid;gap:.15rem;width:100%;margin-bottom:.4rem;text-align:left}.explorer-item span{color:var(--muted);font-size:.72rem}.explorer-item.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.explorer-group{margin-bottom:.85rem}.explorer-group h3{margin-bottom:.35rem;color:var(--muted);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.mode-tabs{display:flex;flex-wrap:wrap;gap:.2rem;margin:0 0 1rem;padding:0 0 .75rem;border-bottom:1px solid var(--border)}.mode-tabs a{display:inline-flex;align-items:center;gap:.35rem;min-height:36px;padding:0 .7rem;color:var(--muted);text-decoration:none;border-radius:8px}.mode-tabs kbd{min-width:1.1rem;padding:.05rem .28rem;border:1px solid var(--border);border-radius:4px;background:var(--bg);color:var(--muted);font:600 .65rem/1.2 var(--font-mono);text-align:center}.mode-tabs a:hover,.mode-tabs a.active{color:var(--text);background:var(--accent-soft)}.mode-tabs a.active{color:var(--accent);font-weight:700}main{padding:1.15rem 1.25rem 2rem;overflow:auto}h2,h3{margin:0 0 .7rem;font-size:1rem}.muted{color:var(--muted)}.eyebrow{margin:0 0 .35rem;color:var(--accent);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}.project-grid,.card-list,.surface-grid,.rules{display:grid;gap:.85rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.card,.hero-card,.surface-window{border:1px solid var(--border);background:var(--panel);padding:1rem;box-shadow:var(--shadow);border-radius:var(--radius)}.card-standalone{border-color:#4a3a2a}.hero-card h2,.card h2{margin-bottom:.4rem}.btn-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}button{min-height:40px;padding:.4rem .8rem;border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;border-radius:8px;font:inherit}.btn-row.compact{margin:0 0 .85rem}.btn-row.compact button{min-height:32px;font-size:.78rem}button.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}button:focus-visible,a:focus-visible,.graph-node:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.split{display:grid;grid-template-columns:1fr 1fr;gap:1rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{border:1px solid var(--border);padding:.45rem .55rem;text-align:left}tr.mismatch th,tr.mismatch td{background:#2a2418;color:var(--player)}.chip-list,.edge-list,.event-list,.issue-list,.card-list{list-style:none;margin:0;padding:0}.chip{display:flex;flex-wrap:wrap;gap:.4rem;width:100%;text-align:left;margin-bottom:.45rem}.chip.active{border-color:var(--accent);background:var(--accent-soft)}.edge-list li,.event-list li{margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.event-list header{display:flex;gap:.65rem;align-items:baseline}.event-hit{display:grid;width:100%;margin:0;padding:.35rem .45rem;text-align:left;background:transparent}.event-list li.is-selected .event-hit{border-color:var(--accent);background:var(--accent-soft)}.inspector-compare table{margin-bottom:.85rem}.timeline-lanes{display:grid;gap:.85rem;margin:1rem 0 .5rem}.timeline-lane-label{margin:0 0 .2rem;font-size:.78rem;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.timeline-track{position:relative;height:88px;margin:.2rem 0;border-top:2px solid var(--border)}.tick{position:absolute;top:-8px;transform:translate(-50%);min-width:92px;display:grid;gap:.1rem;font-size:.72rem}.tick.active{border-color:var(--accent);background:var(--accent-soft)}.graph-canvas{width:100%;max-width:760px;height:auto;touch-action:none;background:radial-gradient(circle at 50% 50%,#1c2230,var(--panel));border:1px solid var(--border)}.graph-edge{stroke:#5a6378;stroke-width:1.5}.graph-edge.is-impact{stroke:var(--accent);stroke-width:2.4}.graph-label,.graph-id,.graph-kind{fill:var(--muted);font-size:11px;text-anchor:middle}.graph-id{fill:var(--text);font-size:10px}.graph-node{cursor:grab}.graph-node circle{fill:var(--panel-2);stroke:var(--accent);stroke-width:1.5}.graph-node.is-selected circle{fill:var(--accent-soft)}.graph-node.is-impact circle{stroke:var(--warn);stroke-width:2.2}.graph-node.is-dim{opacity:.28}.chip .linkish{display:inline;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.chip .linkish:hover strong,.chip .linkish:hover code{color:var(--accent)}.timeline-unplaced .tick{position:static;transform:none}.surface-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.surface-window{padding:0;overflow:hidden;cursor:pointer}.surface-window header{display:flex;gap:.5rem;align-items:center;padding:.45rem .7rem;background:var(--panel-2);border-bottom:1px solid var(--border)}.surface-window header code{margin-left:auto;color:var(--muted);font-size:.72rem}.dots{width:10px;height:10px;border-radius:50%;background:#6fcf97;box-shadow:14px 0 #e6b35a,28px 0 #e06b6b;margin-right:28px}.surface-url{padding:.3rem .7rem;background:#101218;color:var(--muted);font-size:.72rem;border-bottom:1px solid var(--border)}.surface-web,.surface-forum,.surface-db,.surface-msg,.surface-doc,.surface-generic{padding:.75rem;min-height:140px}.surface-window.is-locked{opacity:.62}.surface-window.is-selected{outline:1px solid var(--accent)}.forum-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px dotted var(--border)}.forum-row.is-hidden,tr.is-hidden{opacity:.35;text-decoration:line-through}.bubble{max-width:90%;margin-bottom:.45rem;padding:.45rem .6rem;background:var(--accent-soft);border-radius:8px 8px 8px 2px}.bubble-alt{margin-left:auto;background:#2a2418;color:var(--player)}.locked-copy{color:var(--muted)}.pill{display:inline-block;padding:.1rem .4rem;border:1px solid var(--border);font-size:.72rem}.status{display:inline-block;padding:.25rem .55rem;border-radius:4px;font-weight:700}.status.ok{color:var(--ok);background:#173226}.status.fail{color:var(--fail);background:#3a1c1c}.issue-list .error{color:var(--fail)}.issue-list .warning{color:var(--warn)}.meta-list{display:grid;gap:.4rem}.meta-list div{display:grid;grid-template-columns:7rem 1fr;gap:.5rem}.meta-list dt{color:var(--muted)}.meta-list dd{margin:0}aside h2,aside h3{font-size:.85rem}aside .pipeline{display:grid;margin-bottom:1rem}code{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.82em}@media (max-width: 960px){.topbar,.shell,.split,.project-grid,.surface-grid{display:block}nav.explorer{display:flex;flex-wrap:wrap;gap:.25rem;border-right:0;border-bottom:1px solid var(--border)}.explorer-item{width:auto;margin:0}aside{border-left:0;border-top:1px solid var(--border)}.timeline-track{height:auto;display:flex;flex-wrap:wrap;gap:.4rem;border-top:0}.tick{position:static;transform:none}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.statusbar{display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;align-items:center;min-height:var(--status);padding:.25rem 1rem;border-top:1px solid var(--border);background:var(--bg-elev);color:var(--muted);font-size:.72rem}.statusbar p{margin:0;display:flex;gap:.4rem;align-items:baseline}.statusbar span{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.62rem}.empty-state{margin:1.5rem 0;padding:1.25rem;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}.help-overlay{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#080a10b8}.help-card{width:min(420px,calc(100vw - 2rem));padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.help-card ul{margin:0 0 1rem;padding:0;list-style:none;display:grid;gap:.4rem}.help-card kbd,.mode-tabs kbd{font-family:var(--font-mono)}aside .pipeline{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:1rem}.dirty-banner{display:flex;flex-wrap:wrap;gap:.5rem .85rem;align-items:center;padding:.4rem 1rem;background:#2a2418;color:var(--player);border-bottom:1px solid #4a3a2a;font-size:.82rem}.draft-notice{margin:0 0 .75rem;padding:.45rem .65rem;border:1px solid var(--fail);border-radius:8px;color:var(--fail)}.draft-form{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.draft-form.stacked{display:grid}.draft-form input,.draft-form select,.draft-form textarea{min-height:36px;padding:.3rem .5rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit}.draft-form textarea{min-height:6rem;resize:vertical}.file-import{position:relative;display:inline-flex;align-items:center;min-height:36px;padding:0 .7rem;border:1px solid var(--border);border-radius:8px;cursor:pointer}.file-import input{position:absolute;inset:0;opacity:0;cursor:pointer}.graph-edge-hit{cursor:pointer}.graph-edge-hit .graph-edge{stroke:#5a6378;stroke-width:6}.graph-edge-hit.is-selected .graph-edge,.graph-edge-hit.is-selected .graph-label{stroke:var(--accent);fill:var(--accent)}.edge-list li.is-selected,.edge-list li.is-selected button{border-color:var(--accent)}.status-pill{display:inline-block;margin-bottom:.35rem;padding:.15rem .45rem;border-radius:999px;border:1px solid var(--border);font-size:.72rem;letter-spacing:.02em}.status-verified{border-color:var(--ok, #6bcb8b);color:var(--ok, #6bcb8b)}.status-reported,.status-partial{border-color:var(--warn);color:var(--warn)}.status-disputed,.status-disproven,.status-hypothesis{border-color:var(--fail, #e07a7a);color:var(--fail, #e07a7a)}.status-unverified,.status-open{color:var(--muted)}.status-answered{border-color:var(--accent);color:var(--accent)}