:root{--radius: 4px;--radius-lg: 8px;--font-head: "Newsreader", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--gold: #E8C460;--gold-bright: #FFE194;--on-gold: #1A0B2E;--chip-bg: #4C1D95;--chip-text: #FFFFFF}html[data-theme=dark]{--bg: #1A0B2E;--bg-sunken: #140823;--card: #26153D;--card-high: #2F1B49;--border: #3F2A5C;--border-strong: #5E4384;--text: #E9E4F2;--text-strong: #FDFCF8;--text-muted: #AFA3C6;--gold-ink: #E8C460;--error: #FFB4AB;--error-strong: #FF8A80;--success: #9BD8A5;--glow: rgba(76, 29, 149, .45);--chip-process: #C9AFFF;--chip-activity: #D8D2E6;--chip-data_object: #7FD6C4;--chip-attribute: #5FB3A2;--chip-capability: #A78BFA;--chip-system: #E8C460;--chip-role: #B9B3C4;--chip-persona: #EFA9DE;--chip-touchpoint: #F0B57E;--chip-pain_point: #FF9E96;--chip-agent: #B79AF0;--chip-topic: #8FC9E6}html[data-theme=light]{--bg: #FDFCF8;--bg-sunken: #F6F2E9;--card: #FFFFFF;--card-high: #FDF8EF;--border: #E4DDD0;--border-strong: #B8A98A;--text: #2B2140;--text-strong: #1A0B2E;--text-muted: #6B6180;--gold-ink: #755B00;--error: #93000A;--error-strong: #B3261E;--success: #1E7B33;--glow: rgba(232, 196, 96, .35);--chip-process: #6D28D9;--chip-activity: #4B4358;--chip-data_object: #0F766E;--chip-attribute: #2C7A6E;--chip-capability: #5B21B6;--chip-system: #755B00;--chip-role: #5F5A6B;--chip-persona: #A21CAF;--chip-touchpoint: #B45309;--chip-pain_point: #B3261E;--chip-agent: #7C3AED;--chip-topic: #0369A1}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);transition:background .2s,color .2s}.app{display:grid;grid-template-rows:56px 1fr;height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--border)}.topbar .brand{font-family:var(--font-head);font-weight:600;font-size:20px;color:var(--text-strong);letter-spacing:.01em}.topbar .brand:first-letter{color:var(--gold-ink)}.topbar .spacer{flex:1}.layout{display:grid;grid-template-columns:240px 1fr;overflow:hidden}.sidebar{background:var(--bg-sunken);border-right:1px solid var(--border);padding:20px 12px;overflow-y:auto}.main{background:var(--bg);padding:28px 32px;overflow-y:auto}h1{font-family:var(--font-head);font-weight:500;font-size:32px;line-height:1.2;letter-spacing:-.01em;color:var(--text-strong);margin:0 0 16px}h2{font-family:var(--font-head);font-weight:600;font-size:22px;line-height:1.3;color:var(--text-strong);margin:0 0 10px}.section-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);margin-bottom:10px}button,.btn{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius);padding:9px 18px;cursor:pointer;background:var(--gold);color:var(--on-gold);border:1px solid var(--gold);transition:background .15s,border-color .15s,color .15s}button:hover{background:var(--gold-bright);border-color:var(--gold-bright)}button:disabled{opacity:.45;cursor:default}button.ghost{background:transparent;color:var(--gold-ink);border:1px solid var(--border-strong)}button.ghost:hover{border-color:var(--gold-ink);background:transparent}button.small{padding:5px 10px;font-size:10px}input{font-family:var(--font-body);font-size:14px;border:none;border-bottom:1px solid var(--border-strong);border-radius:0;padding:9px 4px;background:transparent;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}input:focus{border-bottom-color:var(--gold-ink);box-shadow:0 1px 0 0 var(--gold-ink)}input::placeholder{color:var(--text-muted);opacity:.8}select{font-family:var(--font-mono);font-size:12px;border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;background:var(--card);color:var(--text);outline:none}select:focus{border-color:var(--gold-ink)}select option{background:var(--card);color:var(--text)}.folder-item{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;margin-bottom:2px;border-radius:var(--radius);border-left:3px solid transparent;font-family:var(--font-mono);font-size:13px;transition:background .15s,border-color .15s}.folder-item:hover{background:var(--card)}.folder-item.active{background:var(--card);border-left-color:var(--gold)}.folder-item.active span:first-child{color:var(--gold-ink)}.folder-item .badge{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:14px;transition:border-color .15s}.card:hover{border-color:var(--border-strong)}.card h2{padding-bottom:8px;border-bottom:1px solid var(--border)}.pill{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.04em;border-radius:9999px;padding:3px 12px;background:var(--chip-bg);border:1px solid var(--chip-bg);color:var(--chip-text);margin:0 6px 6px 0}.muted{color:var(--text-muted);font-size:13px}.error{color:var(--error);font-size:13px}.empty{padding:72px 0;text-align:center;font-family:var(--font-head);font-style:italic;font-size:19px;color:var(--text-muted)}.login-wrap{display:grid;place-items:center;min-height:100vh;position:relative;overflow:hidden;background:var(--bg)}.login-wrap:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--glow) 0%,transparent 65%);pointer-events:none}.login-card{position:relative;z-index:1;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:40px;width:380px;display:flex;flex-direction:column;gap:14px}.login-card .brand{font-family:var(--font-head);font-size:26px;font-weight:600;color:var(--text-strong)}.login-card .brand:first-letter{color:var(--gold-ink)}.login-card .tagline{font-family:var(--font-head);font-style:italic;font-size:15px;color:var(--text-muted)}.row{display:flex;gap:8px;align-items:center}.chip{cursor:pointer}.chip-active{outline:2px solid var(--gold);outline-offset:1px}.pill[class*=chip-]{background:transparent}.chip-process{border-color:var(--chip-process);color:var(--chip-process)}.chip-activity{border-color:var(--chip-activity);color:var(--chip-activity)}.chip-data_object{border-color:var(--chip-data_object);color:var(--chip-data_object)}.chip-attribute{border-color:var(--chip-attribute);color:var(--chip-attribute)}.chip-capability{border-color:var(--chip-capability);color:var(--chip-capability)}.chip-system{border-color:var(--chip-system);color:var(--chip-system)}.chip-role{border-color:var(--chip-role);color:var(--chip-role)}.chip-persona{border-color:var(--chip-persona);color:var(--chip-persona)}.chip-touchpoint{border-color:var(--chip-touchpoint);color:var(--chip-touchpoint)}.chip-pain_point{border-color:var(--chip-pain_point);color:var(--chip-pain_point)}.chip-agent{border-color:var(--chip-agent);color:var(--chip-agent)}.chip-topic{border-color:var(--chip-topic);color:var(--chip-topic)}