:root{font-family:Arial,sans-serif;color:#e5e7ea;background:#101923;--gold:#e3bd77;--blue:#83cce8;--muted:#a7b6c4;--line:#344553}*{box-sizing:border-box}body{margin:0}main{max-width:1220px;margin:auto;padding:28px}header,.plate-head,.legend,.actions,.meter{display:flex;align-items:center;justify-content:space-between;gap:12px}header>div{font-weight:700;letter-spacing:4px;font-size:19px}header span{display:block;font-size:9px;color:var(--gold);letter-spacing:3px;margin-top:8px}header p,.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold)}.intro{max-width:790px;margin:37px 0 30px}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,4.6vw,52px);letter-spacing:-1.4px;margin:10px 0 18px}.intro>p:last-child{color:var(--muted);font-size:16px;line-height:1.7;margin:0}b{color:#e5e7ea}.layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,1fr);gap:25px}h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}.plate-column{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#152330;align-self:start}.plate-head{padding:20px}.plate-head span{font-size:11px;color:var(--muted);max-width:180px;text-align:right;line-height:1.6}.plate{aspect-ratio:1;position:relative}.plate img,.plate svg{position:absolute;width:100%;height:100%;inset:0}.legend{padding:16px;font-size:11px;flex-wrap:wrap}.meter{padding:19px;border-top:1px solid var(--line);flex-wrap:wrap;font-size:13px}.meter strong{color:var(--blue);font-size:22px;font-variant-numeric:tabular-nums}.meter small{width:100%;color:var(--muted)}.card{background:#162431;border:1px solid var(--line);padding:24px;border-radius:12px;margin-bottom:17px}label{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:23px 0 9px;font-weight:700}output{color:var(--blue);font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:28px;accent-color:var(--blue);margin:0}.hint{font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 0}button,select{font:inherit;font-size:13px;min-height:44px;border:1px solid #4b6174;color:#e5e7ea;background:#243a4b;border-radius:6px;padding:11px 13px;cursor:pointer}button:hover{background:#345568}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.primary{width:100%;background:var(--gold);color:#17232f;border-color:var(--gold);font-weight:700;margin-top:19px}.primary:hover{background:#f1d299}.secondary,select{width:100%}.secondary{margin-top:12px}.actions button{flex:1;font-size:12px;padding:10px 7px}#feedback{font-size:13px;line-height:1.6;min-height:61px;margin:14px 0}button:disabled{opacity:.5;cursor:default}.measurements{margin-top:28px;background:#162431;border:1px solid var(--line);border-radius:12px;padding:23px}.measurements>p{font-size:13px;color:var(--muted);line-height:1.6}#ledger{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.entry{background:#1d303f;padding:14px;border-radius:6px;font-size:12px;line-height:1.8}.entry strong{display:block;color:var(--gold);font-size:15px}.entry span{color:var(--blue)}details{border-top:1px solid var(--line);margin-top:26px;padding:22px 0;color:var(--muted);font-size:13px;line-height:1.7}summary{cursor:pointer;font-weight:700;color:#e5e7ea}a{color:var(--gold)}footer{font:italic 15px Georgia,serif;color:var(--muted);padding:20px 0}[hidden]{display:none!important}@media(max-width:760px){main{padding:17px}header p{display:none}.intro{margin:29px 0 24px}.intro>p:last-child{font-size:14px}.layout{grid-template-columns:1fr;gap:16px}.plate-head{padding:16px}.plate-head h2{font-size:23px}.plate-head span{max-width:135px;font-size:10px}.card{padding:20px}.legend{font-size:10px;gap:7px}#ledger{grid-template-columns:repeat(2,1fr)}.measurements{padding:18px}.entry{padding:12px}.intro h1{line-height:1.08}}