@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:Prompt,Segoe UI,Tahoma,sans-serif;--kiosk-ink: #eaf7ff;--kiosk-cyan: #35dfff;--kiosk-blue: #1a63ef;--kiosk-blue-deep: #071a65;--kiosk-success: #10b981;--kiosk-warning: #f59e0b;--kiosk-danger: #ef4444;--kiosk-radius: clamp(16px, 2.4vw, 28px);--kiosk-radius-sm: clamp(10px, 1.4vw, 16px);--kiosk-transition: .25s cubic-bezier(.4, 0, .2, 1)}.view-enter-active,.view-leave-active{transition:opacity .3s ease,transform .3s ease}.view-enter-from{opacity:0;transform:translateY(14px) scale(.97)}.view-leave-to{opacity:0;transform:translateY(-10px) scale(.98)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%;margin:0}body{overflow:hidden;background:url(/background.png) center / cover no-repeat fixed}body.kiosk-mode{overflow:hidden;overscroll-behavior:none}body.kiosk-cursor-hidden,body.kiosk-cursor-hidden *{cursor:none!important}.kiosk-page{width:100vw;height:100dvh;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden;background:url(/background.png) center / cover no-repeat,linear-gradient(180deg,#080f57,#071246 40%,#04093a)}.kiosk-scene{position:absolute;inset:0;display:grid;place-items:center;isolation:isolate}.poster-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(44px);opacity:.7}.poster-glow-left{width:38vw;height:38vw;left:-16vw;bottom:-8vw;background:radial-gradient(circle,#299cff59,#299cff00 70%)}.poster-glow-right{width:34vw;height:34vw;right:-14vw;top:20vh;background:radial-gradient(circle,#106cff2e,#106cff00 72%)}.poster-glow-bottom{width:54vw;height:28vw;left:23vw;bottom:-6vw;background:radial-gradient(ellipse,#20afff42,#20afff00 68%)}.poster-panel{position:relative;width:min(96vw,66.666vh);aspect-ratio:2 / 3;max-height:96vh;border-radius:2.4vw;overflow:hidden;background:radial-gradient(ellipse at 50% 16%,#1149cb8c,#07166000 62%),radial-gradient(ellipse at 50% 115%,#1096ff26,#1096ff00 50%),linear-gradient(180deg,#0a1b72b8,#07134f94 38%,#04093a80);box-shadow:0 26px 80px #00000073,inset 0 0 0 1px #40adff29;display:flex;flex-direction:column;justify-content:space-between;padding:3.5% 7.2% 4.5%}.poster-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff05,#fff0 40%),radial-gradient(circle at 15% 72%,#4baeff24,#4baeff00 24%),radial-gradient(circle at 90% 72%,#4baeff24,#4baeff00 22%);pointer-events:none}.poster-vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0000 0 45%,#0000000a),radial-gradient(circle at 50% 85%,#0000 0 55%,#0000000f);pointer-events:none}.poster-brand{display:grid;place-items:center;margin-top:4.5%}.poster-ring{position:absolute;inset:0;border-radius:50%;background:linear-gradient(145deg,#48e7ff,#34b8ff 44%,#2b7dff);box-shadow:0 0 0 2.8vw #0000 inset,0 10px 28px #0969ff52}.poster-ring:before{content:"";position:absolute;inset:11.8%;border-radius:50%;background:#081d66}.poster-ring:after{content:"";position:absolute;right:8%;bottom:16%;width:33%;height:12%;border-radius:999px;background:linear-gradient(180deg,#49e7ff,#2cb0ff);transform:rotate(45deg)}.poster-tail{position:absolute;right:16%;bottom:20%;width:12.5%;aspect-ratio:1;border-radius:50%;background:#42dfff;box-shadow:0 0 18px #3edfff70}.poster-dot{position:absolute;right:24%;bottom:13%;width:11%;aspect-ratio:1;border-radius:50%;background:linear-gradient(180deg,#42dfff,#2aaeff);transform:rotate(44deg) translate(10%,56%);box-shadow:0 0 12px #3edfff59}.poster-title{margin:0;text-align:center;line-height:.96;font-size:clamp(3.05rem,6.9vw,5.5rem);letter-spacing:-.03em;font-weight:600;position:relative;z-index:1}.poster-title-main{color:#f7fbff}.poster-title-accent{margin-left:.08em;color:var(--kiosk-cyan)}.poster-subtitle{margin:1.3% 0 0;text-align:center;line-height:.96;font-size:clamp(3.05rem,6.9vw,5.5rem);font-weight:600;color:#f7fbff;letter-spacing:-.03em;position:relative;z-index:1}.poster-divider{display:grid;place-items:center;margin:4.5% 0 5.2%;position:relative;z-index:1}.poster-divider span{width:42%;height:2px;border-radius:999px;background:linear-gradient(90deg,#44d6ff00,#44d6ff47 18%,#44d6fff5,#44d6ff47 82%,#44d6ff00);position:relative}.poster-divider span:before{content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);background:#44e6ff;box-shadow:0 0 14px #44e6fff2}.poster-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;position:relative;z-index:1}.poster-feature{text-align:center;padding:0 4%;position:relative}.poster-feature:not(:last-child):after{content:"";position:absolute;right:0;top:12%;width:1px;height:78%;background:linear-gradient(180deg,#83c0ff00,#83c0ff66,#83c0ff00)}.poster-feature-icon{width:30%;aspect-ratio:1;min-width:74px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 26%,#41e4fffa,#41e4ff00 24%),linear-gradient(180deg,#104fd1f5,#0a2d91f5);box-shadow:inset 0 0 0 1px #62d1ff59,0 0 0 1px #0e50dc33,0 12px 24px #030d3947}.poster-feature-icon svg{width:60%;height:60%;fill:#3de1fffa;stroke:#3de1fffa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.poster-feature-title{margin:0;color:#f8fbff;font-size:clamp(1.18rem,2.1vw,2rem);font-weight:700;line-height:1.1}.poster-feature-sub{margin-top:4px;color:#f5faffed;font-size:clamp(.98rem,1.55vw,1.35rem);line-height:1.08}.poster-wave{position:absolute;left:0;right:0;bottom:21.5%;height:16%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#3ddcff47,#3ddcff00 55%),linear-gradient(180deg,#3bf0,#33bbff38 44%,#3bf0);clip-path:polygon(0 57%,7% 67%,13% 69%,20% 63%,28% 54%,35% 49%,43% 51%,50% 59%,58% 69%,66% 75%,74% 73%,82% 63%,90% 55%,100% 58%,100% 100%,0 100%);filter:blur(.1px)}.poster-wave:before,.poster-wave:after{content:"";position:absolute;inset:0;clip-path:inherit}.poster-wave:before{background:repeating-radial-gradient(circle at 20% 55%,rgba(72,225,255,.55) 0 1px,transparent 1px 8px),repeating-radial-gradient(circle at 85% 70%,rgba(72,225,255,.72) 0 1px,transparent 1px 7px),linear-gradient(180deg,#48e1ff29,#48e1ff00);opacity:.95}.poster-wave:after{background:linear-gradient(180deg,#4bc8ff00,#4bc8ff2e 40%,#4bc8ff00);filter:blur(1.4px)}.poster-actions{position:absolute;left:14.2%;right:14.2%;bottom:9.6%;z-index:2;display:flex;flex-direction:column;gap:1.1vw}.service-card{position:relative;min-height:5.6vw;max-height:106px;border:1px solid rgba(95,198,255,.58);border-radius:14px;padding:1.05vw 1.35vw;background:linear-gradient(180deg,#1d55d1fa,#103da8fa);color:#fff;display:flex;align-items:center;gap:1.1vw;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 10px 28px #010e3a47;overflow:hidden}.service-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1f,#fff0 40%);pointer-events:none}.service-card:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 0 0 1px #00bfff14;pointer-events:none}.service-card:disabled{opacity:.75;cursor:wait}.service-card-badge{width:4.7vw;height:4.7vw;min-width:54px;min-height:54px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#3ae1fffa,#3ae1ff00 26%),linear-gradient(180deg,#1148cdfa,#09237cfa);box-shadow:inset 0 0 0 1px #8fdbff2e}.service-card-badge svg{width:62%;height:62%;fill:none;stroke:#ecfbff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.badge-2 svg{stroke:#3ddfff}.service-card-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.service-card-title{font-size:clamp(1.35rem,2.25vw,2.15rem);line-height:1.04;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.service-card-subtitle{margin-top:2px;font-size:clamp(.94rem,1.4vw,1.24rem);line-height:1.05;color:#f6fcffeb}.service-card-chevron{width:1.3em;flex:0 0 auto;color:#effbff;font-size:clamp(2rem,3vw,3.4rem);line-height:1;padding-left:.2em}.poster-footer{position:absolute;left:0;right:0;bottom:4.2%;text-align:center;z-index:2;font-size:clamp(1.05rem,1.9vw,1.8rem);color:#49dfff;letter-spacing:.01em}.poster-footer span{color:#ffffffa3;margin:0 .45em}.ticket-overlay{position:fixed;inset:0;z-index:90;background:#0e15226b;display:grid;place-items:center;padding:16px}.ticket-card{width:min(420px,100%);border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 24px 60px #0b12283d;padding:22px;text-align:center}.ticket-check-circle{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#25c86e,#16914b)}.ticket-title{margin:0;font-size:18px;font-weight:700}.ticket-number{margin:10px 0 0;font-size:72px;line-height:1;color:var(--kiosk-blue)}.ticket-service,.ticket-time{margin:8px 0 0;color:#475569}.connect-overlay{position:fixed;inset:0;z-index:90;background:#0f172a8c;display:flex;align-items:center;justify-content:center;padding:16px}.connect-panel{width:min(720px,100%);max-height:90vh;overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,#fffffffa,#f8fafcf2);box-shadow:0 25px 50px #02061740;padding:24px}.connect-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.connect-header h3{margin:0;font-size:20px;font-weight:700}.connect-close{border:1px solid #d3dde9;background:#fff;color:#334155;width:36px;height:36px;border-radius:12px}.connect-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.connect-field{display:flex;flex-direction:column;gap:6px}.connect-field span{font-size:12px;font-weight:600}.connect-field input,.connect-field select{width:100%;border:1px solid #d3dde9;border-radius:12px;background:#fff;color:#0f172a;padding:12px 14px;font-size:14px}.connect-switch{grid-column:1 / -1;display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.connect-message{margin:12px 0 0;font-size:13px;font-weight:500;padding:10px 14px;border-radius:10px}.connect-error{color:#b91c1c;background:#ef44441a}.connect-success{color:#166534;background:#22c55e1a}.connect-hint{margin:12px 0 0;font-size:12px;color:#64748b;padding:10px 14px;background:#64748b14;border-radius:10px}.connect-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.connect-btn{border:1px solid #d3dde9;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:600}.connect-btn.secondary{background:#f8fafc;color:#334155}.connect-btn.primary{background:linear-gradient(135deg,var(--kiosk-blue) 0%,#153257 100%);border-color:var(--kiosk-blue);color:#fff}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.poster-panel{width:min(94vw,68vh);padding:5.8% 6.6% 4.8%;border-radius:4vw}.poster-title,.poster-subtitle{font-size:clamp(2.5rem,7vw,4.7rem)}.poster-actions{left:12%;right:12%;gap:10px}}@media(max-width:640px){.poster-panel{width:94vw;aspect-ratio:.74 / 1;padding:7% 5.8% 5.2%}.poster-features{gap:2px}.poster-feature{padding:0 2.5%}.poster-feature-icon{min-width:54px}.poster-actions{left:9%;right:9%;bottom:10%}.service-card{min-height:54px;padding:10px 12px;gap:10px}.service-card-title{font-size:1rem}.service-card-subtitle{font-size:.8rem}.service-card-chevron{font-size:2rem}}.home-top{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.home-logo{max-width:220px;width:90%;height:auto;margin-bottom:1vh;object-fit:contain}.home-bottom{display:flex;align-items:flex-end}.home-three-buttons{display:flex;flex-direction:column;gap:1.8vh;position:relative;z-index:1;width:100%}.home-btn{position:relative;display:flex;align-items:center;gap:3vw;width:100%;min-height:12vh;border:0px solid rgba(95,198,255,.55);border-radius:2.6vw;padding:2vh 2.5vw;background:linear-gradient(180deg,#1d55d1fa,#103da8fa);color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff2e,0 10px 28px #010e3a4d;overflow:hidden;transition:transform .12s,box-shadow .12s;-webkit-tap-highlight-color:transparent}.home-btn:active{transform:scale(.97);box-shadow:inset 0 1px #ffffff1f,0 6px 16px #010e3a59}.home-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1f,#fff0 40%);pointer-events:none;border-radius:inherit}.home-btn-icon{width:12vw;height:12vw;min-width:86px;min-height:86px;max-width:130px;max-height:130px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:radial-gradient(circle at 34% 28%,#3ae1fffa,#3ae1ff00 26%),linear-gradient(180deg,#1148cdfa,#09237cfa);box-shadow:inset 0 0 0 1px #8fdbff2e}.home-btn-icon svg{width:70%;height:70%;stroke:#ecfbff;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.home-btn-text{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;text-align:left}.home-btn-title{font-size:clamp(2rem,3.2vw,3rem);line-height:1.08;font-weight:700;white-space:nowrap}.home-btn-sub{margin-top:10px;font-size:clamp(1.15rem,1.7vw,1.65rem);line-height:1.1;color:#f6fcffe0}.sub-panel{position:relative;width:min(96vw,66.666vh);aspect-ratio:2 / 3;max-height:96vh;border-radius:2.4vw;overflow:hidden;background:radial-gradient(ellipse at 50% 16%,#1149cb8c,#07166000 62%),linear-gradient(180deg,#0a1b72b8,#07134f94 38%,#04093a80);box-shadow:0 26px 80px #00000073,inset 0 0 0 1px #40adff29;display:flex;flex-direction:column}.sub-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,#0000 0 45%,#00000024),radial-gradient(circle at 50% 85%,#0000 0 55%,#0000002e);pointer-events:none;border-radius:inherit}.sub-panel-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:3.5% 4.5% 2.5%;gap:3vw;position:relative;z-index:1}.sub-back-btn{width:5.6vw;min-width:42px;aspect-ratio:1;border:1px solid rgba(131,192,255,.3);border-radius:50%;background:#113b9c8c;color:#eaf7ff;font-size:clamp(1.8rem,3vw,2.8rem);display:grid;place-items:center;cursor:pointer;transition:background .12s;-webkit-tap-highlight-color:transparent}.sub-back-btn:active{background:#113b9cd9}.sub-panel-title{margin:0;font-size:clamp(1.6rem,2.6vw,2.4rem);font-weight:700;color:#f8fbff;text-align:center}.sub-panel-body{flex:1;overflow-y:auto;padding:0 6% 5%;position:relative;z-index:1;-webkit-overflow-scrolling:touch}.sub-panel-body.scroll-y{overflow-y:auto}.sub-panel-body::-webkit-scrollbar{width:4px}.sub-panel-body::-webkit-scrollbar-thumb{background:#83c0ff40;border-radius:4px}.sub-error{color:#fc8181;background:#e53e3e2e;border:1px solid rgba(252,129,129,.3);border-radius:12px;padding:12px 16px;font-size:clamp(.9rem,1.4vw,1.1rem);text-align:center;margin-bottom:12px}.sub-empty{text-align:center;color:#f5faffb3;padding:10vh 0;font-size:clamp(1rem,1.6vw,1.3rem)}.sub-service-btn{position:relative;display:flex;align-items:center;gap:2.5vw;width:100%;min-height:7vh;border:1px solid rgba(95,198,255,.5);border-radius:1.4vw;padding:1.1vh 2.2vw;margin-bottom:1.4vh;background:linear-gradient(180deg,#1d55d1f5,#103da8f5);color:#fff;cursor:pointer;box-shadow:inset 0 1px #ffffff26,0 8px 22px #010e3a42;overflow:hidden;transition:transform .1s;-webkit-tap-highlight-color:transparent}.sub-service-btn:active{transform:scale(.97)}.sub-service-btn:disabled{opacity:.7;cursor:wait}.sub-service-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#fff0 35%);pointer-events:none;border-radius:inherit}.sub-service-badge{width:6vw;height:6vw;min-width:46px;min-height:46px;max-width:64px;max-height:64px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:clamp(1.1rem,1.8vw,1.6rem);font-weight:800;color:#ecfbff;background:radial-gradient(circle at 34% 28%,#3ae1ffd9,#3ae1ff00 28%),linear-gradient(180deg,#1148cdfa,#09237cfa);box-shadow:inset 0 0 0 1px #8fdbff29}.sub-service-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.sub-service-title{font-size:clamp(1.15rem,1.8vw,1.75rem);line-height:1.08;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-service-subtitle{margin-top:2px;font-size:clamp(.85rem,1.25vw,1.1rem);line-height:1.1;color:#f6fcffd9}.sub-service-arrow{font-size:clamp(1.6rem,2.5vw,2.8rem);color:#effbff;flex:0 0 auto}.queue-check-body{display:flex;flex-direction:column;gap:2.5vh;padding:3% 6% 5%}.queue-check-form{display:flex;flex-direction:column;gap:1.2vh}.queue-check-label{color:#eaf7ff;font-size:clamp(1rem,1.5vw,1.3rem);font-weight:600}.queue-check-input-row{display:flex;gap:2vw}.queue-check-input{flex:1;border:1px solid rgba(131,192,255,.4);border-radius:1.2vw;background:#0f1e50b3;color:#f8fbff;padding:1.3vh 2vw;font-size:clamp(1.2rem,2vw,1.8rem);font-family:Prompt,sans-serif;outline:none;transition:border-color .15s}.queue-check-input::placeholder{color:#c8daff73}.queue-check-input:focus{border-color:#4cc3ffd9}.queue-check-btn{border:1px solid rgba(95,198,255,.5);border-radius:1.2vw;background:linear-gradient(180deg,#1d55d1fa,#103da8fa);color:#fff;padding:1.3vh 3vw;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:700;font-family:Prompt,sans-serif;cursor:pointer;white-space:nowrap;transition:transform .1s}.queue-check-btn:active{transform:scale(.95)}.queue-check-btn:disabled{opacity:.6}.queue-check-error{color:#fc8181;font-size:clamp(.85rem,1.2vw,1rem);margin:0}.queue-check-result-card{border:1px solid rgba(95,198,255,.45);border-radius:1.6vw;background:linear-gradient(180deg,#1741accc,#0d2570cc);padding:4vh 4vw;text-align:center;color:#f8fbff;box-shadow:inset 0 1px #ffffff1a,0 10px 28px #010e3a4d}.queue-result-number{font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:1;color:#49dfff;letter-spacing:2px}.queue-result-service{font-size:clamp(1rem,1.6vw,1.4rem);color:#f6fcffd9;margin-top:1vh}.queue-result-divider{width:60%;height:1px;margin:2.5vh auto;background:linear-gradient(90deg,#44d6ff00,#44d6ff80,#44d6ff00)}.queue-result-row{display:flex;justify-content:space-between;align-items:center;padding:1.2vh 0;border-bottom:1px solid rgba(131,192,255,.12)}.queue-result-row:last-child{border-bottom:0}.queue-result-label{font-size:clamp(.9rem,1.35vw,1.15rem);color:#c8daffcc}.queue-result-value{font-size:clamp(1rem,1.5vw,1.3rem);font-weight:700;color:#f8fbff}.queue-status-badge{display:inline-block;padding:.3vh 2vw;border-radius:999px;font-size:clamp(.8rem,1.2vw,1rem)}.status-waiting,.status-pending{background:#eab30840;color:#fde68a}.status-called,.status-serving{background:#3b82f64d;color:#93c5fd}.status-completed{background:#22c55e40;color:#86efac}.status-cancelled,.status-no_show{background:#ef444440;color:#fca5a5}.info-card{display:flex;align-items:center;gap:2.5vw;border:1px solid rgba(95,198,255,.35);border-radius:1.4vw;padding:1.5vh 2.2vw;margin-bottom:1.4vh;background:linear-gradient(180deg,#1741ac99,#0d257099);box-shadow:inset 0 1px #ffffff0f}.info-badge{width:5.6vw;height:5.6vw;min-width:42px;min-height:42px;max-width:58px;max-height:58px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;font-size:clamp(1rem,1.6vw,1.4rem);font-weight:800;color:#ecfbff;background:radial-gradient(circle at 34% 28%,#3ae1ffb3,#3ae1ff00 28%),linear-gradient(180deg,#1148cde6,#09237ce6);box-shadow:inset 0 0 0 1px #8fdbff24}.info-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.info-title{font-size:clamp(1.1rem,1.7vw,1.6rem);line-height:1.1;font-weight:700;color:#f8fbff}.info-subtitle{margin-top:2px;font-size:clamp(.85rem,1.2vw,1rem);color:#c8daffcc}@media(max-width:920px){.sub-panel{width:min(94vw,68vh);border-radius:4vw}.home-btn{min-height:8.5vh;border-radius:2vw}.home-btn-icon{min-width:48px;min-height:48px}}@media(max-width:640px){.sub-panel{width:94vw;aspect-ratio:.74 / 1}.sub-panel-header{padding:5% 5% 3%}.sub-panel-body{padding:0 5% 5%}.home-btn{min-height:7.8vh;padding:1vh 3vw;gap:3vw;border-radius:2.6vw}.home-btn-icon{min-width:40px;min-height:40px}.home-btn-title{font-size:1.3rem}.home-btn-sub{font-size:.9rem}.sub-service-btn{padding:10px 12px;gap:10px;border-radius:2.6vw}.sub-service-title{font-size:1rem}.sub-service-subtitle{font-size:.78rem}.queue-check-input{font-size:1rem;padding:10px 14px}.queue-check-btn{font-size:.95rem;padding:10px 16px}}.kiosk-status-bar{position:fixed;top:0;right:0;z-index:80;display:flex;align-items:center;gap:1vw;padding:1.4vh 2vw;pointer-events:none}.kiosk-status-chip{display:inline-flex;align-items:center;gap:.4vw;font-size:clamp(.7rem,1vw,.85rem);font-weight:600;padding:.5vh 1.2vw;border-radius:999px;letter-spacing:.02em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.kiosk-status-chip.online{background:#10b9812e;color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.kiosk-status-chip.offline{background:#ef44442e;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.kiosk-status-chip.site-name{background:#94a3b826;color:#cbd5e1;border:1px solid rgba(148,163,184,.2);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kiosk-status-dot{width:7px;height:7px;border-radius:50%}.kiosk-status-dot.online{background:#10b981;box-shadow:0 0 6px #10b98199;animation:statusPulse 2s ease-in-out infinite}.kiosk-status-dot.offline{background:#ef4444;box-shadow:0 0 6px #ef444466}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.4}}.kiosk-settings-btn{position:fixed;bottom:2vh;right:2vw;z-index:80;width:clamp(38px,5vw,52px);height:clamp(38px,5vw,52px);border-radius:50%;border:1px solid rgba(131,192,255,.3);background:#0f1e50a6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#94a3b8;font-size:clamp(1rem,1.5vw,1.3rem);display:grid;place-items:center;cursor:pointer;transition:all var(--kiosk-transition);opacity:.5}.kiosk-settings-btn:hover{opacity:1;color:#e2e8f0;border-color:#83c0ff8c;background:#1e3a8abf;box-shadow:0 4px 16px #3b82f633}.kiosk-prompt{position:fixed;bottom:0;left:0;right:0;z-index:100;padding:1.5vh 4vw;background:linear-gradient(180deg,#0a184cf2,#07113afa);border-top:1px solid rgba(68,214,255,.3);display:flex;align-items:center;justify-content:center;gap:3vw;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.kiosk-prompt-text{color:#eaf7ff;font-size:clamp(.85rem,1.2vw,1.05rem);font-weight:600}.kiosk-prompt-btn{border:1px solid rgba(68,214,255,.5);border-radius:999px;background:linear-gradient(135deg,#115eead9,#0934aed9);color:#fff;padding:.8vh 3vw;font-size:clamp(.8rem,1.1vw,.95rem);font-weight:700;font-family:Prompt,sans-serif;cursor:pointer;white-space:nowrap;transition:all .15s;box-shadow:0 4px 14px #3b82f64d}.kiosk-prompt-btn:active{transform:scale(.95);box-shadow:0 2px 8px #3b82f633}.home-tagline{text-align:center;margin-top:.5vh;color:#c8dcff99;font-size:clamp(.8rem,1.1vw,1rem);font-weight:500;letter-spacing:.04em}.home-logo-wrap{position:relative;display:inline-flex}.home-logo-glow{position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,rgba(68,214,255,.25) 0%,transparent 65%);pointer-events:none}.ticket-overlay{animation:overlayFadeIn .3s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.ticket-card{animation:ticketPopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes ticketPopIn{0%{opacity:0;transform:scale(.7) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.ticket-check-circle{animation:checkBounce .5s .15s cubic-bezier(.34,1.56,.64,1) both}@keyframes checkBounce{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.ticket-number-wrap{position:relative;display:inline-block;margin:.5vh auto}.ticket-number-wrap:before{content:"";position:absolute;inset:-10px -20px;background:radial-gradient(ellipse,rgba(26,99,239,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none}.ticket-meta{display:flex;align-items:center;justify-content:center;gap:1.5vw;margin-top:1.2vh;color:#64748b;font-size:clamp(.8rem,1.1vw,.9rem)}.ticket-meta-item{display:inline-flex;align-items:center;gap:.4vw;padding:.4vh 1vw;background:#f1f5f9;border-radius:999px}.ticket-waiting-info{margin-top:1.5vh;padding-top:1.2vh;border-top:1px solid #e5e7eb;display:flex;justify-content:center;gap:2vw}.ticket-waiting-chip{display:flex;flex-direction:column;align-items:center;gap:.2vh}.ticket-waiting-label{font-size:clamp(.7rem,.95vw,.8rem);color:#94a3b8;font-weight:500}.ticket-waiting-value{font-size:clamp(1rem,1.4vw,1.2rem);font-weight:700;color:#1e293b}.connect-overlay{animation:overlayFadeIn .25s ease}.connect-panel{animation:ticketPopIn .35s cubic-bezier(.34,1.56,.64,1)}.connect-btn{cursor:pointer;transition:all .15s}.connect-btn:active{transform:scale(.95)}.connect-btn.primary{box-shadow:0 4px 14px #1a63ef59}.connect-btn.primary:hover{box-shadow:0 6px 20px #1a63ef73;transform:translateY(-1px)}.sub-service-btn.loading-state{position:relative;overflow:hidden}.sub-service-btn.loading-state:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sub-panel-body::-webkit-scrollbar{width:5px}.sub-panel-body::-webkit-scrollbar-track{background:transparent}.sub-panel-body::-webkit-scrollbar-thumb{background:#83c0ff33;border-radius:10px;border:1px solid rgba(131,192,255,.08)}.sub-panel-body::-webkit-scrollbar-thumb:hover{background:#83c0ff59}button:focus-visible{outline:2px solid rgba(68,214,255,.7);outline-offset:2px}input:focus-visible{outline:2px solid rgba(68,214,255,.5);outline-offset:1px}