@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap";*,*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d14;--surface:#14141f;--surface2:#1a1a28;--border:#252535;--text:#e8e8f0;--text-muted:#6b6b8a;--text-dim:#3a3a5a;--accent:#6366f1;--green:#22c55e;--blue:#3b82f6;--radius:10px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;line-height:1.6}.app{max-width:900px;margin:0 auto;padding:0 16px 80px}.app-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding:40px 0 24px}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.app-title{letter-spacing:-.02em;color:var(--text);font-family:Instrument Serif,serif;font-size:clamp(28px,5vw,42px);font-weight:400;line-height:1.1}.title-accent{color:var(--accent);font-style:italic}.app-subtitle{color:var(--text-muted);letter-spacing:.05em;margin-top:4px;font-family:DM Mono,monospace;font-size:12px}.header-actions{flex-shrink:0;gap:8px;margin-top:4px;display:flex}.ghost-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s}.ghost-btn:hover{border-color:var(--accent);color:var(--accent)}.stats-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:28px;padding:20px 24px;display:flex}.stat-overview{flex-direction:column;gap:2px;min-width:80px;display:flex}.big-pct{color:var(--accent);font-family:Instrument Serif,serif;font-size:36px;line-height:1}.stat-sub{color:var(--text-muted);font-family:DM Mono,monospace;font-size:11px}.stat-breakdown{flex-wrap:wrap;flex:1;gap:16px;display:flex}.stat-item{align-items:center;gap:6px;font-size:12px;display:flex}.stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.stat-num{color:var(--text);min-width:20px;font-family:DM Mono,monospace;font-weight:500}.stat-lbl{color:var(--text-muted)}.total-bar{background:var(--border);border-radius:2px;width:100%;height:3px;margin-top:4px;overflow:hidden}.total-fill{background:linear-gradient(90deg, var(--accent), var(--green));border-radius:2px;height:100%;transition:width .4s}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;width:220px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.search-input::placeholder{color:var(--text-dim)}.search-input:focus{border-color:var(--accent)}.filter-pills{flex-wrap:wrap;gap:6px;display:flex}.pill{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;transition:all .15s}.pill:hover{border-color:var(--text-muted);color:var(--text)}.pill.active{border-color:var(--accent);color:var(--accent);background:#6366f111}.sections-list{flex-direction:column;gap:8px;display:flex}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s;overflow:hidden}.section-card:hover{border-color:var(--accent)}.section-header{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:background .1s;display:flex}.section-header:hover{background:var(--surface2)}.section-left{text-align:left;align-items:center;gap:10px;display:flex}.section-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.section-name{color:var(--text);font-size:14px;font-weight:500}.section-count{background:var(--surface2);color:var(--text-muted);border:1px solid var(--border);border-radius:10px;padding:2px 7px;font-family:DM Mono,monospace;font-size:11px}.section-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.mini-bar{background:var(--border);border-radius:2px;width:80px;height:4px;overflow:hidden}.mini-fill{opacity:.8;border-radius:2px;height:100%;transition:width .3s}.pct-label{color:var(--text-muted);text-align:right;min-width:32px;font-family:DM Mono,monospace;font-size:11px}.chevron{color:var(--text-dim);font-size:9px}.conditions-list{border-top:1px solid var(--border)}.condition-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 18px;transition:background .1s;display:flex}.condition-row:last-child{border-bottom:none}.condition-row:hover{background:var(--surface2)}.condition-name{color:var(--text);flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.yield-badge{letter-spacing:.02em;border-radius:4px;flex-shrink:0;padding:1px 5px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}.yield-badge.y1{color:#6b6b8a;background:#1a1a1a;border:1px solid #252535}.yield-badge.y2{color:#60a5fa;background:#1a2233;border:1px solid #1e3a5f}.yield-badge.y3{color:#4ade80;background:#1a2e1a;border:1px solid #1a3e1a}.status-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;min-width:110px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:11px;transition:all .15s;display:flex}.status-btn:hover{filter:brightness(1.3)}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-label{color:var(--text);font-size:11px}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px;font-style:italic}.app-footer{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);margin-top:32px;padding:32px 0 0;font-family:DM Mono,monospace;font-size:11px}@media (width<=600px){.stats-bar{gap:16px;padding:16px}.stat-breakdown{gap:10px}.mini-bar{width:50px}.section-header{padding:12px 14px}.condition-row{padding:10px 14px}.status-btn{min-width:100px}.toolbar{flex-direction:column;align-items:stretch}.search-input{width:100%}}