:root{--bg:#0b0c10;--bg-accent:#1c1f26;--card:#16181d;--text:#e6e6e6;--muted:#a9b0b9;--green:#16a34a;--yellow:#ca8a04;--red:#dc2626;--na:#475569;--bar-bg:#2a2f37;--tick:#3f4754;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:18px;--gap:16px;--chip-bg:#0f1217;--chip-active:#1c2430;--chip-border:#2a3240;--primary:#3b82f6;--ring:#3b82f6}html.light{--bg:#f7f9fc;--bg-accent:#ffffff;--card:#ffffff;--text:#0f172a;--muted:#475569;--green:#16a34a;--yellow:#b45309;--red:#dc2626;--na:#64748b;--bar-bg:#e5e7eb;--tick:#94a3b8;--shadow:0 10px 30px rgba(0,0,0,.08);--chip-bg:#f4f6fb;--chip-active:#e8edf7;--chip-border:#cbd5e1;--primary:#2563eb;--ring:#2563eb}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,var(--bg-accent) 0%,var(--bg) 60%);display:flex;align-items:flex-start;justify-content:center;padding:24px;transition:background-color .2s ease,color .2s ease}.lede{margin:-6px 0 8px;color:var(--muted);font-size:14px}.app{width:min(1100px,96vw);display:grid;grid-template-rows:auto auto auto auto 1fr auto;gap:var(--gap)}.topbar{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center;justify-content:space-between}.title{font-size:clamp(18px,2.6vw,24px);font-weight:700;letter-spacing:.3px;display:flex;gap:10px;align-items:center}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.control{background:var(--card);border:1px solid #24283120;padding:6px 10px;border-radius:12px;box-shadow:var(--shadow);display:flex;gap:8px;align-items:center;color:var(--text)}select{background:transparent;color:inherit;border:none;outline:none;font-size:14px}.sep{width:1px;height:22px;background:#00000020}.bigcount-wrap{position:sticky;top:0;z-index:20}.bigcount{display:flex;align-items:center;justify-content:space-between;gap:14px;font-variant-numeric:tabular-nums;font-weight:800;font-size:clamp(28px,5vw,48px);letter-spacing:.5px;padding:8px 12px;border-radius:16px;background:var(--card);border:1px solid #24283120;box-shadow:var(--shadow)}.taskbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{background:var(--chip-bg);border:1px solid var(--chip-border);color:var(--text);padding:6px 10px;border-radius:999px;font-size:12px;cursor:pointer;user-select:none}.chip.active{background:var(--chip-active);border-color:var(--primary)}.chip:focus-visible{outline:2px solid var(--primary)}.badge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid transparent}.badge.ok{color:#0f5132;background:#0f513230;border-color:#0f513260}.badge.err{color:#842029;background:#84202930;border-color:#84202960}label[for=text]{font-size:13px;color:var(--muted);margin-bottom:4px;display:block}textarea{min-height:45vh;width:100%;resize:vertical;background:linear-gradient(180deg,#0f1116,#0c0e12);color:var(--text);border:1px solid #24283120;border-radius:var(--radius);padding:18px 20px;font-size:16px;line-height:1.6;box-shadow:var(--shadow);outline:none}html.light textarea{background:#fff}textarea:focus{border-color:#33415555;box-shadow:0 0 0 2px #33415540,var(--shadow)}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;position:relative}.linklike{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font:inherit;padding:0}input[type=file]{display:none}.share-wrap{position:relative}.share-menu{position:absolute;top:calc(100% + 6px);left:0;background:var(--card);border:1px solid #24283120;border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:220px;z-index:50}.share-row{display:flex;gap:6px;flex-direction:column}.share-item{display:flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--text);text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer}.share-item:hover{background:var(--chip-bg)}.share-hr{height:1px;background:#0002;margin:6px 0;border:0}.card{background:linear-gradient(180deg,var(--card),var(--card));border:1px solid #24283120;border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.row-head{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;margin-bottom:6px}.row h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.2px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.statusline{margin:0;font-size:12px;font-weight:700;letter-spacing:.2px}.statusline.optimal{color:var(--green)}.statusline.acceptable{color:var(--yellow)}.statusline.notok{color:var(--red)}.statusline.na{color:var(--na)}.bar{width:100%;height:18px;border-radius:999px;background:var(--bar-bg);position:relative;overflow:visible;box-shadow:inset 0 0 0 1px #222a3320;margin-top:4px;margin-bottom:26px}.fill{height:100%;width:0%;background:transparent;transition:width .25s ease,background-color .2s ease;position:relative;z-index:2;border-radius:999px 0 0 999px}.pointer{position:absolute;top:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 2px #00000040;z-index:4;display:none}.ticks{position:absolute;inset:0;z-index:3;pointer-events:none}.tick{position:absolute;top:0;width:2px;height:18px;background:var(--tick);border-radius:2px}.tick-label{position:absolute;top:22px;transform:translate(-50%);font-size:10px;color:var(--muted);white-space:nowrap}.note{margin-top:6px;font-size:11px;color:var(--muted)}.metrics-toggle{display:flex;align-items:center;justify-content:space-between}.metrics{display:none;gap:12px;flex-direction:column}.metrics.open{display:flex}.plain{display:flex;flex-direction:column;gap:8px}.plain-item{background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:flex-start}.plain-ico{font-weight:700;width:18px;text-align:center;line-height:18px}.plain-text{font-size:14px}.plain-hint{font-size:12px;color:var(--muted)}details{background:var(--chip-bg);border:1px solid var(--chip-border);border-radius:12px;padding:8px 12px}summary{cursor:pointer;font-weight:700}.timer{display:flex;gap:8px;align-items:center}.btn{padding:6px 10px;border-radius:10px;border:1px solid #00000022;background:#00000014;color:var(--text);cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.ring{width:28px;height:28px;color:var(--ring)}.ring circle{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg)}.timeleft{font-variant-numeric:tabular-nums;font-size:12px;color:var(--muted);width:64px;display:inline-block;text-align:center}footer{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px 2px}@media (max-width: 640px){textarea{line-height:1.8}.bigcount{font-size:28px}}@media (prefers-reduced-motion: reduce){.fill,body{transition:none!important}}html,body{overflow-x:visible}.app{width:min(1100px,100%)}.bar{overflow:hidden}.topbar,.controls,.toolbar,.timer{min-width:0}.install-banner{position:fixed;left:12px;right:12px;bottom:12px;z-index:9999;display:none;align-items:center;gap:10px;background:var(--card);border:1px solid #24283120;border-radius:12px;padding:10px 12px;box-shadow:var(--shadow)}.install-banner.show{display:flex}.install-banner .spacer{flex:1}.install-banner .hint{font-size:12px;color:var(--muted)}@media (min-width: 900px){.install-banner{display:none!important}}