:root{--bg:#0f1115;--panel:#1b1e26;--panel-2:#20242e;--line:#2c303c;--text:#e8e8e8;--muted:#8b93a7;--a:#4a8cff;--b:#ff6b6b;--green:#1f7a3d;--amber:#b8860b;--red:#b3261e;--mono:"Spline Sans Mono",ui-monospace,"SF Mono","Roboto Mono",monospace}*{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 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{width:100%;font-size:16px;font-family:var(--mono);background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px}.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}.faq{margin-top:36px}.faq h2{margin:0 0 8px;font-size:18px}.faq__item{border-bottom:1px solid var(--line);padding:12px 0}.faq__item summary{cursor:pointer;gap:8px;font-size:15px;font-weight:600;list-style:none;display:flex}.faq__item summary::-webkit-details-marker{display:none}.faq__item summary:before{content:"+";color:var(--a);font-weight:700}.faq__item[open] summary:before{content:"−"}.faq__item p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.55}.breadcrumb{color:var(--muted);margin-bottom:8px;font-size:13px}.breadcrumb a{color:var(--a);text-decoration:none}.size-intro{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.55}.conversions{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.related{margin-top:24px}.related h2{margin:0 0 8px;font-size:16px}.related ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.related a{background:var(--panel);border:1px solid var(--line);color:var(--a);border-radius:8px;padding:6px 10px;font-size:13px;text-decoration:none;display:inline-block}.unit-toggle{background:var(--panel);border-top:1px solid var(--line);align-items:center;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.unit-toggle__options{background:var(--bg);border:1px solid var(--line);border-radius:10px;flex:1;grid-template-columns:1fr 1fr;gap:4px;max-width:200px;margin:0 auto;padding:3px;display:grid}.unit-toggle__option{color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:6px 14px;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s;display:flex}.unit-toggle__option:has(input:checked){background:var(--panel-2);color:var(--text);box-shadow:0 1px 2px #00000059}.unit-toggle__option input{opacity:0;pointer-events:none;position:absolute}.unit-toggle__brand{color:var(--muted);white-space:nowrap;font-size:12px}.unit-toggle__brand a{color:var(--a);text-decoration:none}