:root{--bg: #f4ecd8;--surface: #ebdfc4;--surface-input: #fbf6ea;--text: #3b2f22;--text-muted: #5f4e3a;--border: #7d6548;--accent: #7a3e16;--on-accent: #fff8ec;--focus: #7a3e16;--selected: #8a5a00;--hp-track: #d6c4a1;--hp-ok: #3f6b2a;--hp-zero: #a12a1f;--chip-bg: #8c1c13;--stream-bg: #2e241a;--stream-text: #f1e4c8;--overlay: rgba(46, 36, 26, .55)}html,body{background:var(--bg);color:var(--text)}body{margin:0;font-family:monospace}input,select,textarea,button{font:inherit}input,select,textarea{background:var(--surface-input);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 6px;box-sizing:border-box}input::placeholder,textarea::placeholder{color:var(--text-muted);opacity:1}option{background:var(--surface-input);color:var(--text)}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.7;cursor:not-allowed}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}a{color:var(--accent)}.btn{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);border-radius:4px;padding:6px 12px}.btn-secondary{background:var(--surface-input);color:var(--text);border-color:var(--border)}.btn-danger{background:var(--chip-bg);color:var(--on-accent);border-color:var(--chip-bg)}.btn-sm{padding:4px 8px}.btn-block{width:100%;padding:8px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--overlay);display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:var(--bg);color:var(--text);border:1px solid var(--border);padding:20px;border-radius:8px;width:400px;max-width:calc(100vw - 32px)}.modal-sm{width:360px}.modal-md{width:460px;max-height:90vh;overflow-y:auto}.modal h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.hint{font-size:11px;color:var(--text-muted)}.muted{color:var(--text-muted)}.pre-wrap{white-space:pre-wrap}.w-100{width:100%;box-sizing:border-box}.w-90{width:90px}.flex-1{flex:1}.mt-4{margin-top:4px}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}