:root{--faded:#0000006b;--hair:#00000029;--pad:clamp(16px, 4.5vw, 28px)}html{background:var(--bg);width:100%;height:100%}body{letter-spacing:-.02em;text-transform:uppercase;color:var(--k);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricprecision;background:var(--bg);width:100%;min-height:100dvh;padding:var(--pad);flex-direction:column;font-family:FuturaBold,Futura,Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:1;display:flex}@media (orientation:landscape) and (width>=900px){body{max-width:50vw;margin-inline:auto}}button{font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin:0;padding:0}button:disabled{cursor:default}a{color:inherit;-webkit-tap-highlight-color:transparent;text-decoration:none}.logo{color:var(--w);white-space:nowrap;flex:none;margin-bottom:clamp(12px,3vh,24px);font-size:clamp(26px,6.2vw,46px)}.logo .atom{vertical-align:baseline;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:auto;height:.78em;display:inline-block}.logo .slash{color:var(--w);opacity:.45;margin:0 .26em}.logo .talk{color:var(--k)}.screen{flex-direction:column;flex:1;display:flex}.loader{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.loader img{width:clamp(46px,13vw,70px);height:auto}.loader .lw{color:var(--w);letter-spacing:.06em;font-size:clamp(15px,4.2vw,19px);animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.avail-error{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(18px,4vh,28px);display:flex}.avail-error-msg{color:var(--w);max-width:18em;font-size:clamp(16px,4.4vw,20px);line-height:1.35}.avail-retry{background:var(--w);color:var(--bg);cursor:pointer;font:inherit;letter-spacing:.06em;box-shadow:0 4px 0 var(--hair);transition:transform .18s var(--ease), box-shadow .18s var(--ease);border:none;padding:.7em 1.6em;font-size:clamp(15px,4vw,18px)}.avail-retry:hover,.avail-retry:focus-visible{box-shadow:0 8px 0 var(--hair);outline:none;transform:translateY(-2px)}.avail-retry:active{box-shadow:0 2px 0 var(--hair);transform:translateY(0)}.pin-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(22px,5vh,40px);display:flex}.pin-prompt{color:var(--k);font-size:clamp(20px,5.4vw,28px)}.pin-screen.error .pin-prompt{color:var(--w)}.pin-boxes{gap:clamp(8px,2.5vw,14px);display:flex}.pin-box{border:3px solid var(--k);width:clamp(46px,13vw,64px);height:clamp(64px,18vw,90px);color:var(--k);background:0 0;justify-content:center;align-items:center;font-size:clamp(30px,9vw,44px);transition:background .12s,color .12s,border-color .12s;display:flex}.pin-box.filled{background:var(--k);color:var(--w)}.pin-box.cursor{border-color:var(--w)}.pin-screen.error .pin-box{border-color:var(--w);color:var(--w);animation:.32s ease-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pin-hidden-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.types{flex-direction:column;flex:1;justify-content:flex-start;gap:clamp(8px,2vh,18px);display:flex}.type{text-align:left;color:var(--k);transition:color .18s var(--ease), padding-left .24s var(--ease);align-items:center;padding:clamp(4px,1vh,10px) 0;display:flex}.type:hover,.type:focus-visible{color:var(--w);outline:none;padding-left:.12em}.type-line{white-space:nowrap;align-items:baseline;display:inline-flex}.type-line .meta{opacity:.5;letter-spacing:0;margin-left:.55em;font-size:.42em}.daypicker{flex-direction:column;flex:1;gap:clamp(10px,2.2vh,18px);display:flex}.types-strip{flex:none;align-items:baseline;gap:clamp(16px,6vw,30px);display:flex}.types-strip .t{color:var(--k);transition:color .18s var(--ease);align-items:baseline;gap:.16em;padding-bottom:5px;font-size:clamp(18px,5.4vw,24px);display:inline-flex;position:relative}.types-strip .t .u{opacity:.5;letter-spacing:0;font-size:.46em}.types-strip .t:hover,.types-strip .t:focus-visible{color:var(--w);outline:none}.types-strip .t.active{color:var(--w)}.types-strip .t.active:after{content:"";background:var(--w);height:3px;position:absolute;bottom:0;left:0;right:0}.nav{flex:none;justify-content:space-between;align-items:baseline;font-size:clamp(13px,3.7vw,16px);display:flex}.nav button{color:var(--faded);transition:color .18s var(--ease)}.nav button:hover,.nav button:focus-visible{color:var(--w);outline:none}.nav button:disabled{visibility:hidden}.day-block{will-change:transform, opacity;flex-direction:column;flex:none;gap:2px;display:flex}.day-block.flip{transition:transform .62s var(--ease), opacity .2s ease-out}.day-wd{color:var(--k);font-size:clamp(26px,7vw,44px)}.day-num{color:var(--w);font-size:clamp(76px,20vw,150px);line-height:.82}.day-mo{color:var(--faded);margin-top:2px;font-size:clamp(18px,5vw,26px)}.slots-wrap{flex-direction:column;flex:1;display:flex}.slots{grid-template-columns:repeat(auto-fill,minmax(clamp(70px,20vw,90px),1fr));align-content:flex-start;gap:clamp(7px,1.6vh,10px) clamp(8px,2vw,12px);padding:2px 0;display:grid}.slot{border:1.5px solid var(--k);color:var(--k);text-align:center;letter-spacing:0;transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);padding:8px 4px;font-size:clamp(15px,4.4vw,19px)}.slot:hover,.slot:focus-visible{color:var(--w);border-color:var(--w);outline:none}.slot.picked{background:var(--w);border-color:var(--w);color:var(--bg)}.slot.taken{color:var(--faded);border-color:var(--hair);text-decoration:line-through}.slots-empty{color:var(--faded);flex-direction:column;flex:1;gap:6px;padding-top:4px;font-size:clamp(16px,4.4vw,20px);display:flex}.slots-empty .hint{opacity:.7;font-size:.8em}.form{flex-direction:column;flex:1;gap:clamp(14px,3vh,22px);display:flex}.back{text-align:left;color:var(--faded);transition:color .16s var(--ease);flex:none;align-self:flex-start;font-size:clamp(13px,3.6vw,15px)}.back:hover,.back:focus-visible{color:var(--w);outline:none}.readout{flex:none}.readout .big{color:var(--w);font-size:clamp(26px,8vw,46px);line-height:1;display:block}.readout .sub{color:var(--faded);margin-top:9px;font-size:clamp(14px,4vw,18px);display:block}.toggle{flex:none;gap:10px;display:flex}.toggle button{text-align:center;border:2px solid var(--k);color:var(--k);transition:color .15s var(--ease), background .15s var(--ease), border-color .15s var(--ease);flex:1;padding:12px}.toggle button:hover,.toggle button:focus-visible{color:var(--w);border-color:var(--w);outline:none}.toggle button.on{background:var(--w);border-color:var(--w);color:var(--bg)}.field{flex:none}.form input{border:none;border-bottom:2px solid var(--k);width:100%;color:var(--k);letter-spacing:-.01em;text-transform:none;background:0 0;outline:none;padding:8px 2px;font-family:inherit;font-size:clamp(18px,5vw,22px);font-weight:700}.form input::placeholder{color:var(--faded);text-transform:uppercase}.form input:focus{border-color:var(--w)}.form .error{color:var(--w);opacity:.92;flex:none;font-size:clamp(13px,3.6vw,15px)}.confirm{background:var(--w);color:var(--bg);text-align:center;transition:transform .14s var(--ease), box-shadow .14s var(--ease), opacity .14s;flex:none;margin-top:auto;padding:15px;font-size:clamp(17px,4.6vw,20px)}.confirm:hover:not(:disabled),.confirm:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 8px #00000029}.confirm:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #00000029}.confirm:disabled{opacity:.4}.confirmed{flex-direction:column;flex:1;gap:clamp(10px,2.2vh,16px);display:flex}.booked{color:var(--w);line-height:.82}.cwhen{color:var(--w);font-size:clamp(22px,6.4vw,38px)}.cdetail{color:var(--k);text-transform:none;font-size:clamp(14px,4vw,17px);line-height:1.45}.cdetail .hl{color:var(--w)}.cancel{text-align:left;color:var(--faded);transition:color .16s var(--ease);flex:none;margin-top:auto;font-size:clamp(13px,3.6vw,15px)}.cancel:hover:not(:disabled),.cancel:focus-visible{color:var(--w);outline:none}.cancel:disabled{opacity:.4}
