:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#0b111b;color:#edf5f6;font-family:Arial,Helvetica,sans-serif;font-size:16px}.shell{min-height:100vh;background:radial-gradient(circle at 92% 0%,#193b44 0,transparent 36%),#0b111b}.top{height:82px;border-bottom:1px solid #253640;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));gap:20px}.brand{display:flex;align-items:center;gap:13px}.brandMark{background:#c9f763;color:#11211b;font-size:20px;font-weight:900;padding:11px;border-radius:12px;letter-spacing:-2px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#9baeb5;margin-top:3px}.fuel,.eyebrow,.sort{font-weight:800;letter-spacing:.13em;font-size:12px;color:#c9f763}.fuel{border:1px solid #476343;padding:9px 12px;border-radius:100px}.content{max-width:1180px;margin:auto;padding:42px 24px 80px}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.eyebrow{margin:0 0 10px}h1{font-size:clamp(34px,5vw,56px);line-height:1.08;letter-spacing:-.055em;margin:0 0 12px}h2{font-size:23px;letter-spacing:-.03em;margin:0 0 6px}.intro p:not(.eyebrow),.sectionHead p,.add>p:not(.eyebrow),.note p{color:#a9b8c0;line-height:1.5;margin:0}.date{min-width:220px}.date label,form label{display:block;color:#adc0c3;font-size:14px;font-weight:700;margin:0 0 9px}select,input{width:100%;background:#152330;color:#f1f7f4;border:1px solid #3b5059;border-radius:10px;padding:12px 13px;font:inherit}select:focus,input:focus{outline:2px solid #c9f763;outline-offset:2px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.summary>div,.panel,.history{background:#111e29;border:1px solid #2c4049;border-radius:17px}.summary>div{padding:23px 25px;display:flex;flex-direction:column;gap:7px}.summary span{font-size:12px;letter-spacing:.12em;color:#9cabb3;font-weight:800}.summary strong{font-size:35px;letter-spacing:-.05em}.summary strong em{font-size:19px;font-style:normal;color:#8498a1}.summary small{color:#a3b7bc}.grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.sectionHead{display:flex;justify-content:space-between;gap:12px;align-items:start;padding:24px 25px;border-bottom:1px solid #2c4049}.sort{white-space:nowrap;margin-top:8px}.row{display:flex;align-items:center;gap:17px;padding:17px 24px;border-bottom:1px solid #263944}.row:last-child{border:0}.winner{background:#1c342e}.ordinal{color:#8da4ad;font-size:13px;font-weight:800;width:24px}.winner .ordinal{color:#c9f763}.location{flex:1;min-width:0}.location strong,.location span,.reading strong,.reading span{display:block}.location strong{font-size:16px}.location span,.reading span{font-size:13px;color:#a6b8bd;margin-top:5px}.reading{text-align:right}.reading strong{font-size:20px}.winner .reading strong{color:#c9f763}.add{padding:24px}.add h2{margin-bottom:8px}.add form{margin-top:24px}.add form label{margin-top:19px}.priceInput{display:flex;align-items:center;position:relative}.priceInput span{position:absolute;left:14px;color:#a9b8c0}.priceInput input{padding-left:31px}.add button{width:100%;background:#c9f763;color:#17221b;font-weight:800;border-radius:10px;padding:13px;margin-top:24px;cursor:pointer}.add button:disabled{opacity:.6}.note{padding:22px 24px;margin-top:16px;background:#0e1b24;border:1px solid #263944;border-radius:16px}.note strong{display:block;margin-bottom:9px}.note p{font-size:14px}.error{color:#ffb7a6;margin-top:14px;font-size:14px}.history{margin-top:20px}.historyGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.historyGrid>div{padding:15px 24px;border-bottom:1px solid #263944;display:flex;gap:12px;align-items:center}.historyGrid span{color:#9daeb7;font-size:13px;flex:1}.historyGrid b{color:#c9f763}.state{color:#a8b8bc;padding:22px 25px}footer{color:#82969e;font-size:13px;margin-top:26px}@media(max-width:840px){.grid{grid-template-columns:1fr}.summary{grid-template-columns:repeat(3,1fr)}.historyGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.top{height:72px;padding:0 18px}.fuel{font-size:10px}.brand small{font-size:12px}.content{padding:29px 16px 60px}.intro{display:block}.date{margin-top:25px}.summary{grid-template-columns:1fr 1fr}.summary>div{padding:17px}.summary>div:last-child{grid-column:span 2}.summary strong{font-size:29px}.sort{display:none}.row{padding:15px;gap:10px}.reading strong{font-size:17px}.historyGrid{grid-template-columns:1fr}.sectionHead{padding:21px}}
.summary #count{font:inherit;color:inherit;letter-spacing:inherit}.reading{flex-shrink:0}.brand{min-width:0}.add button{font-size:16px;border:0}.add button:focus-visible{outline:2px solid white;outline-offset:3px}

.date{min-width:250px;max-width:100%}.fuel{max-width:45%;overflow-wrap:anywhere}.reading{max-width:44%}.reading span{white-space:normal}.date select{min-height:48px}@media(max-width:600px){.date{width:100%}.fuel{font-size:11px}.reading strong{font-size:16px}}