.staffCenter{place-items:center;min-height:100vh;display:grid}.staffMuted{color:var(--faint)}.staff{max-width:1180px;margin:0 auto;padding:24px 16px 64px}.staffHead{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.staffHead h1{letter-spacing:.04em;margin:0;font-size:30px;font-weight:400}.staffSum{color:var(--dim);margin:6px 0 0}.staffWait{color:var(--sand);font-weight:400}.staffHeadRight{flex:none;align-items:center;gap:18px;display:flex}.liveDot{color:var(--faint);align-items:center;gap:8px;font-size:13px;display:inline-flex}.liveDot:before{content:"";background:var(--faint);border-radius:50%;width:8px;height:8px}.liveDot.on{color:var(--dim)}.liveDot.on:before{background:#6fe39a;box-shadow:0 0 8px #6fe39ab3}.staffLink{color:var(--accent);border:0;border-bottom:1px solid var(--line-2);background:0 0;padding:0;font-size:14px}.staffBar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:18px;display:flex}.dayNav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.dayTitle{text-align:center;min-width:200px}.dayTitle strong{font-size:20px;font-weight:400}.dayTitle strong:first-letter{text-transform:uppercase}.dayTitle em{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-style:normal;display:block}.ghost.sm{letter-spacing:0;width:44px;height:40px;padding:0;font-size:22px;line-height:1}.chips{flex-wrap:wrap;gap:8px;display:flex}.chipBtn{border:1px solid var(--line);height:36px;color:var(--dim);transition:border-color .25s var(--ease), color .25s var(--ease), background-color .25s var(--ease);background:0 0;padding:0 14px;font-size:14px}.chipBtn:hover{border-color:var(--line-2);color:var(--text)}.chipBtn.on{border-color:var(--accent);color:var(--accent);background:#8ffff80f}.staffWarn{color:var(--error);border:1px solid #e08a7466;margin:0 0 14px;padding:10px 14px;font-size:14px}.staffEmpty{text-align:center;color:var(--faint);padding:48px 0}.staffTable{border-collapse:collapse;width:100%}.staffTable th{text-align:left;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line-2);padding:10px 12px;font-size:12px;font-weight:400}.staffTable td{border-bottom:1px solid var(--line);vertical-align:top;padding:14px 12px}.staffTable a{color:var(--text);border-bottom:1px solid var(--line-2);white-space:nowrap;text-decoration:none}.tTime{white-space:nowrap;font-size:20px}.tName{font-size:17px}.tComment{max-width:280px;color:var(--dim);overflow-wrap:anywhere}.tgOk{color:#6fe39a}.staffTable tr.st-new{box-shadow:inset 3px 0 0 var(--sand);background:#cd8e6b17}.staffTable tr.st-confirmed{box-shadow:inset 3px 0 #3fae6a}.staffTable tr.st-declined{opacity:.45}.staffTable tr.st-declined .tName{text-decoration:line-through}.staffTable tr.fresh{animation:5s ease-out staffFlash}@keyframes staffFlash{0%,30%{background-color:#8ffff847}to{background-color:#0000}}.pill{border:1px solid var(--line-2);white-space:nowrap;padding:4px 10px;font-size:13px;display:inline-block}.pill.new{color:var(--sand);border-color:#cd8e6b8c}.pill.confirmed{color:#6fe39a;border-color:#3fae6a8c}.pill.declined{color:var(--faint)}.staffLogin{text-align:center;max-width:360px;margin:16vh auto 0;padding:0 16px}.staffLogin img{margin:0 auto 12px}.staffLogin h1{letter-spacing:.04em;margin:0 0 4px;font-size:28px;font-weight:400}.staffLogin form{flex-direction:column;gap:14px;margin-top:26px;display:flex}.staffError{color:var(--error);margin:0;font-size:14px}@media (width<=820px){.staffHead{flex-direction:column;align-items:flex-start}.staffHeadRight{justify-content:space-between;width:100%}.staffTable,.staffTable tbody{display:block}.staffTable thead{display:none}.staffTable tr{border:1px solid var(--line);margin-bottom:12px;padding:10px 14px;display:block}.staffTable td{text-align:right;border:0;justify-content:space-between;gap:16px;padding:5px 0;display:flex}.staffTable td:before{content:attr(data-l);color:var(--faint);letter-spacing:.1em;text-transform:uppercase;text-align:left;white-space:nowrap;padding-top:3px;font-size:12px}.tComment{max-width:none}}@font-face{font-family:Granate;src:url(/fonts/Granate-400-normal.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Granate;src:url(/fonts/Granate-700-normal.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Granate;src:url(/fonts/Granate-300-italic.woff)format("woff");font-weight:300;font-style:italic;font-display:swap}:root{--bg:#000;--surface:#07110a;--raise:#0d1c10;--green:#024e05;--brown:#632a00;--sand:#cd8e6b;--accent:#8ffff8;--accent-ink:#001310;--text:#f2f0ea;--dim:#98968e;--faint:#5f6460;--line:#8ffff81a;--line-2:#8ffff83d;--error:#e08a74;--font:"Granate", Georgia, "Times New Roman", serif;--ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}svg{display:block}.bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.smoke{filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.s1{background:radial-gradient(closest-side,#8ffff833,#0000);width:70vmax;height:50vmax;animation:26s ease-in-out infinite alternate drift1;top:-30vmax;left:15vw}.s2{background:radial-gradient(closest-side,#024e058c,#0000);width:55vmax;height:55vmax;animation:32s ease-in-out infinite alternate drift2;top:5vh;left:-25vmax}.s3{background:radial-gradient(closest-side,#632a0061,#0000);width:50vmax;height:40vmax;animation:38s ease-in-out infinite alternate drift3;bottom:-20vmax;right:-20vmax}@keyframes drift1{to{transform:translate(-12vw,8vh)scale(1.15)}}@keyframes drift2{to{transform:translate(14vw,20vh)scale(.9)}}@keyframes drift3{to{transform:translate(-10vw,-14vh)scale(1.1)}}.grain{opacity:.06;mix-blend-mode:overlay;position:absolute;inset:0}.page{z-index:1;min-height:100vh;padding:calc(36px + env(safe-area-inset-top,0px)) 16px calc(40px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:center;display:flex;position:relative}.brand{text-align:center;margin-bottom:26px}.logo{width:72px;height:72px;margin:0 auto 14px;position:relative}.logo:before{content:"";filter:blur(10px);background:conic-gradient(#0000,#8ffff873,#0000 40%,#024e05b3,#0000 75%);border-radius:50%;animation:9s linear infinite spin;position:absolute;inset:-10px}.logo img{border-radius:50%;width:100%;height:100%;display:block;position:relative}@keyframes spin{to{transform:rotate(1turn)}}.brand h1{letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:30px;font-weight:400}.brand p{color:var(--dim);margin:6px 0 0;font-size:16px;font-style:italic;font-weight:300}.card{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);background:linear-gradient(#0d1c10eb,#07110aeb 45%);width:100%;max-width:520px;position:relative;overflow:hidden;box-shadow:0 40px 100px -40px #8ffff82e,inset 0 1px #8ffff80f}.card:before{content:"";background:linear-gradient(90deg,#0000,#8ffff899,#0000);height:1px;position:absolute;top:0;left:0;right:0}.cardInner{padding:26px 28px}.cardEmpty{text-align:center;min-height:260px;color:var(--dim);place-items:center;gap:16px;padding:28px;display:grid}.cardEmpty p{margin:0}.progress{grid-template-columns:repeat(3,1fr);margin:-2px 0 26px;padding-bottom:14px;display:grid;position:relative}.pStep{white-space:nowrap;text-align:left;color:var(--faint);transition:color .3s var(--ease);background:0 0;border:0;align-items:baseline;gap:8px;padding:0;display:flex}.pStep:not(:disabled):hover,.pStep.done{color:var(--dim)}.pStep.on{color:var(--text)}.pNum{letter-spacing:.1em;color:inherit;opacity:.8;font-size:11px}.pStep.on .pNum{color:var(--accent);opacity:1}.pTitle{letter-spacing:.14em;text-transform:uppercase;font-size:13px}.pTrack{background:var(--line);height:1px;position:absolute;bottom:0;left:0;right:0}.pFill{background:var(--accent);height:100%;box-shadow:0 0 12px #8ffff8cc}.stepView{min-height:120px}.title{letter-spacing:.01em;margin:0 0 22px;font-size:24px;font-weight:400;line-height:1.2}.title span{color:var(--dim);letter-spacing:0;margin-top:6px;font-size:14px;line-height:1.4;display:block}.stack{flex-direction:column;gap:22px;display:flex}.block{min-width:0}.lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;font-size:12px;display:block}.lbl em{color:var(--faint);text-transform:none;letter-spacing:0;font-style:normal}.lblRow{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lblRow .lbl{margin:0}.hint{color:var(--faint);margin:10px 0 0;font-size:13px;font-style:italic;line-height:1.45}.hint.center{text-align:center;margin:0}.err{color:var(--error);padding-top:6px;font-size:13px;display:block;overflow:hidden}.guests{border:1px solid var(--line);background:#00000059;grid-template-columns:56px 1fr 56px;height:64px;display:grid}.guestsBtn{color:var(--accent);transition:background-color .3s var(--ease), opacity .3s var(--ease);background:0 0;border:0;place-items:center;display:grid}.guestsBtn svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:20px;height:20px}.guestsBtn:not(:disabled):hover{background:#8ffff80f}.guestsBtn:disabled{opacity:.2}.guestsValue{border-left:1px solid var(--line);border-right:1px solid var(--line);justify-content:center;align-items:baseline;gap:8px;padding-top:12px;display:flex;overflow:hidden}.guestsNum{text-align:right;min-width:1ch;font-size:30px;line-height:1;display:inline-block}.guestsWord{color:var(--dim);font-size:15px;font-style:italic;font-weight:300}.arrows{gap:4px;display:flex}.arrows button{border:1px solid var(--line);width:28px;height:28px;color:var(--dim);transition:border-color .3s var(--ease), color .3s var(--ease);background:0 0;place-items:center;display:grid}.arrows button:hover{border-color:var(--line-2);color:var(--accent)}.arrows svg,.back svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:16px;height:16px}.dates{scroll-snap-type:x proximity;scrollbar-width:none;gap:6px;margin:0 -28px;padding:2px 28px 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.dates::-webkit-scrollbar{display:none}.date{border:1px solid var(--line);scroll-snap-align:center;width:62px;transition:border-color .3s var(--ease);background:#00000059;flex-direction:column;flex:none;align-items:center;gap:3px;padding:10px 0 9px;display:flex;position:relative}.date:hover{border-color:var(--line-2)}.date>span:not(.dateHi){z-index:1;transition:color .3s var(--ease);position:relative}.dateW{letter-spacing:.06em;color:var(--dim);text-transform:lowercase;font-size:11px}.date.weekend .dateW{color:var(--sand)}.dateD{font-size:22px;line-height:1.05}.dateM{color:var(--faint);font-size:11px}.dateHi,.timeHi{background:var(--accent);position:absolute;inset:-1px;box-shadow:0 0 24px #8ffff859}.date.on>span:not(.dateHi){color:var(--accent-ink)}.timeGroups{flex-direction:column;gap:14px;display:flex}.timeGroup{grid-template-columns:54px 1fr;align-items:start;gap:10px;display:grid}.timeTitle{color:var(--faint);padding-top:9px;font-size:13px;font-style:italic;font-weight:300}.times{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.time{border:1px solid var(--line);height:36px;transition:border-color .3s var(--ease), opacity .3s var(--ease);background:#00000059;font-size:15px;position:relative}.time>span:not(.timeHi){z-index:1;transition:color .3s var(--ease);position:relative}.time:not(:disabled):hover{border-color:var(--line-2)}.time:disabled{opacity:.25;text-decoration:line-through;-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.time.on>span:not(.timeHi){color:var(--accent-ink)}.summary{flex-wrap:wrap;gap:6px;margin-top:-6px;display:flex}.chip{border:1px solid var(--line);color:var(--dim);transition:border-color .3s var(--ease), color .3s var(--ease);background:#8ffff80d;padding:6px 11px;font-size:13px}.chip:hover{border-color:var(--line-2);color:var(--accent)}.mapWrap{position:relative}.hall{border:1px solid var(--line);transition:opacity .4s var(--ease), filter .4s var(--ease);background:linear-gradient(#8ffff806 1px,#0000 1px) 0 0/20px 20px,linear-gradient(90deg,#8ffff806 1px,#0000 1px) 0 0/20px 20px,#00000073;padding:6px}.hall.loading{opacity:.45;filter:saturate(.3)}.hall svg{width:100%;height:auto;overflow:visible}.wall{fill:none;stroke:#8ffff852;stroke-width:2px;stroke-linecap:square}.hatchLine{stroke:#98968e59;stroke-width:1.4px}.tbl{cursor:pointer;outline:none}.tbl .hit{fill:#0000}.tbl .top,.tbl .chair,.tbl .sofa{transition:fill .3s var(--ease), stroke .3s var(--ease), opacity .3s var(--ease)}.tbl .top{fill:#8ffff80f;stroke:#8ffff899;stroke-width:1px}.tbl .chair,.tbl .sofa{fill:#8ffff81a;stroke:#8ffff84d;stroke-width:.8px}.tblLbl{font-family:var(--font);fill:var(--text);pointer-events:none;transition:fill .3s var(--ease);font-size:11px}.tbl.free:hover .top,.tbl.free:focus-visible .top{fill:#8ffff833;stroke:var(--accent)}.tbl.free:focus-visible .hit{stroke:var(--accent);stroke-width:.8px;stroke-dasharray:3 3}.tbl.on{filter:drop-shadow(0 0 8px #8ffff88c)}.tbl.on .top{fill:var(--accent);stroke:var(--accent)}.tbl.on .chair,.tbl.on .sofa{fill:#8ffff873;stroke:var(--accent)}.tbl.on .tblLbl{fill:var(--accent-ink);font-weight:700}.tbl.busy,.tbl.small{cursor:not-allowed}.tbl.busy .top{fill:url(#hatch);stroke:#98968e59}.tbl.busy .chair,.tbl.busy .sofa{fill:#0000;stroke:#98968e40}.tbl.busy .tblLbl{fill:var(--faint)}.tbl.small{opacity:.3}.mapStatus{color:var(--dim);justify-content:center;align-items:center;gap:10px;font-size:14px;font-style:italic;display:flex;position:absolute;inset:0}.legend{color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:-10px;font-size:12px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.lg{border:1px solid;width:12px;height:12px;display:inline-block}.lg.free{background:#8ffff80f;border-color:#8ffff899}.lg.on{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px #8ffff899}.lg.busy{background:repeating-linear-gradient(45deg,#98968e59 0 1.4px,#0000 1.4px 4px);border-color:#98968e59}.legendCount{color:var(--faint);margin-left:auto;font-style:italic}.picked{border:1px solid var(--line-2);background:linear-gradient(90deg,#8ffff814,#0000);align-items:center;gap:14px;padding:12px 14px;display:flex}.pickedNum{background:var(--accent);min-width:44px;height:44px;color:var(--accent-ink);flex:none;place-items:center;padding:0 6px;font-size:16px;font-weight:700;display:grid}.pickedTitle{font-size:16px}.pickedSub{color:var(--dim);margin-top:2px;font-size:13px}.field{min-width:0}.input{border:1px solid var(--line);width:100%;height:50px;transition:border-color .3s var(--ease), background-color .3s var(--ease), box-shadow .3s var(--ease);appearance:none;background:#00000059;border-radius:0;outline:none;padding:0 14px;font-size:16px}textarea.input{resize:vertical;height:auto;min-height:92px;padding:12px 14px;line-height:1.45}.input::placeholder{color:var(--faint)}.input:hover{border-color:var(--line-2)}.input:focus{background:#8ffff80a;border-color:#8ffff880;box-shadow:0 0 0 3px #8ffff80f,0 0 24px -6px #8ffff84d}.field.invalid .input{border-color:#e08a748c}.stack>.field+.field{margin-top:-6px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.check{cursor:pointer;color:var(--dim);align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;display:flex;position:relative}.check input{opacity:0;pointer-events:none;position:absolute}.box{border:1px solid var(--line-2);width:20px;height:20px;color:var(--accent-ink);transition:background-color .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);flex:none;place-items:center;margin-top:0;display:grid}.box svg{opacity:0;width:12px;height:12px;transition:opacity .2s var(--ease), transform .3s var(--ease);transform:scale(.6)}.check input:checked+.box{background:var(--accent);border-color:var(--accent);box-shadow:0 0 14px #8ffff866}.check input:checked+.box svg{opacity:1;transform:none}.check input:focus-visible+.box{outline:1px solid var(--accent);outline-offset:3px}.check a{color:var(--accent);border-bottom:1px solid var(--line-2);transition:border-color .3s var(--ease);text-decoration:none}.check a:hover{border-color:var(--accent)}.check.invalid .box{border-color:#e08a74cc;box-shadow:0 0 0 3px #e08a741f}.notice{overflow:hidden}.notice>div{color:var(--error);background:#e08a7412;border:1px solid #e08a7466;margin-top:20px;padding:12px 14px;font-size:14px;line-height:1.45}.actions{gap:10px;margin-top:26px;display:flex}.submit{background:var(--accent);height:54px;color:var(--accent-ink);letter-spacing:.16em;text-transform:uppercase;transition:box-shadow .4s var(--ease), opacity .3s var(--ease), transform .2s var(--ease);border:0;border-radius:0;flex:1;place-items:center;font-size:15px;display:grid;position:relative;overflow:hidden}.submit:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}.submit:not(:disabled):hover{box-shadow:0 0 36px #8ffff859}.submit:not(:disabled):hover:after{transition:transform .9s var(--ease);transform:translate(120%)}.submit:active{transform:translateY(1px)}.submit:disabled{opacity:.75}.ghost{border:1px solid var(--line-2);height:46px;color:var(--text);letter-spacing:.12em;text-transform:uppercase;transition:border-color .3s var(--ease), background-color .3s var(--ease), color .3s var(--ease);background:0 0;border-radius:0;padding:0 24px;font-size:13px}.ghost:hover{border-color:var(--accent);color:var(--accent);background:#8ffff80a}.ghost.back{flex:none;place-items:center;width:54px;height:54px;padding:0;display:grid}.link{color:var(--accent);border:0;border-bottom:1px solid var(--line-2);background:0 0;margin-left:6px;padding:0;font-style:normal}.note{text-align:center;color:var(--faint);margin:14px 0 0;font-size:13px}.spinner{border:1.5px solid #8ffff840;border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.spinner.dark{border-color:#00131040;border-top-color:var(--accent-ink);width:20px;height:20px}.spinner.big{width:28px;height:28px}.success{text-align:center;padding:10px 0 4px}.doneMark{fill:none;width:72px;height:72px;stroke:var(--accent);stroke-width:1.5px;filter:drop-shadow(0 0 12px #8ffff880);margin:0 auto 20px}.success h2{margin:0 0 10px;font-size:26px;font-weight:400}.doneLead{max-width:34ch;color:var(--dim);margin:0 auto 22px;line-height:1.5}.tgNotify{border:1px solid var(--line);background:#8ffff80a;margin:0 0 22px;padding:16px}.tgNotify p{color:var(--dim);margin:0 0 14px;font-size:14px;line-height:1.5}.tgNotify a.ghost{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.doneList{border-top:1px solid var(--line);text-align:left;margin:0 0 26px}.doneList>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:12px 2px;display:flex}.doneList dt{color:var(--faint);letter-spacing:.12em;text-transform:uppercase;padding-top:2px;font-size:13px}.doneList dd{text-align:right;margin:0}@media (width<=480px){.page{padding-top:calc(24px + env(safe-area-inset-top,0px))}.brand{margin-bottom:20px}.logo{width:56px;height:56px}.brand h1{font-size:22px}.cardInner{padding:22px 16px 20px}.dates{margin:0 -16px;padding:2px 16px 4px}.title{font-size:21px}.pTitle{letter-spacing:.1em;font-size:11px}.timeGroup{grid-template-columns:1fr;gap:6px}.timeTitle{padding-top:0}.hall{padding:2px}.legendCount{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
