:root{color-scheme:dark;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,system-ui,sans-serif;--bg: #0e1116;--sc-low: #171a20;--sc: #1c2027;--sc-high: #242933;--sc-highest: #2d323c;--outline: rgba(255, 255, 255, .14);--outline-var: rgba(255, 255, 255, .08);--text: #e2e6ee;--text-2: #a6adbd;--text-3: #7a8194;--primary: #a8c7fa;--on-primary: #08326b;--primary-container: #234a7e;--on-primary-container: #d6e3ff;--secondary-container: #3a4459;--on-secondary-container: #d6e0f7;--green: #46d370;--green-container: #10481f;--on-green-container: #b7f1bf;--red: #ff5449;--red-soft: #ffb4ab;--red-container: #5d1512;--on-red-container: #ffdad6;--orange: #ffb95c;--orange-container: #59390a;--on-orange-container: #ffddb5;--yellow: #e5c449;--pink: #ff77a8;--male-tint: rgba(120, 170, 255, .13);--female-tint: rgba(255, 120, 170, .13);--shadow-1: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 12px rgba(0, 0, 0, .45);--ease: cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.wrap{max-width:900px;margin:0 auto;padding:20px}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 10px}h1{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:8px 0}.wrap h3{margin:22px 0 8px;font-size:1.05rem;font-weight:700;letter-spacing:.01em}select,input,button{font-size:1rem;font-family:inherit;color:var(--text)}select,input,textarea{background:var(--sc-highest);border:none;border-bottom:2px solid var(--outline);border-radius:10px 10px 3px 3px;padding:12px 16px;transition:border-color .2s var(--ease)}select:focus,input:focus,textarea:focus{outline:none;border-bottom-color:var(--primary)}input::placeholder,textarea::placeholder{color:var(--text-3)}input[type=file]{padding:10px 12px}input[type=file]::file-selector-button{background:var(--sc-highest);color:var(--text);border:none;border-radius:999px;padding:8px 16px;margin-right:12px;font-weight:600;cursor:pointer}button{background:var(--sc-highest);border:none;border-radius:999px;padding:11px 20px;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .2s var(--ease),transform .15s var(--ease),box-shadow .2s var(--ease)}button:hover{background:#3a4150;box-shadow:var(--shadow-1)}button:active{transform:scale(.97)}button:disabled{opacity:.38;cursor:default;box-shadow:none;transform:none}button:focus-visible{outline:none;box-shadow:0 0 0 3px #a8c7fa73}button.del{background:var(--red-container);color:var(--on-red-container)}button.del:hover{background:#7a201b}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:none;margin:0;padding:0;width:22px;height:22px;border-radius:6px;background:transparent;border:2px solid var(--outline);position:relative;cursor:pointer;transition:background .2s var(--ease),border-color .2s var(--ease)}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:11px;border:solid var(--on-primary);border-width:0 3px 3px 0;transform:rotate(45deg)}input[type=checkbox].sw{width:50px;height:30px;border-radius:999px;background:var(--sc-highest);transition:background .25s var(--ease),border-color .25s var(--ease)}input[type=checkbox].sw:after{content:"";position:absolute;top:5px;left:5px;width:16px;height:16px;border:none;transform:none;border-radius:50%;background:var(--text-2);transition:all .25s var(--ease)}input[type=checkbox].sw:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox].sw:checked:after{background:var(--on-primary);width:22px;height:22px;top:2px;left:24px;border:none;transform:none}label{display:inline-flex;align-items:center;gap:10px}.chip{display:inline-block;padding:5px 12px;border-radius:8px;font-size:.76rem;font-weight:800;letter-spacing:.05em}.chip.queued{background:var(--sc-highest);color:var(--text-2)}.chip.dispatched{background:var(--primary-container);color:var(--on-primary-container)}.chip.inside{background:var(--green-container);color:var(--on-green-container)}.panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}.toilet{border-radius:28px;padding:24px 18px 20px;text-align:center;box-shadow:var(--shadow-1)}.toilet.free{background:var(--green-container);color:var(--on-green-container)}.toilet.full{background:var(--red-container);color:var(--on-red-container)}.toilet .g{font-weight:700;font-size:1rem;opacity:.85}.toilet .count{font-size:3.6rem;font-weight:800;line-height:1.15;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.capbar{height:6px;border-radius:999px;background:#ffffff24;margin:10px auto;max-width:160px;overflow:hidden}.capbar-fill{height:100%;border-radius:999px;transition:width .4s var(--ease)}.toilet.free .capbar-fill{background:var(--green)}.toilet.full .capbar-fill{background:var(--red-soft)}.toilet .state{font-weight:800;letter-spacing:3px;font-size:.85rem}.toilet.free .state{color:var(--green)}.toilet.full .state{color:var(--red-soft)}.toilet .cap{margin-top:14px;display:flex;gap:8px;justify-content:center;align-items:center}.toilet .cap button{padding:4px 16px;background:#ffffff1f;color:inherit}.toilet .cap button:hover{background:#ffffff38}.scanner{background:var(--sc);border-radius:24px;padding:20px;box-shadow:var(--shadow-1)}.wrap>section.scanner{margin-top:16px}.row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.cam-flip{background:var(--secondary-container);color:var(--on-secondary-container)}.cam-flip:hover{background:#475372}.row input:not([type=checkbox]){flex:1;min-width:160px}#qr-reader,#cc-qr-reader{width:100%;max-width:340px;margin:0 auto;border-radius:16px;overflow:hidden}.cols{display:flex;flex-direction:column;gap:16px;margin-top:14px}@media (min-width: 900px){.wrap{max-width:1280px}.cols{display:grid;grid-template-columns:minmax(320px,420px) 1fr;align-items:start}#qr-reader,#cc-qr-reader{max-width:none}}.tv-frame{display:flex;min-height:100vh}.tv-media{flex:1;min-width:0;overflow:hidden;background:#000;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;background-image:radial-gradient(circle at 30% 30%,#234a7e47,#000 70%);animation:tv-pan 12s ease-in-out infinite alternate}.tv-media-ph{text-align:center;color:var(--text-3);-webkit-user-select:none;user-select:none}.tv-media-icon{font-size:4rem;opacity:.8;animation:tv-pulse 2.4s ease-in-out infinite}.tv-media-label{font-size:1.6rem;font-weight:800;letter-spacing:2px;margin-top:8px;color:var(--text-2)}.tv-media-sub{font-size:.9rem;opacity:.6;margin-top:4px}@keyframes tv-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes tv-pan{0%{background-position:0% 0%}to{background-position:100% 100%}}.tv-app{flex:0 0 580px;max-width:580px;height:100vh;overflow:auto;border-left:1px solid var(--outline-var);background:var(--bg)}@media (min-width: 900px){.tv-app .wrap{max-width:none}.tv-app .cols{display:flex;flex-direction:column;grid-template-columns:none}.tv-app #cc-qr-reader{max-width:340px}.tv-app .nav{position:sticky;top:0;z-index:5}}.kiosk-panel{width:100%;height:100%;display:flex;flex-direction:column;color:var(--text)}.kiosk-switch{display:flex;gap:0;padding:0;margin:16px auto 10px;width:fit-content;border:1px solid var(--outline);border-radius:999px;overflow:hidden}.kiosk-switch button{background:transparent;color:var(--text-2);border:none;border-radius:0;border-right:1px solid var(--outline);padding:10px 22px;font-weight:600}.kiosk-switch button:last-child{border-right:none}.kiosk-switch button:hover{background:#ffffff0f;box-shadow:none}.kiosk-switch button:active{transform:none}.kiosk-switch button.on{background:var(--secondary-container);color:var(--on-secondary-container)}.kiosk-switch .kfull{border-left:1px solid var(--outline)}.tv-frame.focus .tv-app{display:none}.ktimer-wrap{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:12px;overflow:hidden}.ktimer-msg{background:transparent;border:none;text-align:center;color:var(--text-2);font-size:clamp(1.3rem,3.4vw,2.6rem);font-weight:700;letter-spacing:3px;text-transform:uppercase;width:90%}.ktimer-msg:focus{border:none}.ktimer-msg::placeholder{color:var(--text-3);text-transform:none;letter-spacing:normal;font-weight:500}.ktimer{font-size:clamp(5rem,26vw,30rem);font-weight:800;line-height:.9;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--text);max-width:100%;white-space:nowrap}.ktimer.run{color:var(--green)}.ktimer.over{color:var(--red);animation:tv-pulse 1s ease-in-out infinite}.ktimer-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ktimer-row.transport{margin-top:8px}.kbtn{background:var(--secondary-container);color:var(--on-secondary-container);border:none;border-radius:999px;padding:11px 18px;font-size:1.05rem;font-weight:700;min-width:54px}.kbtn:hover{background:#475372}.kbtn.add{background:var(--sc-highest);color:var(--text)}.kbtn.add:hover{background:#3a4150}.kbtn.start{background:var(--green);color:#04240d}.kbtn.start:hover{background:#63dd86}.kbtn.pause{background:var(--orange);color:#3a2500}.kbtn.pause:hover{background:#ffc97e}.kbtn:disabled{opacity:.38;cursor:default}.kvideo{flex:1;min-height:0;position:relative;background:#000}.kvideo video{width:100%;height:100%;object-fit:contain;display:block}.kvideo .kyt{width:100%;height:100%;border:0;display:block}.kvideo-mute{position:absolute;bottom:14px;right:14px;background:var(--sc-high);border-radius:999px;padding:9px 14px;font-size:1.1rem;box-shadow:var(--shadow-2)}.kyt-sound{position:absolute;bottom:18px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--on-primary);border:none;padding:13px 26px;font-size:1.05rem;font-weight:800;border-radius:999px;box-shadow:var(--shadow-2)}.kyt-sound:hover{background:#c1d8ff}.kvideo-ph{flex:1;display:grid;place-items:center;text-align:center;color:var(--text-3)}.kvideo-ph .tv-media-icon{font-size:3.5rem}.bignote{margin-top:14px;padding:22px 18px;border-radius:24px;text-align:center;animation:pop .3s var(--ease);box-shadow:var(--shadow-1)}.bignote.ok{background:var(--green-container);color:var(--on-green-container)}.bignote.warn{background:var(--orange-container);color:var(--on-orange-container)}.bignote .bn-name{font-size:1.3rem;font-weight:700;opacity:.9}.bignote .bn-dest{font-size:2.1rem;font-weight:800;margin-top:6px;letter-spacing:-.01em}.bignote.ok .bn-dest{color:#8ee6a1}.bignote.warn .bn-dest{color:var(--orange)}.bignote .bn-warn{margin-top:10px;font-size:1.02rem;font-weight:700;color:var(--yellow)}@keyframes pop{0%{transform:scale(.94);opacity:.4}to{transform:scale(1);opacity:1}}.banner{margin-top:12px;padding:18px;border-radius:16px;font-weight:800;text-align:center;font-size:1.25rem;animation:pop .25s var(--ease)}.banner.ok{background:var(--green-container);color:var(--on-green-container)}.banner.bad{background:var(--red-container);color:var(--on-red-container)}.banner.warn{background:var(--orange-container);color:var(--on-orange-container)}.walkin{margin-top:14px;padding:18px;background:var(--orange-container);color:var(--on-orange-container);border-radius:20px;box-shadow:var(--shadow-1)}.walkin .allow,.alert .allow{background:var(--green);color:#04240d}.walkin .allow:hover,.alert .allow:hover{background:#63dd86}.walkin .reject{background:var(--red-container);color:var(--on-red-container)}.walkin .reject:hover{background:#7a201b}.genchoice{margin-top:14px;padding:20px;border-radius:24px;text-align:center;background:var(--sc-high);box-shadow:var(--shadow-2)}.genchoice .gc-q{font-size:1.1rem;font-weight:600}.genchoice button{font-size:1.1rem;font-weight:700;padding:13px 26px}.genchoice .gm-male{background:#3b82f6;color:#fff}.genchoice .gm-male:hover{background:#5c97f7}.genchoice .gm-female{background:#ec4899;color:#fff}.genchoice .gm-female:hover{background:#f06cad}.genchoice .gm-cancel{background:var(--sc-highest)}.nav{display:flex;gap:6px;align-items:center;min-height:64px;padding:8px 20px;position:sticky;top:0;z-index:10;background:var(--sc);box-shadow:var(--shadow-1)}.nav button{background:transparent;color:var(--text-2);padding:10px 18px}.nav button:hover{background:var(--sc-highest);box-shadow:none}.nav button.on{background:var(--secondary-container);color:var(--on-secondary-container)}.nav .who{margin-left:auto;align-self:center;color:var(--text-2);font-size:.9rem}.nav .logout{background:var(--red-container);color:var(--on-red-container)}.nav .logout:hover{background:#7a201b}header .who{padding:10px 16px;background:transparent;border:1px solid var(--outline);border-radius:12px;font-weight:600}.alert{max-width:900px;margin:0 auto;padding:14px 18px}.alert{background:var(--orange-container);color:var(--on-orange-container);border-radius:20px;margin-top:12px;box-shadow:var(--shadow-1)}table.queue{width:100%;border-collapse:collapse;margin-top:12px;font-size:.95rem}table.queue th,table.queue td{text-align:left;padding:12px;border-bottom:1px solid var(--outline-var)}table.queue th{font-size:.74rem;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding:8px 12px}table.queue tr.top td:first-child{font-weight:800;color:var(--yellow)}table.queue tr.male{background:var(--male-tint)}table.queue tr.female{background:var(--female-tint)}table.queue tr.male:hover{background:#78aaff38}table.queue tr.female:hover{background:#ff78aa38}table.queue tr.mine{box-shadow:inset -4px 0 0 var(--primary)}table.queue tr.top{box-shadow:inset 3px 0 0 var(--yellow)}table.queue tr.top.mine{box-shadow:inset 3px 0 0 var(--yellow),inset -4px 0 0 var(--primary)}.acts{text-align:right;white-space:nowrap}.acts button{padding:5px 14px;font-size:.85rem;margin-left:6px;vertical-align:middle}.acts button.send{background:var(--green);color:#04240d;font-weight:800}.acts button.send:hover{background:#63dd86}table.queue td{vertical-align:middle}@keyframes tqs-send-blink-m{0%,to{background:#78aaff21}50%{background:#46d37073}}@keyframes tqs-send-blink-f{0%,to{background:#ff78aa21}50%{background:#46d37073}}table.queue tr.male.needs-dispatch{animation:tqs-send-blink-m 1s ease-in-out infinite}table.queue tr.female.needs-dispatch{animation:tqs-send-blink-f 1s ease-in-out infinite}.admin-card{background:var(--sc);border-radius:20px;padding:16px;margin-top:14px;box-shadow:var(--shadow-1)}.admin-head{display:flex;align-items:center;gap:10px}.admin-head .del{margin-left:auto}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(800px 500px at 50% 30%,rgba(35,74,126,.25),transparent 70%)}.login form{background:var(--sc);box-shadow:var(--shadow-2);padding:36px 30px;border-radius:28px;display:flex;flex-direction:column;gap:14px;width:min(400px,92vw)}.login h1{margin:0 0 8px;font-size:2rem}.login form button{background:var(--primary);color:var(--on-primary);font-weight:800;padding:14px 20px}.login form button:hover{background:#c1d8ff}.login .hint{font-size:.8rem;color:var(--text-2);margin-top:6px;line-height:1.7}.login code{background:var(--sc-highest);padding:2px 8px;border-radius:6px}@keyframes tqs-blink{0%,to{box-shadow:inset 0 0 0 2px transparent}50%{box-shadow:inset 0 0 0 2px #ff5449e6}}tr.over-time{animation:tqs-blink 1s ease-in-out infinite}tr.over-time td{font-weight:600}@media (max-width: 540px){.nav{min-height:56px;padding:6px 10px;gap:4px;flex-wrap:nowrap}.nav button{padding:8px 12px;font-size:.9rem;white-space:nowrap}.nav .who{font-size:.72rem;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav .logout{padding:8px 12px}h1{font-size:1.35rem}header .who{white-space:nowrap;padding:8px 12px;font-size:.9rem}}