:root{--bg: #07090d;--panel: #10151c;--panel-border: #1d2531;--text: #dbe3ec;--text-dim: #8b96a5;--accent: #96beff;--danger: #ff8a5c;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.45}.app{max-width:1240px;margin:0 auto;padding:18px 16px 40px}.site-header h1{font-size:26px;margin:4px 0;letter-spacing:.02em}.tagline{color:var(--text-dim);margin:0 0 14px;max-width:760px;font-size:14px}.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.controls-spacer{flex:1}.btn{background:var(--panel);border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:6px 12px;font-size:13px;font-family:var(--mono);cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn-active{border-color:var(--accent);background:#16233a}.btn-danger{border-color:var(--danger);background:#2a160d;color:var(--danger)}.btn-mind{border-color:#3a4f78;background:#131e33;color:var(--accent)}.mind-chip{font-family:var(--mono);font-size:12px;padding:6px 10px;border-radius:8px;border:1px solid var(--panel-border)}.mind-loading{color:var(--accent);border-color:#3a4f78}.mind-ready{color:#8ee6a8;border-color:#2c5138}.mind-error{color:var(--text-dim)}.layout{display:grid;grid-template-columns:1fr 320px;gap:14px;align-items:start}.canvas-wrap{background:#0b0f14;border:1px solid var(--panel-border);border-radius:12px;overflow:hidden}.canvas-wrap.aiming{cursor:crosshair}.canvas-wrap canvas{display:block;width:100%;height:auto}.side{display:flex;flex-direction:column;gap:14px}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px}.panel h2{font-size:14px;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.panel h3{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;margin:14px 0 6px}.hint{color:var(--text-dim);font-size:13px}.swatch{display:inline-block;width:12px;height:12px;border-radius:50%}.dead-tag{font-size:11px;color:var(--danger);font-family:var(--mono);font-weight:400}.meta{color:var(--text-dim);font-size:12px;font-family:var(--mono);margin:4px 0}.traits{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.trait-chip,.state-chip,.urge-chip{font-family:var(--mono);font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--panel-border)}.trait-chip{background:#182030;color:var(--accent)}.state-chip{color:var(--text-dim)}.urge-chip{color:#8ee6a8;border-color:#2c5138}.bar-row{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:12px}.bar-label{width:64px;color:var(--text-dim);font-family:var(--mono);font-size:11px}.bar-track{flex:1;height:6px;background:#0a0e13;border-radius:3px;overflow:hidden}.bar-fill{height:100%;border-radius:3px;transition:width .3s}.bar-count{font-family:var(--mono);font-size:11px;color:var(--text-dim);width:20px;text-align:right}.thought-log{margin-top:10px;max-height:230px;overflow-y:auto;border-top:1px solid var(--panel-border);padding-top:8px}.log-line{margin:0 0 7px;font-size:13px}.log-line.llm .log-mark{color:var(--accent)}.log-line.template .log-mark{color:var(--text-dim)}.log-event{color:var(--text-dim);font-size:11px;font-family:var(--mono)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:13px;color:var(--text-dim);margin:0}.stat-grid b{color:var(--text)}.spark-row{display:flex;align-items:center;gap:8px;margin:3px 0}.spark-label{width:64px;color:var(--text-dim);font-family:var(--mono);font-size:11px}.spark{background:#0a0e13;border-radius:4px}.spark-value{font-family:var(--mono);font-size:11px;color:var(--text-dim)}.artifact-list{max-height:260px;overflow-y:auto}.artifact-row{padding:7px 0;border-bottom:1px dashed #171e29}.artifact-title{margin:0;font-size:13px}.artifact-glyph{display:inline-block;width:16px}.form-held{color:#f0bc42}.form-structure{color:#d6855c}.form-farm{color:#53c666}.artifact-strength{color:#f0bc42;font-size:10px;margin-left:6px;letter-spacing:.1em}.artifact-lore{margin:2px 0 0;font-size:12px;color:var(--text-dim);font-style:italic}.artifact-meta{margin:2px 0 0;font-size:11px;font-family:var(--mono);color:var(--text-dim)}.artifact-lineage{margin:2px 0 0;font-size:10px;font-family:var(--mono);color:#5b6675}.quote-board{margin-top:14px}.quote-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px 18px}.quote{margin:0;font-size:13px;padding:6px 0;border-bottom:1px dashed #171e29}.quote-death .quote-text{color:var(--danger)}.quote-meta{display:block;color:var(--text-dim);font-size:11px;font-family:var(--mono);margin-top:2px}.site-footer{margin-top:26px}.site-footer h2{font-size:16px}.explainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.explainer-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:12px 14px}.explainer-card h3{margin:0 0 6px;font-size:13px;color:var(--accent)}.explainer-card p{margin:0;font-size:13px;color:var(--text-dim)}.privacy-note{color:var(--text-dim);font-size:12px;margin-top:14px}.privacy-note a{color:var(--accent)}@media(max-width:900px){.layout{grid-template-columns:1fr}.side{flex-direction:row;flex-wrap:wrap}.side .panel{flex:1 1 300px}}