[hidden]{display:none!important}
.layout{margin-top:32px;display:block}
main{max-width:600px}
h1{display:flex;align-items:center;gap:12px;text-align:left;font-size:clamp(20px,5vw,28px);line-height:1.4}
h1 .logo{flex-shrink:0}
.plate-entry{position:relative}
.plate-entry #plate{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:text}
.plate-slots{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(3px,1.3vw,8px);pointer-events:none}
.plate-slots span{position:relative;display:grid;place-items:center;height:clamp(44px,11vw,62px);border:1px solid #aebdb3;border-radius:6px;background:#fff;font-size:clamp(18px,5vw,27px);font-weight:600}
.plate-slots span:nth-child(2){margin-right:4px}
.plate-slots span:nth-child(2)::after{content:'·';position:absolute;left:calc(100% + 1px);color:#527764;font-size:16px}
.plate-slots span:last-child{border-color:#16a34a;color:#15803d}
.plate-slots span.active{outline:2px solid #247456;outline-offset:-2px}
.plate-slots span:last-child.active{outline:1px solid #16a34a;outline-offset:1px}
#submit{justify-content:center;margin-top:16px}
.hint#parking-duration{font-size:14px;font-weight:600;color:#243d36}
#refresh{margin-top:12px}