
:root{--yellow:#ffda00;--ink:#121212}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:15px/1.3 Arial,Helvetica,sans-serif;color:var(--ink);background:#242424 url('/assets/emily-blue-car-hero.webp') center center/cover no-repeat fixed}a{color:inherit}.shell{position:relative;min-height:100svh;overflow:hidden}.idle-view .brand{top:3%;left:2.2%;width:278px;height:187px;max-height:none}.form-view .brand{width:250px;height:170px;max-height:none}.banner{position:absolute;z-index:5;left:28px;bottom:7px;color:#eee;font:10px Arial,Helvetica,sans-serif;text-shadow:0 1px 2px #111;background:#2727279c;padding:2px 5px;border-radius:2px}.brand{position:absolute;z-index:2;top:4.4%;left:2.55%;width:23%;height:19%;max-width:280px;max-height:172px;background:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand img{display:block;width:100%;height:100%;object-fit:fill}.panel{position:relative}.qr-card{position:absolute;z-index:2;background:#fff;border-top:5px solid var(--yellow);border-radius:4px;text-align:center;box-shadow:0 3px 13px #0002}.qr-card strong{display:block;font-size:13px;line-height:17px}.qr-card small{display:block;color:#666;font-size:10px}.qr{display:block;width:72%;margin:5px auto 4px}.button,button{display:inline-block;background:var(--yellow);border:0;border-radius:10px;text-decoration:none;text-align:center;color:#111;font:bold 16px Arial,Helvetica,sans-serif;padding:10px 18px;cursor:pointer;min-height:39px}.button:hover,button:hover,.button:focus-visible,button:focus-visible{background:#ffe449;outline:2px solid #111;outline-offset:2px}.secondary{background:transparent;color:#555;font-size:12px;min-height:0}.secondary:hover{background:transparent;text-decoration:underline}button:disabled{cursor:not-allowed;opacity:1}.idle-view .qr-card{left:2.25%;bottom:4%;width:16%;height:23.5%;min-width:165px;padding:4px 7px}.idle-view .qr{width:77%;max-height:72%;object-fit:contain}.idle-view .panel{position:absolute;bottom:0;right:0;width:79.5%;height:15.7%;background:#1e1e1edc;color:white;text-align:right;padding:20px 2.5% 12px}.idle-view .panel:before{content:'';position:absolute;right:2.5%;top:15%;height:5px;width:44%;background:var(--yellow)}.idle-view .eyebrow,.idle-view .note{display:none}.idle-view h1{font-size:clamp(24px,2.85vw,37px);line-height:1.03;letter-spacing:.008em;margin:12px 0 4px auto;max-width:520px;text-transform:uppercase}.idle-view .panel .button{position:fixed;inset:0;z-index:1;width:100vw;height:100vh;font-size:0;background:transparent;border-radius:0}.idle-view .panel .button:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}.idle-view .event-subtitle{position:absolute;bottom:14px;right:2.5%;font-size:12px;color:#eee}.form-view{background:#fff}.form-view:before{content:'';position:fixed;inset:0;background:center center/cover no-repeat url('/assets/emily-blue-car-hero.webp');filter:brightness(1.16);transform:scale(1.05)}.form-view .shell{min-height:100svh}.form-view .panel{position:absolute;top:4%;right:4%;bottom:4.5%;width:53%;background:#fff;border-top:6px solid var(--yellow);border-radius:3px;padding:14px 18px;overflow:auto}.form-view .event-label{position:absolute;left:2.55%;top:24%;margin:0;font-weight:700;font-size:15px;line-height:1.25}.form-view .event-label small{display:block;font-size:12px;color:#777;font-weight:400;margin-top:4px}.form-view .qr-card{left:2.55%;bottom:3.5%;width:9%;min-width:108px;height:14%;padding:3px}.form-view .qr-card .qr{width:65%;margin:3px auto}.form-view .qr-card strong{font-size:11px}.form-view .qr-card small{font-size:8px}.form-view .panel .eyebrow,.form-view .panel h1,.form-view .panel>p{display:none}label{display:block;font-size:11px;font-weight:700;color:#555;margin:0 0 4px}input,select{display:block;width:100%;height:36px;padding:7px 10px;border:1px solid #d6d9dc;border-radius:8px;background:white;font:14px Arial,Helvetica,sans-serif;color:#333}input::placeholder{color:#999}input:disabled,select:disabled{background:#fff;color:#444;opacity:1}.field{margin-bottom:8px}.choices{display:flex;gap:16px;align-items:center;margin:4px 0 12px}.choices label{margin:0;cursor:pointer;position:relative}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;background:#ededed;color:#111;border-radius:25px;font-size:12px;font-weight:700;padding:4px 11px;min-width:70px;text-align:center}.choices input:checked+span{background:var(--yellow)}.choices input:focus-visible+span{outline:2px solid #111}.timeline-choices{gap:5px}.timeline-choices span{min-width:0}.actions{display:flex;flex-direction:column;align-items:stretch;gap:2px;margin-top:13px}.actions button{width:100%}.actions .secondary{align-self:center}.notice{font-size:10px;margin-top:14px;color:#666}.checkbox{display:flex;align-items:flex-start;gap:6px;font-size:10px;margin-top:6px}.checkbox input{height:14px;width:14px;flex:none}.checkbox span{font-size:10px}.form-view .preview-note{font-size:10px;color:#777;margin:5px 0}.thanks-view:after{content:'';position:fixed;inset:0;background:#0009}.thanks-view .shell{z-index:1}.thanks-view .panel{position:absolute;left:50%;top:49.55%;transform:translate(-50%,-50%);width:min(440px,90vw);height:484px;border-radius:18px;background:#fff;text-align:center;padding:26px 32px}.thanks-view .brand{position:static;width:205px;max-width:none;height:130px;max-height:none;margin:12px auto 6px}.checkmark{display:grid;place-items:center;border-radius:50%;background:var(--yellow);height:53px;width:53px;font:bold 32px Arial,Helvetica,sans-serif;margin:0 auto}.thanks-view h1{font-size:21px;margin:5px 0 0}.thanks-view .panel p{font-size:13px;line-height:1.25;color:#666;margin:0 auto}.thanks-view .button{position:absolute;bottom:24px;left:34px;right:34px}.thanks-view .qr-card{left:2.25%;bottom:3.5%;width:9%;min-width:108px;padding:3px}.thanks-view .qr-card strong{font-size:11px}.thanks-view .qr-card small{font-size:8px}.thanks-view .qr{width:65%;margin:3px auto}.admin-view .shell{background:#f4f4f0}.admin-view .panel{background:#fff;max-width:1100px;margin:100px auto 0;padding:25px}table{border-collapse:collapse;width:100%}td,th{padding:7px;border-bottom:1px solid #ddd;text-align:left;overflow-wrap:anywhere}footer{display:none}@media(max-width:700px){.brand{top:18px;left:16px;width:195px;height:130px}.idle-view .panel{width:100%;height:165px;padding:24px 18px}.idle-view .panel:before{right:18px;width:65%}.idle-view h1{font-size:26px}.idle-view .qr-card{bottom:175px;left:16px;width:137px;min-width:0;height:165px}.idle-view .qr{width:85%}.form-view .shell{overflow:visible}.form-view .brand{position:relative;left:16px;top:18px}.form-view .event-label{position:relative;left:16px;top:23px}.form-view .panel{position:relative;top:45px;right:auto;bottom:auto;width:calc(100% - 32px);margin:0 auto 70px;padding:14px 16px;min-height:610px}.form-view .qr-card{display:none}.thanks-view .panel{height:440px}.thanks-view .qr-card{bottom:16px;left:16px}}
