:root{font-family:Arial,Helvetica,sans-serif;background:#020c12;color:#fff;font-synthesis:none}*{box-sizing:border-box}html,body,#app{min-width:280px;min-height:100%;margin:0}body{margin:0}.site-shell{min-height:100dvh;display:grid;place-items:center;padding:38px 16px}.phone-frame{--phone-w: min(640px, calc((100dvh - 76px)*.493) , calc(100vw - 32px) );position:relative;width:var(--phone-w);aspect-ratio:640 / 1296;border-radius:14.8%/7.3%;background:linear-gradient(95deg,#454548,#b0b0b3 1.3%,#121212 3%,#060606 8%,#000,#050505 92%,#a1a2a4 98%,#444);padding:1.9%;box-shadow:inset 0 0 0 2px #717173,inset 0 0 0 7px #080808,0 2px 2px #0007}.phone-frame:before{content:"";position:absolute;top:1%;right:1%;bottom:1%;left:1%;border:3px solid #171717;border-radius:inherit;pointer-events:none}.phone-bezel{position:absolute;top:1.4%;right:1.4%;bottom:1.4%;left:1.4%;background:#000;border-radius:14.8%/7.3%;overflow:hidden}.phone-display{position:absolute;top:2.35%;bottom:2.35%;left:4.9%;right:4.9%;overflow:hidden;background:#fff;border-radius:11%/5.8%;display:flex;flex-direction:column;container-type:inline-size}.phone-side-button{position:absolute;width:.9%;background:linear-gradient(90deg,#777,#bbb,#3c3c3c);z-index:-1}.left-top{left:-.6%;top:13.4%;height:3.7%}.left-bottom{left:-.6%;top:23%;height:13.7%}.right-middle{right:-.7%;top:23%;height:12.5%}.browser-top{background:#fff;color:#000;height:11.48%;flex:0 0 11.48%;font-family:Arial,Helvetica,sans-serif}.system-bar{height:53%;display:flex;align-items:center;justify-content:space-between;padding:0 7.7%;position:relative}.clock{font-size:4.2cqw;font-weight:600;margin-top:2%}.notch{position:absolute;left:22%;right:22%;top:-2%;height:61%;background:#000;border-radius:0 0 25px 25px}.earpiece{position:absolute;height:9%;background:#212121;border-radius:999px;left:31%;right:31%;top:42%}.camera{position:absolute;width:4.8%;aspect-ratio:1;border-radius:50%;top:34%;right:18%;background:#09547a}.system-icons{display:flex;align-items:center;gap:3px;margin-top:2%}.system-icons svg{height:3.3cqw;width:7.4cqw}.battery{width:5.8cqw;height:2.7cqw;border-radius:2px;border:1.5px solid #292929;position:relative}.battery:before{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;background:#111;border-radius:1px}.battery:after{content:"";position:absolute;width:2px;height:40%;right:-4px;top:30%;background:#666;border-radius:0 2px 2px 0}.address-row{height:47%;padding:0 2%;display:flex;align-items:flex-start}.address-pill{display:flex;align-items:center;gap:2.1%;width:100%;height:70%;margin-top:0;border-radius:13px;background:#e5e5e5;padding:0 2.5%}.reader-view{font-size:4cqw;color:#26262a}.address-label{display:flex;align-items:center;justify-content:center;gap:1.4cqw;flex:1;white-space:nowrap;font-size:4.35cqw;letter-spacing:-.4px}.lock{width:3cqw;height:3.6cqw}.refresh{width:4.5cqw;height:4.5cqw;flex:none}.booking-stage{--panel: #052734ed;--tile: #031923;flex:1;min-height:0;width:100%;position:relative;overflow:hidden;isolation:isolate;background-color:#03131c;background-position:center,center;background-size:cover,cover;background-repeat:no-repeat;container-type:inline-size}.prompt-panel{position:absolute;z-index:4;top:4.6cqw;left:5.3%;width:89.4%;height:42cqw;border-radius:5.2cqw;background:var(--panel);display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 1px 2px #ffffff50;overflow:hidden}.brand-logo{display:block;width:44%;height:62%;object-fit:contain;margin-top:1.4%}.question{margin:0;width:92%;flex:1;display:flex;align-items:center;justify-content:center;padding:0 0 3%}.answers-scroller{position:absolute;z-index:1;top:53.8cqw;left:5.3%;right:5.3%;bottom:8.5%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.answers-scroller::-webkit-scrollbar{display:none}.answers-panel{border-radius:4.4cqw;background:#031a25e0;box-shadow:inset 0 2px 2px #ffffff30;padding:3.5% 10% 14%;min-height:300px}.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5%;row-gap:5.4cqw}.answer-tile{position:relative;overflow:hidden;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--tile);box-shadow:0 0 2px #090100}.browser-bottom{flex:0 0 10.1%;background:#f8f8f8;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:3.2% 4% 1.6%;color:#147aff}.toolbar-icons{width:100%;display:flex;justify-content:space-between;align-items:center}.toolbar-icons svg{height:6.3cqw;width:6.3cqw;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.home-indicator{width:36%;height:5.5%;border-radius:999px;background:#000;margin-bottom:0}@media(max-width:700px){:root{background:#03131c}html,body,#app{height:100%}.site-shell{padding:0;display:block;height:100dvh;min-height:480px}.phone-frame,.phone-bezel,.phone-display{position:static;width:100%;height:100%;border:0;border-radius:0;padding:0;margin:0;box-shadow:none;background:none;aspect-ratio:auto}.phone-frame{--phone-w:100vw}.phone-frame:before,.phone-side-button,.browser-top,.browser-bottom{display:none}.phone-display{display:block}.booking-stage{width:100%;height:100%}.prompt-panel{top:max(4.6cqw,env(safe-area-inset-top))}.answers-scroller{bottom:10%}}@media(max-width:360px){.answers-panel{padding-left:8%;padding-right:8%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.question{font-family:Arial,Helvetica,sans-serif;font-size:5.1cqw;font-weight:700;line-height:1.2;text-align:center;color:#f5f3e8;padding:0}.event-hours{margin:0 0 3.5%;color:#c2dce5;font:3.25cqw/1.3 Arial,sans-serif}.answers-scroller{bottom:4%;scrollbar-width:thin;scrollbar-color:#639bab80 transparent}.answers-scroller::-webkit-scrollbar{display:block;width:4px}.answers-scroller::-webkit-scrollbar-thumb{background:#639bab80;border-radius:4px}.answers-panel{padding:5% 10% 6%}.schedule-intro{text-align:center;margin-bottom:5%}.schedule-intro h2{margin:0 0 8px;font-size:5.2cqw;font-weight:400}.schedule-intro p{margin:0;font:3.3cqw/1.4 Arial,sans-serif}.answer-tile{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:12px 4px;cursor:pointer;-webkit-tap-highlight-color:transparent;color:#fff}.slot-tile{flex-direction:column;gap:8px;border:1px solid #225064}.slot-time{font:700 5.5cqw/1.1 Arial,Helvetica,sans-serif}.slot-status{font:3cqw/1.3 Arial,sans-serif;color:#b4dce6}.slot-tile:not(:disabled):hover{background:#10394b;border-color:#b4dce6}.slot-tile:disabled{cursor:default}.slot-booked{background:#273c46;border-color:#50636b}.slot-booked .slot-time{color:#a8b9c2;text-decoration:line-through}.slot-booked .slot-status{color:#fff}button:focus-visible,input:focus-visible{outline:3px solid #b4dce6;outline-offset:4px}.schedule-intro h2:focus{outline:none}.schedule-error{border-radius:10px;padding:12px;margin:12px 0;background:#f0f7f8;color:#092534;font:14px/1.45 Arial,sans-serif}.schedule-error p{margin:0 0 10px}.schedule-error button,.refresh-button{border:0;border-radius:8px;background:#092534;color:#fff;padding:10px 16px;cursor:pointer;font:14px Arial,sans-serif;min-height:44px}button:disabled{cursor:default}.admin-stage .answers-panel{padding-left:5%;padding-right:5%}.admin-controls{font:14px/1.5 Arial,sans-serif}.admin-controls label{display:block;margin-bottom:6px}.admin-controls input{width:100%;border:1px solid #7da6b3;border-radius:8px;background:#f3f6f3;color:#092534;padding:12px;font:16px Arial,sans-serif}.refresh-button{margin-top:10px}.updated-time{font-size:11px;color:#bad1dc}.guest-list{list-style:none;margin:18px 0 0;padding:0}.guest-row{display:grid;grid-template-columns:22% 1fr;align-items:center;gap:5px 10px;background:#031923;border-radius:8px;padding:12px;margin:8px 0;font:13px/1.5 Arial,sans-serif}.guest-time{font-weight:700}.guest-name{overflow-wrap:anywhere;color:#b7cbd4}.guest-booked{border-left:3px solid #b4dce6}.guest-booked .guest-name{color:#fff}.guest-status{grid-column:2;font-size:11px;color:#b4dce6}.empty-search{text-align:center;font:14px/1.5 Arial,sans-serif}.booking-dialog{width:min(440px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #3c7286;border-radius:22px;background:#082330;color:#f5f3e8;box-shadow:0 20px 80px #0009;overflow-y:auto}.booking-dialog::backdrop{background:#01090de0}.dialog-content{position:relative;padding:42px 28px 28px;max-width:440px;margin:auto;font:16px/1.5 Arial,sans-serif}.dialog-close{position:absolute;top:8px;right:8px;width:44px;height:44px;border:0;background:transparent;color:#f5f3e8;font-size:30px;cursor:pointer}.dialog-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 8px}.dialog-content h2{font:700 34px/1.15 Arial,Helvetica,sans-serif;margin:0 0 12px}.dialog-description{font-size:14px;margin:0 0 24px;color:#bfd0d7}.dialog-content label{display:block;margin:18px 0 6px}.dialog-content input{display:block;width:100%;padding:13px 12px;min-height:48px;border:1px solid #638c9d;border-radius:8px;font:16px Arial,sans-serif;background:#f6fafb;color:#092534}.primary-button,.secondary-button{display:block;width:100%;min-height:48px;border:0;border-radius:999px;padding:12px 16px;font:16px/1.4 Arial,sans-serif;cursor:pointer}.primary-button{margin-top:26px;background:#e8f2f5;color:#082330}.primary-button:disabled{opacity:.65}.secondary-button{margin-top:10px;background:transparent;color:#bfd0d7}.form-error{margin:18px 0 0;padding:12px;border-radius:8px;background:#fdf3ef;border-left:3px solid #b33e2b;color:#842c1c;font-size:14px}.confirmation-mark{display:grid;place-items:center;border-radius:50%;background:#23656b;color:#fff;width:48px;height:48px;font-size:27px;margin-bottom:22px}.confirmed-name{font-size:20px;overflow-wrap:anywhere;margin:20px 0 8px}.confirmed-time{font:700 32px/1.2 Arial,Helvetica,sans-serif;margin:0 0 18px}@media(max-width:700px){.answers-scroller{bottom:max(3%,env(safe-area-inset-bottom))}.booking-dialog{width:100%;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0}.dialog-content{padding:max(64px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom))}.dialog-close{top:max(8px,env(safe-area-inset-top))}}
