:root{--bg:#0f1115;--panel:#1b1e26;--panel-2:#20242e;--line:#2c303c;--text:#e8e8e8;--muted:#8b93a7;--muted-2:#6b7180;--a:#4a8cff;--b:#ff6b6b}*{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__eyebrow{color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:600}.app__eyebrow a{color:inherit;text-decoration:none}.app__eyebrow a:hover{color:var(--text)}.app__header h1{margin:0 0 16px}.app__header p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.5}.app__header strong{color:var(--text)}.rating-input{position:relative}.rating-input__field{background:var(--panel);border:1px solid var(--line);width:100%;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-size:16px}.rating-input__field:focus{border-color:var(--a)}.rating-input__error{color:var(--b);margin:6px 0 0;font-size:13px}.load-result{margin-top:24px}.load-result__kg{letter-spacing:-.02em;font-size:48px;font-weight:800;line-height:1}.load-result__kg-unit{color:var(--muted);margin-left:4px;font-size:22px;font-weight:400}.load-result__sub{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:14px;display:flex}.badge{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;padding:2px 9px;font-size:11px;font-weight:700;display:inline-flex}.badge--xl{color:var(--a);background:#4a8cff24;border:1px solid #4a8cff59}.badge--range{color:var(--b);background:#ff6b6b24;border:1px solid #ff6b6b66}.badge--speed{color:#4aff8c;background:#4aff8c1f;border:1px solid #4aff8c59}.load-result__grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.result-cell{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.result-cell__label{color:var(--muted);margin-bottom:4px;font-size:11px}.result-cell__value{font-size:15px;font-weight:700}.result-cell__conversions{color:var(--muted);margin-top:3px;font-size:11px}.load-result__note{color:var(--muted);background:#4a8cff12;border:1px solid #4a8cff33;border-radius:8px;margin-top:14px;padding:12px 14px;font-size:13px;line-height:1.5}.load-result__note strong{color:var(--a)}.load-result__note--range{background:#ff6b6b12;border-color:#ff6b6b33}.load-result__note--range strong{color:var(--b)}.load-result__note--speed{background:#4aff8c0f;border-color:#4aff8c33}.nearby{margin-top:20px}.nearby__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px}.nearby__scroll{-webkit-overflow-scrolling:touch;align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.nearby__scroll::-webkit-scrollbar{height:3px}.nearby__scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:2px}.nearby-item{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;min-width:56px;padding:8px 12px;transition:border-color .12s;display:flex}.nearby-item:hover{border-color:var(--muted-2)}.nearby-item--current{border-color:var(--a);background:#4a8cff1a}.nearby-item__idx{color:var(--muted);font-size:13px;font-weight:700}.nearby-item--current .nearby-item__idx{color:var(--a)}.nearby-item__kg{color:var(--muted-2);font-size:11px}.nearby-arrow{color:var(--line);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:14px}.bottom-bar{background:var(--panel);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-bar__brand{color:var(--muted);white-space:nowrap;font-size:12px}.bottom-bar__brand a{color:var(--a);text-decoration:none}