:root{font-family:Arial Narrow,DIN Condensed,Arial,sans-serif;color:#20231f;background:#d9d8d0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:repeating-linear-gradient(90deg,transparent 0,transparent 23px,rgba(32,35,31,.035) 24px),#d9d8d0}button,input,select{font:inherit}button{cursor:pointer}main{width:min(1420px,100%);margin:auto;min-height:100vh;padding:24px 28px 36px}.topbar{display:grid;grid-template-columns:auto 1fr minmax(260px,430px);align-items:center;gap:22px;border-top:8px solid #20231f;border-bottom:1px solid #20231f;padding:18px 0 20px}.brand-mark{display:flex;gap:4px;align-items:flex-end;width:54px;height:54px;padding:8px;background:#ff5b35}.brand-mark i{display:block;width:9px;background:#20231f}.brand-mark i:nth-child(1){height:22px}.brand-mark i:nth-child(2){height:37px}.brand-mark i:nth-child(3){height:29px}.kicker,.eyebrow{margin:0 0 4px;font-size:11px;letter-spacing:.2em;font-weight:800}.topbar h1{font-size:38px;line-height:1;margin:0;letter-spacing:-.05em}.intro{font-family:Arial,sans-serif;font-size:15px;line-height:1.55;margin:0;border-left:1px solid #20231f;padding-left:22px}.workbench{display:grid;grid-template-columns:310px minmax(0,1fr);gap:0;margin-top:26px;border:1px solid #20231f;background:#efeee8;box-shadow:9px 9px #20231f}.controls{padding:24px;border-right:1px solid #20231f;background:#cbc9be}.control-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.control-heading span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #20231f;background:#20231f;color:#efeee8;font-weight:800}.control-heading h2{margin:0;font-size:18px;text-transform:uppercase}.controls label{display:block;font-family:Arial,sans-serif;font-size:12px;font-weight:700;margin:16px 0 7px}.input-row{display:grid;grid-template-columns:1fr 100px;border:1px solid #20231f;background:#f7f6f0}.input-row input,.input-row select{min-width:0;height:46px;border:0;background:transparent;padding:0 11px;color:#20231f}.input-row input{font-size:24px;font-weight:800}.input-row select{border-left:1px solid #20231f;font-size:12px}.converted,.error{font-family:Arial,sans-serif;font-size:12px;line-height:1.4;min-height:34px;margin:9px 0 0}.error{color:#a52816}.families-title{margin-top:22px}.family-grid{display:grid;gap:7px}.family-grid button{display:flex;align-items:center;gap:9px;height:40px;border:1px solid #74756e;background:transparent;text-align:left;padding:0 10px}.family-grid button b{font-size:15px;width:18px}.family-grid button.active{background:#20231f;color:#fff;border-color:#20231f}.favorite-filter{display:flex!important;align-items:center;gap:6px;margin-top:20px!important}.favorite-filter input{accent-color:#ff5b35}.favorite-filter small{margin-left:auto;border:1px solid #20231f;padding:2px 6px}.legend{display:flex;gap:12px;margin-top:24px;padding-top:14px;border-top:1px dashed #777;font:11px Arial,sans-serif}.legend span{display:flex;align-items:center;gap:4px}.legend i{width:8px;height:8px;border-radius:50%}.below{background:#3f72af}.above{background:#ff5b35}.exact{background:#27845c}.results{padding:25px 28px;min-width:0}.result-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3px solid #20231f;padding-bottom:16px}.result-head h2,.compare h2{font-size:27px;margin:0;letter-spacing:-.03em}.count{display:flex;align-items:baseline;gap:8px}.count strong{font-size:35px;color:#ff5b35}.count span{font-size:11px}.table-wrap{overflow:auto;max-height:680px}table{border-collapse:collapse;width:100%;font-size:14px}th{font-size:10px;letter-spacing:.12em;text-align:left;padding:12px 8px;border-bottom:1px solid #777;position:sticky;top:0;background:#efeee8;z-index:2}td{padding:11px 8px;border-bottom:1px solid #cbc9be;white-space:nowrap}tbody tr{transition:.15s}tbody tr:hover{background:#fff}tbody tr.locked{background:#fff2c1}td:first-child em{font-style:normal;color:#888;font-size:10px;margin-right:10px}td:first-child strong{font-size:17px}.family-tag{font-size:10px;border:1px solid #777;padding:4px 6px}.family-tag[data-family=公制]{background:#dce5d9}.family-tag[data-family=英制分数]{background:#e2dded}.family-tag[data-family=号码]{background:#f3dacd}.delta{display:inline-block;min-width:85px;font-weight:700}.is-below{color:#295d97}.is-above{color:#c43e20}.is-exact{color:#18704a}.actions{display:flex;justify-content:flex-end;gap:5px}.actions button,.compare-title button{height:29px;border:1px solid #20231f;background:transparent;padding:0 8px;font-size:11px}.actions button:first-child{font-size:17px;border:0}.actions button.on{background:#20231f;color:#fff}.actions button:first-child.on{background:transparent;color:#ff5b35}.actions button:disabled{opacity:.3;cursor:not-allowed}.empty{min-height:330px;display:grid;place-content:center;text-align:center;color:#777}.empty b{font-size:70px;line-height:1}.empty p{font-family:Arial,sans-serif;font-size:14px;max-width:320px}.compare{margin:30px 0 0 310px;background:#20231f;color:#f4f2e9;padding:24px 28px}.compare-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.compare-title button{color:#fff;border-color:#aaa}.gauge{display:grid;gap:12px}.gauge-row{display:grid;grid-template-columns:82px 1fr 95px 24px;align-items:center;gap:12px;font-size:12px}.gauge-row>span{font-weight:800;font-size:15px}.gauge-row>div{height:18px;border-left:1px solid #888;background:repeating-linear-gradient(90deg,transparent 0,transparent 9.8%,#444 10%)}.gauge-row i{height:100%;display:block;background:#ff5b35}.gauge-row.target i{background:#ede37b}.gauge-row b{text-align:right}.gauge-row button{border:0;color:#fff;background:transparent;font-size:20px}.compare-note{font:11px Arial,sans-serif;color:#aaa;margin:18px 0 0;padding-top:12px;border-top:1px solid #555}footer{margin:20px 0 0 310px;padding-left:28px;font:11px Arial,sans-serif;color:#61635e}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:820px){main{padding:14px}.topbar{grid-template-columns:auto 1fr}.intro{grid-column:1/-1;border-left:0;border-top:1px solid #20231f;padding:12px 0 0}.workbench{grid-template-columns:1fr;box-shadow:5px 5px #20231f}.controls{border-right:0;border-bottom:1px solid #20231f}.family-grid{grid-template-columns:repeat(3,1fr)}.family-grid button{justify-content:center}.results{padding:20px 14px}.compare{margin-left:0;padding:22px 16px}.gauge-row{grid-template-columns:66px 1fr 76px 20px;gap:7px}.gauge-row>span{font-size:12px}footer{margin-left:0;padding-left:0}}@media(max-width:520px){.topbar h1{font-size:31px}.brand-mark{width:46px;height:46px}.family-grid{grid-template-columns:1fr}.result-head{align-items:center}.count strong{font-size:28px}th:nth-child(4),td:nth-child(4),th:nth-child(2),td:nth-child(2){display:none}.actions{position:sticky;right:0;background:#efeee8}tbody tr:hover .actions,tbody tr.locked .actions{background:inherit}.gauge-row{grid-template-columns:55px 1fr 65px 18px}.compare-note{line-height:1.5}}