:root{--bg:#fff;--panel:#fff;--panel-2:#f6f6f6;--border:#e5e5e5;--border-strong:#111;--text:#111;--muted:#6b6b6b;--accent:#111;--accent-hover:#000;--danger:#b00020;--radius:4px;--gap:14px}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:16px}.app{max-width:820px;margin:0 auto;padding:28px 18px 60px}header{border-bottom:1px solid var(--border);text-align:left;margin-bottom:24px;padding:8px 0 22px}.brand-logo{width:60%;max-width:220px;height:auto;margin:0 0 10px;display:block}.brand-title{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin:4px 0 0;font-size:13px;font-weight:500}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.card h2{letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:10px;font-size:12px;font-weight:700}.card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.2em;margin:0 0 12px;font-size:11px;font-weight:700}.grid{gap:var(--gap);grid-template-columns:repeat(2,1fr);display:grid}.grid.compact{grid-template-columns:repeat(3,1fr);gap:10px}.grid label.full{grid-column:1/-1}label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}label>span{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}input,select,button{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);background:#fff;outline:none;width:100%;padding:10px 12px;transition:border-color .15s}input:focus,select:focus{border-color:var(--border-strong)}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer;width:auto;color:var(--text);background:#fff;font-weight:500;transition:background .15s,border-color .15s,color .15s}button:hover{background:#f2f2f2}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;letter-spacing:.05em;font-weight:600}button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{border-color:var(--border);color:var(--danger);background:0 0}button.danger:hover{border-color:var(--danger);background:#fff0f0}button.big{letter-spacing:.18em;text-transform:uppercase;width:100%;margin-top:16px;padding:14px 18px;font-size:13px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap;margin-top:14px}.row select{flex:1}.lifts{gap:14px;display:grid}.lift{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.ratings{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rating{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:#fff;padding:12px 14px;transition:border-color .15s,background .15s;position:relative}.rating input{opacity:0;pointer-events:none;position:absolute}.rating strong{color:var(--text);letter-spacing:.02em;margin-bottom:4px;font-size:14px;display:block}.rating small{color:var(--muted);font-size:12px;line-height:1.4}.rating.active{border-color:var(--border-strong);background:#fafafa;border-width:2px;padding:11px 13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:12px 8px}th{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);font-size:10px;font-weight:700}td input{background:#fff;min-width:80px;padding:8px 10px}.muted{color:var(--muted)}.summary{background:var(--text);color:#fff;border-radius:var(--radius);justify-content:space-between;gap:20px;margin-top:20px;padding:16px 18px;display:flex}.summary>div{flex-direction:column;gap:6px;display:flex}.summary .muted{text-transform:uppercase;letter-spacing:.18em;color:#ffffffa6;font-size:10px}.big-num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:#fff;font-size:24px;font-weight:800}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.history li:last-child{border-bottom:none}footer{text-align:center;margin-top:28px}@media (width<=560px){.app{padding:20px 14px 50px}.grid{grid-template-columns:1fr}.grid.compact{grid-template-columns:1fr 1fr 1fr}.ratings{grid-template-columns:1fr}.brand-mark{font-size:26px}.summary{flex-direction:column;gap:14px}}