.page{max-width:120ch;margin:0 auto;padding:12px;display:flex;flex-direction:column;gap:16px;min-height:100vh;background:var(--bg);color:var(--ink)}.site-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;border-bottom:1px solid var(--border-strong);padding-bottom:16px}.wordmark{display:flex;flex-direction:column;gap:4px}.wordmark-title{font-size:1.5rem;font-weight:700}.wordmark-sub{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.site-nav{display:flex;gap:16px;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;justify-self:center}.site-nav a{text-decoration:underline}.theme-toggle{display:flex;gap:6px;justify-self:end}.ghost-button.active{border-color:var(--fl-cyan);color:var(--fl-cyan)}.theme-reticle .status-chip.pending,.theme-reticle .status-chip.ready,.theme-reticle .status-chip.error{background:#000}.meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:1px solid var(--border);padding:16px}.meta-label{margin:0 0 4px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.meta-value{margin:0;font-weight:600}.meta-value.ok{color:var(--fl-green)}.intro h1{margin:0 0 12px;font-size:1.2rem;letter-spacing:-.02em}.intro p{margin:0;color:var(--muted)}.workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.panel{border:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:16px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-bottom:1px solid var(--border);padding-bottom:8px}.panel-header h2{margin:0 0 6px;font-size:1rem;text-transform:uppercase;letter-spacing:.12em}.panel-header p{margin:0;color:var(--muted);font-size:.85rem}.code-input{min-height:260px;border:1px solid var(--border-strong);padding:12px;resize:vertical;font-family:var(--mono);font-size:.85rem;line-height:1.4;background:#fff}.code-block{margin:8px 0 20px;border:1px solid var(--border-strong);padding:12px;background:#fff;font-family:var(--mono);font-size:.78rem;line-height:1.45;white-space:pre-wrap}.code-block-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.code-block-header h3{margin:0}.theme-reticle .code-block{background:#0b0b0b;border-color:#444;color:#fff}.panel-actions{display:flex;gap:8px;flex-wrap:wrap}.primary-button,.ghost-button{background:transparent;border:1px solid var(--border-strong);padding:6px 10px;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;cursor:pointer}.primary-button:disabled,.ghost-button:disabled{opacity:.5;cursor:not-allowed}.primary-button{border:1px solid var(--border-strong)}.primary-button:hover,.ghost-button:hover{border-color:var(--fl-cyan);color:var(--fl-cyan)}.treemap-select:hover .ghost-button:not(:hover){border-color:var(--border-strong);color:inherit}.status-chip{border:1px solid var(--border-strong);padding:4px 8px;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.status-chip.pending{color:var(--fl-yellow);border-color:var(--fl-yellow)}.status-chip.ready{color:var(--fl-green);border-color:var(--fl-green)}.status-chip.error{color:var(--fl-red);border-color:var(--fl-red)}.explain-output{border:1px solid var(--border);padding:12px;display:grid;gap:10px;min-height:220px}.explain-output .placeholder,.placeholder{color:var(--muted)}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:8px}.callout{display:grid;grid-template-columns:auto 1fr;gap:12px;border-left:2px solid var(--fl-cyan);padding:8px 12px;background:#f5f5f5;font-size:.85rem}.theme-reticle .callout{background:#111}.city-page{min-height:100vh}.city-canvas{width:100%;height:min(80vh,900px);border-radius:16px;overflow:hidden;background:radial-gradient(circle at 20% 20%,#1d2330,#0c0f16 55%,#07090f);position:relative}.city-fullscreen .site-header,.city-fullscreen .intro,.city-fullscreen .panel-header{display:none}.city-fullscreen .panel{border:none;padding:0}.city-fullscreen .city-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;border-radius:0;z-index:1000}.city-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#06080c59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1002}.city-overlay-card{background:#0f121ad9;border:1px solid rgba(255,255,255,.2);padding:18px 22px;border-radius:12px;color:#f4f6fb;text-align:center}.city-overlay-card h3{margin:0 0 6px;font-size:1rem;letter-spacing:.08em;text-transform:uppercase}.city-overlay-card p{margin:0;font-size:.9rem;color:#ffffffbf}.city-crosshair{position:absolute;left:50%;top:50%;width:16px;height:16px;transform:translate(-50%,-50%);pointer-events:none;z-index:1001}.city-crosshair:before,.city-crosshair:after{content:"";position:absolute;background:#fffc}.city-crosshair:before{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.city-crosshair:after{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.city-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1001;font-family:Space Grotesk,sans-serif}.city-hud-panel{position:absolute;background:#0a0c12b8;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:8px;color:#eef4ff;font-size:.85rem;line-height:1.4;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(600px,120vw);box-shadow:0 10px 30px #060a1259}.city-hud-left{left:8px;bottom:8px}.city-hud-right{right:8px;top:8px;text-align:right;min-width:240px}.city-hud-label{text-transform:uppercase;letter-spacing:.18em;font-size:.6rem;color:#ffffff8c}.city-hud-title{font-size:1rem;font-weight:600}.city-hud-path{font-size:.78rem;color:#ffffffb3;word-break:break-word}.city-hud-metrics{font-size:.82rem}.city-hud-muted{margin-top:6px;color:#fff9}.city-fullscreen-toggle{display:none}.city-fullscreen .city-fullscreen-toggle{display:inline-flex;position:fixed;top:16px;right:16px;z-index:1001;background:#0a0c12a6;border-color:#fff3;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.callout-label{font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.callout p{margin:0 0 6px}.callout ul{margin:0;padding-left:18px}.samples{display:flex;flex-direction:column;gap:12px}.table{border:1px solid var(--border)}.table-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border);align-items:center;font-size:.85rem}.table-row:last-child{border-bottom:none}.table-head{background:#f0f0f0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}.table-tactics .table-row{grid-template-columns:.6fr 1.2fr 1.6fr;align-items:start}.table-tactics pre{margin:0;white-space:pre-wrap;font-family:var(--mono);font-size:.8rem;line-height:1.4}.visualizer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tactic-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:.85rem}.goal-flow{display:grid;gap:10px}.goal-card{border:1px solid var(--border);padding:10px}.goal-card pre{margin:0;white-space:pre-wrap;font-family:var(--mono);font-size:.8rem;line-height:1.4}.goal-arrow{text-align:center;color:var(--muted)}.dependency-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.dependency-node{border:1px solid var(--border);padding:10px;text-align:center;font-size:.85rem}.treemap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.treemap-menu{display:flex;gap:8px;flex-wrap:wrap}.treemap-blend{border:1px solid var(--border);padding:8px 10px;display:grid;gap:8px;margin-top:8px}.treemap-blend-header{display:flex;align-items:center;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.treemap-blend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.treemap-blend-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border-strong);padding:4px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.treemap-blend-item input{width:60px;background:transparent;color:var(--ink);border:0;text-align:right;font-variant-numeric:tabular-nums;font-family:inherit}.treemap-blend-item input:focus{outline:none}.treemap-note{margin:0;font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.treemap-select{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);padding:6px 10px;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.treemap-select span{color:var(--muted)}.treemap-select select{background:transparent;color:var(--ink);border:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-family:inherit}.theme-reticle{color-scheme:dark}.treemap-select input[type=file]{color:var(--ink);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.treemap-hidden-input{display:none}.treemap-path-preview{color:var(--ink);text-transform:none;letter-spacing:0;font-size:.7rem}.treemap-select input[type=text]{min-width:220px;background:transparent;color:var(--ink);border:0;font-size:.75rem;letter-spacing:.08em;font-family:inherit;text-transform:none}.treemap-select input[type=text]::placeholder{color:var(--muted)}.treemap-regex-input input[type=text]{min-width:260px}.treemap-regex-error{font-size:.7rem;color:#b44937;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.treemap-regex-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.treemap-regex-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--border-strong);padding:4px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.treemap-regex-label{color:var(--ink);text-transform:none;letter-spacing:0}.treemap-select select:focus{outline:none}.treemap-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px;font-size:.75rem;color:var(--muted)}.legend-item{display:flex;align-items:center;gap:8px}.legend-item:hover{color:var(--ink)}.legend-swatch{width:12px;height:12px;border:1px solid var(--border-strong)}.treemap-panel{border:1px solid var(--border);padding:12px;display:grid;gap:12px;position:relative}.treemap-rebuild{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border-strong);background:var(--panel);color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;z-index:2}.treemap-spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--ink);animation:treemap-spin .9s linear infinite}.treemap-canvas{width:100%;min-height:600px;overflow:hidden}.treemap-svg{display:block;width:100%;height:600px;overflow:hidden}.treemap-rect{stroke:var(--border-strong);stroke-width:1px;vector-effect:non-scaling-stroke;shape-rendering:crispEdges;pointer-events:fill;cursor:pointer}.treemap-child{cursor:pointer}.treemap-border{fill:none;stroke:var(--border-strong);stroke-width:2px;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}.treemap-border-file{stroke:var(--border);stroke-width:1px;vector-effect:non-scaling-stroke;shape-rendering:crispEdges}@keyframes treemap-spin{to{transform:rotate(360deg)}}.treemap-readout{border:1px solid var(--border);background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;gap:8px;font-size:.85rem;color:var(--ink);min-height:200px}.treemap-readout-path{font-size:1rem;letter-spacing:.05em;text-transform:none}.treemap-readout-metrics{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--ink)}.treemap-readout-item{border:1px solid var(--border);padding:4px 6px;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:baseline;gap:6px}.treemap-readout-empty{color:inherit}.treemap-readout-key{white-space:nowrap}.treemap-readout-sep{opacity:.6}.treemap-readout-value{display:inline-block;min-width:7ch;text-align:right;font-variant-numeric:tabular-nums}.treemap-placeholder{border:1px dashed var(--border);padding:24px}.theme-reticle .table-head{background:#0a0a0a}.theme-reticle .explain-output,.theme-reticle .panel,.theme-reticle .meta-grid,.theme-reticle .table{border-color:#444}.theme-reticle .panel-header,.theme-reticle .panel-footer{border-color:#333}.theme-reticle .code-input{background:#000;color:#fff;border-color:#666}.theme-reticle .ghost-button,.theme-reticle .primary-button{border-color:#666;color:#fff}.theme-reticle .ghost-button.active{border-color:var(--fl-cyan);color:var(--fl-cyan)}.theme-reticle .site-header{border-color:#333}.theme-reticle .meta-value.ok{color:var(--fl-green)}.theme-reticle .placeholder,.theme-reticle .panel-header p,.theme-reticle .intro p,.theme-reticle .meta-label,.theme-reticle .wordmark-sub{color:#aaa}.theme-reticle .explain-output{background:#0b0b0b}.theme-reticle .table-row,.theme-reticle .samples .panel-header,.theme-reticle .goal-card,.theme-reticle .dependency-node,.theme-reticle .treemap-panel{border-color:#333}.theme-reticle .treemap-rect{stroke:#333}.theme-reticle .treemap-readout{border-color:#333}.theme-reticle .treemap-readout-metrics{color:#f5f5f5}.theme-reticle .treemap-readout-empty{color:inherit}.theme-reticle .treemap-select select,.theme-reticle .treemap-select option{background:#000;color:#fff}.theme-reticle .treemap-select select{border:1px solid #333333;padding:4px 28px 4px 8px}.theme-reticle .treemap-select input[type=file]::file-selector-button{background:#000;color:#fff;border:1px solid #333333;padding:4px 8px}.theme-reticle .treemap-select input[type=file]::-webkit-file-upload-button{background:#000;color:#fff;border:1px solid #333333;padding:4px 8px}.theme-toggle .ghost-button.active,.theme-reticle .primary-button:hover,.theme-reticle .ghost-button:hover{border-color:var(--fl-cyan);color:var(--fl-cyan)}.theme-reticle .treemap-select:hover .ghost-button:not(:hover){border-color:#666;color:#fff}.table-action{text-align:right}@media (max-width: 900px){.page{padding:24px 16px 32px}.site-header{display:flex;flex-direction:column;align-items:flex-start}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{grid-template-columns:1fr}.panel-footer{flex-direction:column;align-items:flex-start}.table-row{grid-template-columns:1fr;gap:6px}.table-action{text-align:left}}:root{font-family:var(--mono);line-height:1.4;font-weight:400;color:var(--ink);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums;--mono: "Berkeley Mono Condensed", "Berkeley Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bg: #ffffff;--ink: #000000;--muted: #999999;--border: #999999;--border-strong: #000000;--fl-red: #ff0000;--fl-green: #00ff00;--fl-blue: #0000ff;--fl-cyan: #00ffff;--fl-magenta: #ff00ff;--fl-yellow: #b45309;--fl-orange: #ff6600}.theme-reticle,html.theme-reticle,body.theme-reticle{--bg: #000000;--ink: #ffffff;--muted: #aaaaaa;--border: #333333;--border-strong: #666666}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:underline}button,input,textarea{font-family:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--fl-cyan);outline-offset:2px}#root{min-height:100vh}