:root{--bg: #0f0f10;--bg-elev: #1a1a1c;--fg: #e8e8ea;--fg-muted: #8f8f95;--accent: #ff6b2c;--error: #ff5252;--border: #2a2a2d;--radius: 10px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100dvh;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.4;-webkit-tap-highlight-color:transparent}main{padding:1.25rem;max-width:44rem;margin:0 auto}h1{margin:0 0 .25rem;font-size:1.75rem;letter-spacing:-.02em}h2{margin:0 0 .5rem;font-size:1.25rem;letter-spacing:-.01em}.muted{color:var(--fg-muted)}.small{font-size:.9rem}.error{color:var(--error)}.field{display:grid;gap:.35rem}.field span{font-size:.9rem;color:var(--fg-muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}input[type=text],input[type=number],input[type=date],input[type=time],input[type=datetime-local],select,textarea{width:100%;padding:.7rem .85rem;font-size:1rem;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;font-family:inherit;color-scheme:dark}input:focus,select:focus,textarea:focus{border-color:var(--accent)}button{cursor:pointer;border:1px solid var(--border);background:var(--bg);color:var(--fg);padding:.7rem 1rem;font-size:1rem;border-radius:8px;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#1a1a1c;border-color:var(--accent);font-weight:600}button.ghost{background:transparent;border-color:transparent;color:var(--fg-muted);padding:.5rem .7rem}button.ghost:hover{color:var(--fg)}.onboarding{display:grid;gap:1.25rem}.onboarding form,.form-view form{display:grid;gap:1rem;background:var(--bg-elev);padding:1.25rem;border-radius:var(--radius);border:1px solid var(--border)}.form-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.form-header h1{margin:0;font-size:1.5rem}.actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.home{display:grid;gap:1.25rem}.home-header{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;background:var(--bg-elev);border-radius:var(--radius);border:1px solid var(--border)}.home-header p.muted{margin:0 0 .2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.home-header h1,.home-header h2{margin:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-header h2{margin:0}.empty-state{padding:1.5rem 1.25rem;text-align:center;background:var(--bg-elev);border:1px dashed var(--border);border-radius:var(--radius)}.list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.list-item{width:100%;text-align:left;padding:.85rem 1rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;gap:1rem}.list-item strong{display:block;margin-bottom:.15rem}.list-item p{margin:0}.event-stats{text-align:right;display:flex;flex-direction:column;gap:.15rem}.past-sessions-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.55rem}.past-session{padding:.6rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.past-session.match{border-color:var(--accent, #f60)}.past-session header{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.2rem}.past-session p{margin:.1rem 0 0}.match-badge{color:var(--accent, #f60);font-weight:600}.settings-btn{margin-left:auto;align-self:flex-start;font-size:.85rem}.danger{color:#ff6a6a;margin-left:auto;align-self:flex-start}.danger:hover{background:#ff6a6a;color:#000;border-color:#ff6a6a}.actions-stack{display:flex;flex-direction:column;gap:.6rem;margin-bottom:.75rem}.result-form{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;margin:0 0 1rem;display:flex;flex-direction:column;gap:.6rem}.result-form legend{padding:0 .35rem;font-weight:600}.summary-grid{display:grid;gap:.75rem;margin:0 0 1rem}.summary-grid dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.summary-grid dd{margin:.15rem 0 0}.feedback-editor{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.feedback-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.4rem}.feedback-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.feedback-add{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.feedback-add legend{padding:0 .35rem;font-weight:600}.radio-row{display:flex;gap:.75rem;flex-wrap:wrap}.radio{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.severity-row{display:flex;gap:.4rem;border:none;padding:0;align-items:center}.severity-row legend{float:left;margin-right:.5rem;color:var(--muted);font-size:.85rem}.severity{width:2.4rem;height:2.4rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);color:inherit;font-weight:600;cursor:pointer}.severity.on{background:var(--accent, #f60);color:#000;border-color:var(--accent, #f60)}.recommendation-list{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.75rem}.recommendation{padding:.75rem;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius)}.recommendation header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.55rem}.actions-list{list-style:decimal inside;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.actions-list li{padding:.4rem 0;border-top:1px dashed var(--border)}.action-head{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.action-head .change{font-weight:600}.rationale{margin:.25rem 0 0}.source{margin:.2rem 0 0}
