:root{--bg: #0f0f12;--bg-elev: #16161c;--bg-elev-2: #1d1d26;--border: #2a2a36;--text: #e8e8f0;--text-dim: #9090a0;--text-muted: #606070;--accent: #c89cff;--accent-soft: #c89cff22;--danger: #ff6b6b;--danger-soft: #ff6b6b22;--warn: #ffb86b;--good: #6bd9a0;--radius: 10px;--radius-sm: 6px;--gap: 12px;--pad: 16px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}body{overscroll-behavior-y:none}.app{display:flex;flex-direction:column;height:100%;width:100%}.app-inner{display:flex;flex-direction:column;flex:1;width:100%;max-width:720px;margin:0 auto;min-height:0}.status-panel{background:var(--bg-elev);border-bottom:1px solid var(--border);padding:16px var(--pad) 18px}.status-panel-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:8px}.status-panel-header h1{margin:0;font-size:18px;font-weight:700;color:var(--accent);letter-spacing:.2px}.status-panel-header .status-meta{font-size:11px;color:var(--text-muted);font-family:var(--mono)}.status-cards{display:flex;flex-direction:row;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 0;scrollbar-width:thin}.status-cards::-webkit-scrollbar{height:6px}.status-cards::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.status-card{flex:1 1 0;min-width:130px;scroll-snap-align:start;background:var(--bg-elev-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:10px 12px;max-height:200px;overflow-y:auto;display:flex;flex-direction:column}.status-card::-webkit-scrollbar{width:4px}.status-card::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.status-card-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--accent);margin-bottom:6px;position:sticky;top:0;background:var(--bg-elev-2);padding-bottom:4px;z-index:1}.status-card-content{font-size:13px;line-height:1.5;color:var(--text);white-space:pre-wrap}.status-card-empty{text-align:center;padding:20px;color:var(--text-muted);font-style:italic;font-size:13px}.tabs{display:flex;background:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.tab{flex:1;padding:14px 0;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-dim);font-size:14px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;cursor:pointer;font-family:inherit}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.content{flex:1;overflow-y:auto;padding:var(--pad);padding-bottom:60px}.filters{display:flex;gap:8px;margin-bottom:var(--gap);flex-wrap:wrap}.filters input,.filters select{flex:1;min-width:0;padding:8px 10px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:inherit}.filters input:focus,.filters select:focus{outline:none;border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:8px}.list-item{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:12px var(--pad);cursor:pointer;transition:border-color .1s,background .1s}.list-item:hover{border-color:var(--accent);background:var(--bg-elev-2)}.list-item .row1{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.list-item .name{font-weight:600;color:var(--text);font-size:15px}.list-item .type{font-size:11px;font-family:var(--mono);color:var(--text-muted);background:var(--bg-elev-2);padding:2px 6px;border-radius:4px;white-space:nowrap}.list-item .row2{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:var(--text-dim)}.salience-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.salience-foundational{background:#ff79c622;color:#ff79c6}.salience-active-immediate{background:#6bd9a022;color:#6bd9a0}.salience-active-recent{background:#c89cff22;color:#c89cff}.salience-background{background:#6090c022;color:#6090c0}.salience-archive{background:#60606022;color:#909090}.detail{display:flex;flex-direction:column;gap:16px}.detail-header{display:flex;align-items:center;gap:10px;margin-bottom:4px}.btn-back{background:var(--bg-elev);border:1px solid var(--border);color:var(--text-dim);padding:6px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-family:inherit}.btn-back:hover{border-color:var(--accent);color:var(--accent)}.detail h2{margin:0;font-size:22px;color:var(--text);flex:1}.detail-section{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:var(--pad)}.detail-section h3{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center}.field{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:14px}.field label{color:var(--text-dim);min-width:90px}.field select,.field input{flex:1;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:6px 10px;font-size:14px;font-family:inherit}.field select:focus,.field input:focus{outline:none;border-color:var(--accent)}.obs-item,.rel-item,.comment-item{background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-bottom:8px;font-size:14px;line-height:1.5;white-space:pre-wrap}.obs-item .actions,.rel-item .actions,.comment-item .actions{display:flex;gap:6px;margin-top:8px;font-size:12px}.btn-mini{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:3px 8px;border-radius:4px;cursor:pointer;font-size:12px;font-family:inherit}.btn-mini:hover{border-color:var(--accent);color:var(--accent)}.btn-mini.danger:hover{border-color:var(--danger);color:var(--danger)}.btn-primary{background:var(--accent);color:var(--bg);border:none;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:14px;font-family:inherit}.btn-primary:hover{filter:brightness(1.1)}.btn-primary.small{padding:4px 10px;font-size:12px}textarea{width:100%;background:var(--bg-elev-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px;font-size:14px;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:8px}textarea:focus{outline:none;border-color:var(--accent)}.state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.state.error{color:var(--danger)}.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.auth-gate h1{font-size:22px;margin:0 0 8px}.auth-gate p{color:var(--text-dim);margin:0 0 20px;text-align:center}.auth-gate input{width:100%;max-width:360px;padding:12px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;font-family:var(--mono);margin-bottom:12px}.auth-gate button{width:100%;max-width:360px}
