:root{--bg:#0f1115;--panel:#1b1e26;--line:#2c303c;--text:#e8e8e8;--muted:#8b93a7;--a:#4a8cff;--b:#ff6b6b;--green:#1f7a3d;--amber:#b8860b;--red:#b3261e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,sans-serif}.app{max-width:560px;margin:0 auto;padding:20px 16px 80px}.app__header h1{margin:0 0 4px}.app__header p{color:var(--muted);margin:0 0 16px;font-size:14px}.app__inputs{gap:10px;display:flex}.size-input{flex:1}.size-input__label{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.size-input__field{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;padding:10px;font-size:16px}.size-input__field--error{border-color:var(--red)}.size-input__error{color:var(--b);margin:4px 0 0;font-size:12px}.verdict{text-align:center;border-radius:8px;margin:16px 0;padding:12px}.verdict strong{font-size:16px;display:block}.verdict span{opacity:.85;font-size:13px}.verdict--green{border:1px solid var(--green);background:#1f7a3d2e}.verdict--amber{border:1px solid var(--amber);background:#b8860b2e}.verdict--red{border:1px solid var(--red);background:#b3261e2e}.spec-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}.spec-table th,.spec-table td{text-align:left;border-bottom:1px solid var(--line);padding:8px}.spec-table th.col-a{color:var(--a)}.spec-table th.col-b{color:var(--b)}.spec-table td.col-diff{font-weight:600}.spec-table th.col-diff,.spec-table td:first-child,.spec-table th:first-child{color:var(--muted)}.spec-table__delta td{font-weight:600}.unit-toggle{background:var(--panel);border-top:1px solid var(--line);justify-content:center;gap:28px;padding:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.unit-toggle__option{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:15px;display:flex}.unit-toggle__option:has(input:checked){color:var(--text)}.unit-toggle__option input{accent-color:var(--a);cursor:pointer;margin:0}