:root{--font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--bg: #f4f4f4;--surface: #ffffff;--surface-2: #f4f4f4;--line: #dfdfdf;--ink: #141414;--ink-soft: #5c5c5c;--accent: #ff83da;--accent-ink: #000000;--accent-soft: #ffe6f8;--danger: #b42318;--danger-soft: #fdecea;--warn: #8a5a00;--warn-soft: #fff4d6;--r0: #b42318;--r0-soft: #fdecea;--r1: #b25e09;--r1-soft: #fdf0e1;--r2: #1d5fa8;--r2-soft: #e6f0fb;--r3: #8a2f7a;--r3-soft: #ffe6f8;--radius: 15px;--radius-pill: 9999px;--shadow: 0 32px 68px rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:15px;line-height:1.45}h1,h2,h3{margin:0;line-height:1.25}h1{font-size:20px}h2{font-size:17px}h3{font-size:15px}button,input,select,textarea{font:inherit;color:inherit}.wrap{max-width:1100px;margin:0 auto;padding:16px}.topbar{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.topbar .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-top:10px;padding-bottom:10px}.brand{font-weight:700}.spacer{flex:1}.muted{color:var(--ink-soft)}.small{font-size:13px}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tab{border:0;background:transparent;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--ink-soft);font-weight:600}.tab.on{background:var(--accent-soft);color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card>h2{margin-bottom:10px}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.btn{border:1px solid var(--line);background:var(--surface);padding:9px 18px;border-radius:var(--radius-pill);cursor:pointer;font-weight:600;min-height:40px}.btn:hover{background:var(--surface-2)}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08);background:var(--accent)}.btn.danger{color:var(--danger)}.btn.link{border:0;background:transparent;color:var(--ink);text-decoration:underline;padding:4px 6px;min-height:0}.btn:disabled{opacity:.55;cursor:not-allowed}input[type=text],input[type=email],input[type=number],input[type=search],select,textarea{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:9px 10px;min-height:40px;max-width:100%}textarea{width:100%;min-height:90px;resize:vertical}label.field{display:grid;gap:4px;font-size:13px;color:var(--ink-soft);font-weight:600}label.field>*{font-weight:400;color:var(--ink);font-size:15px}.banner{padding:10px 12px;border-radius:8px;margin-bottom:12px}.banner.err{background:var(--danger-soft);color:var(--danger)}.banner.ok{background:var(--accent-soft);color:var(--accent)}.banner.demo{background:var(--warn-soft);color:var(--warn);border-radius:0;margin:0;text-align:center;font-size:13px}.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--ink-soft);white-space:nowrap}.chip.done{background:var(--accent-soft);color:var(--accent)}.chip.todo{background:var(--warn-soft);color:var(--warn)}.list{list-style:none;margin:0;padding:0}.list>li{display:flex;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--line)}.list>li:first-child{border-top:0}.list>li.click{cursor:pointer}.list>li.click:hover{background:var(--surface-2)}.grow{flex:1;min-width:0}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-soft);background:var(--surface-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.item{padding:12px 0;border-top:1px solid var(--line)}.item:first-of-type{border-top:0}.item .lbl{margin-bottom:8px}.rates{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;max-width:520px}.rate{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 4px;cursor:pointer;text-align:center;min-height:48px}.rate b{display:block;font-size:17px}.rate span{font-size:11px;color:var(--ink-soft)}.rate.on.r0{background:var(--r0-soft);border-color:var(--r0);color:var(--r0)}.rate.on.r1{background:var(--r1-soft);border-color:var(--r1);color:var(--r1)}.rate.on.r2{background:var(--r2-soft);border-color:var(--r2);color:var(--r2)}.rate.on.r3{background:var(--r3-soft);border-color:var(--r3);color:var(--r3)}.rate.on span{color:inherit}.savebar{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:10px 16px;margin:12px -16px -16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;border-radius:0 0 var(--radius) var(--radius)}.center{min-height:80vh;display:grid;place-items:center;padding:16px}.center .card{max-width:420px;width:100%;text-align:center}.stat{font-size:24px;font-weight:700}@media (max-width: 560px){.rate span{display:none}th,td{padding:7px 8px}}