:root{--bg:#090909;--surface:#151515;--surface-2:#1b1f27;--border:#272b35;--border-strong:#3a4150;--ink:#e4e4e7;--ink-2:#b5b5c0;--ink-3:#a1a1aa;--accent:#7c8cff}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;margin:0}*{box-sizing:border-box}.tools-main{max-width:1080px;margin:auto;padding:112px 24px 80px;min-height:70vh}.tools-main h1{font-size:clamp(28px,4vw,42px);font-weight:750;letter-spacing:-.03em;line-height:1.2;margin:12px 0 16px}.tools-main h2{font-size:20px;font-weight:650;margin:0 0 12px}.tools-lead{font-size:17px;line-height:1.65;color:var(--ink-2);max-width:700px}.tools-main a{color:var(--accent);text-underline-offset:4px}.eyebrow{font-size:12px;letter-spacing:.1em;color:var(--accent)}.back-link{font-size:14px}.tool-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;margin-top:36px}.tool-inputs{display:flex;flex-direction:column;gap:10px}.tool-inputs label{font-size:14px;margin-top:8px;font-weight:600}.tool-inputs input,.tool-inputs select{width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.tools-main :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tool-inputs details{margin:14px 0}.tool-inputs summary{cursor:pointer;min-height:44px;padding:10px 0}.tool-result{border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:28px;align-self:start;overflow-wrap:anywhere}.tool-result strong.result-number{font-size:32px;color:#fff;display:block;margin:12px 0 6px}.tools-note,.formula{font-size:13px;line-height:1.7;color:var(--ink-2);margin:16px 0}.formula{padding:16px 0;border-top:1px solid var(--border)}.tools-main button,.tools-main .tool-button{font:inherit;font-size:14px;min-height:44px;border-radius:8px;padding:12px 16px;border:1px solid var(--border-strong);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;background:var(--surface-2);color:var(--ink)}.tools-main .tool-button{background:var(--accent);color:#090909;font-weight:650;border-color:var(--accent);margin-top:10px}.tools-main button:disabled{opacity:.5;cursor:default}.tool-error{color:#fca5a5;font-size:14px;min-height:20px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#copy-status,#goal-status{font-size:14px;margin-top:12px}.tool-directory{margin:40px 0;display:flex;flex-direction:column}.tool-directory>a{display:flex;gap:24px;align-items:center;padding:26px 0;border-bottom:1px solid var(--border);color:var(--ink);text-decoration:none}.tool-directory span{color:var(--accent);font-size:13px}.tool-directory p{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0}.tool-directory b{margin-left:auto;color:var(--accent)}[hidden]{display:none!important}@media(max-width:680px){.tools-main{padding:96px 20px 48px}.tool-workspace{grid-template-columns:1fr;gap:28px}.tool-result{padding:22px}.tool-directory>a{gap:16px}.tools-lead{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Identifier output stays readable without widening phone layouts. */
.steam64-value{display:block;width:100%;margin:10px 0 16px;padding:12px 0;border:0;background:transparent;color:#fff;font:600 clamp(18px,2vw,24px) ui-monospace,monospace}
.steam-id-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.steam-id-formats{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;font-size:13px}.steam-id-formats dd{margin:0;overflow-wrap:anywhere;font-family:ui-monospace,monospace}.steam-id-info{margin-top:32px}.steam-id-info summary,#steam-id-values summary{cursor:pointer;min-height:44px;padding:12px 0}.tools-main [hidden]{display:none!important}