:root{color-scheme:light;--ink: #252525;--muted: #686868;--line: #dedede;--accent: #e6e6e6}*{box-sizing:border-box}body{margin:0;background:#f6f6f6;color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{max-width:1080px;margin:auto;padding:32px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:16px}header{padding-bottom:26px;border-bottom:1px solid var(--line)}header span,.eyebrow{font-size:12px;letter-spacing:2px}.brand{font-size:22px;letter-spacing:3px;color:inherit;text-decoration:none}.brand b{background:var(--accent);padding:3px 6px}.intro{padding:54px 0 36px}h1{font-size:clamp(32px,5vw,54px);letter-spacing:-2px;line-height:1.22;margin:16px 0 24px}p{line-height:1.7}h2{font-size:18px;margin:0 0 14px}h3{font-size:16px}.intro>p:last-child,.hint,footer{color:var(--muted)}.panel{padding:28px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:20px}.primary,button,select,input{font:inherit}button,.primary{border:1px solid var(--line);border-radius:8px;padding:11px 16px;background:#fff;color:var(--ink);cursor:pointer;display:inline-block}button:disabled{opacity:.4;cursor:default}.primary{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600}.picker{position:relative;overflow:hidden}.picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.picker:focus-within{outline:3px solid #777;outline-offset:3px}.hint{font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:8px}progress{width:100%;height:8px;accent-color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric{background:#f5f5f5;border-radius:10px;padding:18px}.metric strong{display:block;font-size:28px;margin-top:8px}.metric span{font-size:12px;color:var(--muted)}.bar-row{display:grid;grid-template-columns:100px 1fr 85px;align-items:center;gap:12px;margin:14px 0;font-size:13px}.track{background:#eee;height:23px;border-radius:5px;overflow:hidden}.bar{background:var(--ink);height:100%;min-width:0}select{max-width:240px;padding:8px;border:1px solid var(--line);border-radius:6px}summary{cursor:pointer;overflow-wrap:anywhere;font-size:14px}.fields{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.field{padding:10px;background:#f5f5f5;border-radius:6px;overflow-wrap:anywhere}footer{font-size:12px;padding:16px 0 30px}button:focus-visible,select:focus-visible{outline:3px solid #777}@media(max-width:600px){main{padding:20px 16px}.panel{padding:20px}.intro{padding-top:32px}header span{display:none}.metrics,.fields{grid-template-columns:repeat(2,1fr)}.bar-row{grid-template-columns:88px 1fr 90px;gap:8px}select{max-width:100%}}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.filters button[aria-pressed=true]{background:#252525;color:#fff}.lens-filter{display:flex;align-items:center;gap:12px}.favorite{background:#f1f1f1;padding:20px;border-radius:10px}.favorite strong{font-size:clamp(26px,5vw,42px);overflow-wrap:anywhere}.favorite p{margin:4px 0 12px}.counts{list-style:none;padding:0;margin:0}.counts li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.counts li span{overflow-wrap:anywhere}.counts li b{white-space:nowrap}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.debug>summary{font-weight:600}.debug article{border-top:1px solid var(--line);padding-top:12px}.debug h3{overflow-wrap:anywhere}.field dt{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.field dd{margin:8px 0 0;font-size:14px}.disabled{opacity:.5}@media(max-width:600px){.two-columns{grid-template-columns:1fr;gap:0}}