.kiosk{background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;min-height:100vh;font-size:26px;display:flex}.kiosk-test{background:var(--test-bg);color:var(--test);border-bottom:2px solid var(--test-line);text-align:center;padding:6px;font-size:16px;font-weight:800}.kiosk-head{background:var(--brand-bg);color:#fff;align-items:center;gap:16px;padding:16px 30px;display:flex}.kiosk-head img{filter:brightness(0)invert()}.kiosk-head .t{font-size:34px;font-weight:800}.kiosk-head .r{text-align:right;margin-left:auto;font-size:20px}.kiosk-main{flex-direction:column;flex:1;padding:24px 30px;display:flex}.kiosk h1{margin:0 0 6px;font-size:46px}.kiosk-sub{color:var(--muted);border:0;padding:0;font-size:24px}.kiosk .chip{border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:20px;font-weight:800;display:inline-flex}.kiosk-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin-top:20px;display:grid}.kiosk-m{background:var(--surface);border:3px solid var(--line);min-height:170px;color:var(--ink);border-radius:20px;flex-direction:column;align-items:flex-start;padding:16px 18px;text-decoration:none;display:flex}.kiosk-m .id{font-size:44px;font-weight:800}.kiosk-m .sz{color:var(--muted);font-size:22px}.kiosk-m.free{border:4px solid var(--ok)}.kiosk-m.busy{background:var(--muted-bg)}.kiosk-bar{justify-content:space-between;align-items:center;gap:18px;margin-top:auto;padding-top:18px;display:flex}.kiosk-btn{text-align:center;background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:18px;padding:20px 36px;font-size:30px;font-weight:800;text-decoration:none;display:inline-block}.kiosk-btn.ghost{background:var(--surface);color:var(--blue);border:3px solid var(--blue)}.kiosk-btn:disabled{background:#9ca3af}.kiosk-two{grid-template-columns:1.3fr 1fr;align-items:start;gap:26px;margin-top:18px;display:grid}.kiosk-opts{border:0;gap:14px;margin:0;padding:0;display:grid}.kiosk-opt{background:var(--surface);border:3px solid var(--line-mid);cursor:pointer;border-radius:18px;justify-content:space-between;padding:18px 24px;font-size:30px;font-weight:800;display:flex}.kiosk-opt input{opacity:0;position:absolute}.kiosk-opt .d{color:var(--muted);font-size:20px;font-weight:500;display:block}.kiosk-opt.on{border:5px solid var(--blue);background:var(--blue-soft);color:var(--blue)}.kiosk-paybox{background:var(--surface);border:3px solid var(--line);border-radius:24px;flex-direction:column;gap:14px;padding:22px;display:flex}.kiosk-paybox .price{font-size:64px;font-weight:800}.kiosk-held{background:var(--warn-bg);border:2px solid var(--warn-line);color:var(--warn-ink);border-radius:14px;padding:12px 16px;font-size:24px;font-weight:700}.kiosk-tap{background:var(--blue);color:#fff;text-align:center;border-radius:18px;margin:18px 0;padding:22px;font-size:32px;font-weight:800}.kiosk-tap .arrow{font-size:54px;line-height:1;display:block}.kiosk-terminal{color:#fff;border:4px dashed var(--test-line);background:#1f2937;border-radius:28px;padding:20px}.kiosk-terminal .screen{color:#064e3b;text-align:center;background:#d1fae5;border-radius:12px;margin-bottom:16px;padding:14px}.kiosk-terminal .amt{font-size:48px;font-weight:800}.kiosk-terminal .small{font-size:16px;font-weight:700}.kiosk-terminal .keys{gap:12px;display:grid}.kiosk-terminal .key{color:#111827;cursor:pointer;background:#e5e7eb;border:0;border-radius:14px;padding:18px;font-size:24px;font-weight:800}.kiosk-terminal .key.ok{color:#fff;background:#16a34a}.kiosk-terminal .key.bad{color:#7f1d1d;background:#fecaca}.kiosk-done{grid-template-columns:1.4fr 1fr;gap:30px;margin-top:20px;display:grid}.kiosk-step{background:var(--surface);border:2px solid var(--line);border-radius:18px;align-items:center;gap:18px;margin-bottom:14px;padding:18px 22px;font-size:30px;font-weight:700;display:flex}.kiosk-step .n{background:var(--blue);color:#fff;text-align:center;border-radius:50%;flex:none;width:56px;height:56px;font-weight:800;line-height:56px}.kiosk-qr{background:var(--surface);border:3px solid var(--line);text-align:center;border-radius:24px;padding:20px;font-size:24px}.kiosk-qr .qr svg{width:200px;height:200px;margin:10px auto}.kiosk-msg{margin:24px 0;font-size:30px}.kiosk-reset{color:var(--muted);font-size:22px}.kiosk-products{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:20px;display:grid}.kiosk-product{background:var(--surface);border:4px solid var(--ok);border-radius:20px;flex-direction:column;gap:8px;padding:18px;display:flex}.kiosk-product.out{border:3px solid var(--line);background:var(--muted-bg)}.kiosk-product .n{font-size:30px;font-weight:800}.kiosk-product .d{color:var(--muted);font-size:20px}.kiosk-product .kiosk-btn{width:100%}.kiosk-wifi{background:var(--run-bg);border-radius:14px;margin-top:18px;padding:12px 16px;font-size:24px}.kiosk .offline-banner,.kiosk .offline-back{padding:20px 30px;font-size:26px}.kiosk .last-updated{padding:6px 30px;font-size:18px}.kiosk .last-updated.stale{padding:14px 30px;font-size:22px}.recover-back{z-index:50;background:#0000008c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.recover{background:var(--surface);color:var(--ink);border-top:14px solid var(--line-strong);text-align:center;border-radius:24px;justify-items:center;gap:10px;width:100%;max-width:760px;padding:30px 40px;display:grid}.recover.paid{border-top-color:var(--ok)}.recover.not-charged{border-top-color:var(--off)}.recover.refund{border-top-color:var(--done)}.recover.unclear{border-top-color:var(--bad)}.recover .ic{font-size:64px;line-height:1}.recover.paid .ic{color:var(--ok)}.recover h2{margin:0;font-size:44px}.recover .what{margin:0;font-size:24px;font-weight:700}.recover .kiosk-btn{min-width:220px;margin-top:10px}.kiosk-terminal .key:disabled{opacity:.45;cursor:not-allowed}
.kiosk{--u:calc(100vmin / 1080);--ks-card:#edf4ff;--ks-card-line:#d3e2fb;--ks-card-hover:#e2edff;--ks-navy:#0b1f66;--ks-link:#1452d6;--ks-dot-free:#1fa246;--ks-dot-none:#9ca3af;--ks-page:#f1f4f9;--ks-tile:#fff;--ks-tile-line:#e3e8f0;--ks-tile-press:#f6f8fc;--ks-tile-shadow:0 calc(2 * var(--u)) calc(6 * var(--u)) #1023500a, 0 calc(10 * var(--u)) calc(30 * var(--u)) #1023500d;--ks-pic-bg:linear-gradient(180deg, #f7f9fc 0%, #fff 100%);--ks-pill-free:#e3f6e8;--ks-pill-free-ink:#16672f;--ks-pill-none:#eef0f4;--ks-pill-none-ink:#4b5563}:root[data-theme=dark] .kiosk{--ks-card:#172447;--ks-card-line:#26355f;--ks-card-hover:#1d2c56;--ks-navy:#e6e9ef;--ks-link:#8fb0ff;--ks-dot-free:#4ade80;--ks-dot-none:#6b7587;--ks-page:#0f1729;--ks-tile:#172036;--ks-tile-line:#26324d;--ks-tile-press:#1c2742;--ks-tile-shadow:0 calc(10 * var(--u)) calc(30 * var(--u)) #0000004d;--ks-pic-bg:linear-gradient(180deg, #1f2a44 0%, #172036 100%);--ks-pill-free:#173d27;--ks-pill-free-ink:#86efac;--ks-pill-none:#262f42;--ks-pill-none-ink:#a3acbb}.kiosk-head.ks-head{gap:calc(20 * var(--u));padding:calc(18 * var(--u)) calc(40 * var(--u))}.kiosk-head.ks-head img{width:calc(76 * var(--u));height:calc(76 * var(--u))}.ks-brand{min-width:0}.ks-head .ks-brand .t{font-size:calc(50 * var(--u));letter-spacing:-.01em;white-space:nowrap;font-weight:800;line-height:1.05}.ks-brand .s{font-size:calc(22 * var(--u));opacity:.85}.ks-head-tools{gap:calc(16 * var(--u));align-items:center;margin-left:auto;display:flex}.ks-head-btn{align-items:center;gap:calc(14 * var(--u));min-height:calc(80 * var(--u));padding:calc(10 * var(--u)) calc(30 * var(--u));border:calc(3 * var(--u)) solid #ffffffe6;color:#fff;font:inherit;font-size:calc(30 * var(--u));cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;font-weight:700;display:inline-flex}.ks-head-btn svg{font-size:calc(40 * var(--u));flex:none}.ks-head-btn:active{background:#ffffff2e}.ks-head-btn:focus-visible,.ks-card:focus-visible,.ks-lang-opt:focus-visible,.ks-close:focus-visible{outline:calc(5 * var(--u)) solid #ffb703;outline-offset:calc(4 * var(--u))}.ks-lang-btn span{max-width:calc(300 * var(--u));text-overflow:ellipsis;overflow:hidden}.kiosk .ks-hello h1{font-size:calc(84 * var(--u));letter-spacing:-.02em;color:var(--ks-navy);margin:calc(10 * var(--u)) 0 calc(6 * var(--u));line-height:1.05}.ks-hello p{font-size:calc(38 * var(--u));color:var(--ink);margin:0}.kiosk:has(.ks-cards){background:var(--ks-page)}.ks-cards{margin:calc(30 * var(--u)) 0 0;gap:calc(32 * var(--u));flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);padding:0;list-style:none;display:grid}.ks-cards>li{min-height:0;display:flex}.ks-card{background:var(--ks-tile);border:calc(2 * var(--u)) solid var(--ks-tile-line);border-radius:calc(32 * var(--u));min-height:0;color:var(--ks-navy);box-shadow:var(--ks-tile-shadow);flex-direction:column;flex:1;text-decoration:none;transition:transform 80ms,background .15s;display:flex;overflow:hidden}.ks-card:active{background:var(--ks-tile-press);transform:scale(.98)}.ks-card .pic{min-height:calc(260 * var(--u));background:var(--ks-pic-bg);flex:1 1 0;position:relative}.ks-card .pic img{inset:calc(16 * var(--u)) calc(16 * var(--u)) 0;width:calc(100% - 32 * var(--u));height:calc(100% - 16 * var(--u));object-fit:contain;position:absolute}.ks-card .txt{gap:calc(10 * var(--u));padding:calc(22 * var(--u)) calc(36 * var(--u)) calc(34 * var(--u));flex-direction:column;display:flex}.ks-card .t{font-size:calc(58 * var(--u));letter-spacing:-.02em;font-weight:800;line-height:1.05}.ks-card .row{justify-content:space-between;align-items:center;gap:calc(10 * var(--u)) calc(20 * var(--u));flex-wrap:wrap;display:flex}.ks-card .l{font-size:calc(30 * var(--u));color:var(--muted);min-width:0}.ks-card .a{align-items:center;gap:calc(12 * var(--u));padding:calc(8 * var(--u)) calc(20 * var(--u));font-size:calc(27 * var(--u));white-space:nowrap;border-radius:999px;margin-left:auto;font-weight:700;line-height:1.2;display:inline-flex}.ks-card .a.free{background:var(--ks-pill-free);color:var(--ks-pill-free-ink)}.ks-card .a.none{background:var(--ks-pill-none);color:var(--ks-pill-none-ink)}.ks-card .a.plain{color:var(--muted);padding-inline:0;font-weight:600}.ks-card .dot{width:calc(18 * var(--u));height:calc(18 * var(--u));background:var(--ks-dot-none);border-radius:50%;flex:none}.ks-card .a.free .dot{background:var(--ks-dot-free)}@media (orientation:landscape){.ks-cards{grid-template-rows:minmax(0,1fr) auto;grid-auto-rows:auto}.ks-cards>li{grid-row:span 2;grid-template-rows:subgrid;display:grid}.ks-card{grid-row:1/3;grid-template-rows:subgrid;display:grid}}.ks-sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (orientation:portrait){.ks-cards{grid-template-columns:minmax(0,1fr)}.ks-card{flex-direction:row;align-items:stretch}.ks-card .pic{min-height:calc(240 * var(--u));background:0 0;flex:0 0 42%}.ks-card .pic img{inset:calc(20 * var(--u));width:calc(100% - 40 * var(--u));height:calc(100% - 40 * var(--u))}.ks-card .txt{min-width:0;padding:calc(28 * var(--u)) calc(44 * var(--u));flex:1;justify-content:center}.ks-card .t{font-size:calc(66 * var(--u))}.ks-card .row{flex-direction:column;align-items:flex-start}.ks-card .a{margin-left:0}.ks-head-btn{padding:calc(10 * var(--u)) calc(22 * var(--u));font-size:calc(28 * var(--u))}.ks-head .ks-brand .t{font-size:calc(44 * var(--u))}}.ks-dialog{border-radius:calc(32 * var(--u));width:min(92vw, calc(1400 * var(--u)));background:var(--surface);max-height:88vh;color:var(--ink);box-shadow:0 calc(20 * var(--u)) calc(60 * var(--u)) #00000059;font-size:calc(32 * var(--u));border:0;padding:0;overflow:hidden auto}.ks-dialog::backdrop{background:#080f2899}.ks-dialog-body{padding:calc(48 * var(--u)) calc(56 * var(--u))}.kiosk .ks-dialog h2{font-size:calc(60 * var(--u));color:var(--ks-navy);margin:0 0 calc(20 * var(--u))}.ks-help{width:min(92vw, calc(1000 * var(--u)))}.ks-help-contact{background:var(--ks-card);border-radius:calc(24 * var(--u));padding:calc(24 * var(--u)) calc(32 * var(--u));font-size:calc(40 * var(--u))}.ks-help-contact p{margin:calc(6 * var(--u)) 0}.ks-help-list{margin:calc(28 * var(--u)) 0 0;padding-left:calc(40 * var(--u));gap:calc(18 * var(--u));line-height:1.3;display:grid}.ks-close{width:100%;margin-top:calc(36 * var(--u));min-height:calc(110 * var(--u));border-radius:calc(24 * var(--u));background:var(--blue);color:#fff;font:inherit;font-size:calc(44 * var(--u));cursor:pointer;border:0;font-weight:800;display:block}.ks-lang-note{margin:0 0 calc(24 * var(--u));color:var(--muted);font-size:calc(30 * var(--u))}.ks-lang-list{grid-template-columns:repeat(auto-fill, minmax(calc(230 * var(--u)), 1fr));gap:calc(12 * var(--u));overscroll-behavior:contain;min-height:0;padding:0;padding:calc(4 * var(--u));flex:auto;margin:0;list-style:none;display:grid;overflow-y:auto}.ks-lang .ks-dialog-body{flex-direction:column;max-height:88vh;display:flex}.ks-lang .ks-close{margin-top:calc(24 * var(--u));flex:none}.ks-lang-opt{width:100%;height:100%;min-height:calc(96 * var(--u));justify-content:center;align-items:flex-start;gap:calc(2 * var(--u));padding:calc(12 * var(--u)) calc(24 * var(--u));border:calc(3 * var(--u)) solid var(--ks-card-line);border-radius:calc(20 * var(--u));background:var(--ks-card);color:var(--ks-navy);font:inherit;text-align:start;cursor:pointer;flex-direction:column;display:flex}.ks-lang-opt .n{font-size:calc(32 * var(--u));font-weight:800}.ks-lang-opt .e{font-size:calc(22 * var(--u));color:var(--muted)}.ks-lang-opt.on{border-color:var(--blue);background:var(--surface);box-shadow:inset 0 0 0 calc(2 * var(--u)) var(--blue)}.ks-lang-opt.on .n:after{content:" ✓";color:var(--ks-dot-free)}.kiosk{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.kiosk:lang(zh-Hans){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Noto Sans CJK SC,sans-serif}.kiosk:lang(zh-Hant){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,Noto Sans TC,Noto Sans CJK TC,sans-serif}.kiosk:lang(ja){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic UI,Meiryo,Noto Sans JP,Noto Sans CJK JP,sans-serif}.kiosk:lang(ko){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,Noto Sans KR,Noto Sans CJK KR,sans-serif}.kiosk:lang(hi){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Kohinoor Devanagari,Nirmala UI,Noto Sans Devanagari,sans-serif}.kiosk:lang(th){font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Thonburi,Leelawadee UI,Noto Sans Thai,sans-serif}.kiosk:lang(zh-Hans) h1,.kiosk:lang(zh-Hant) h1,.kiosk:lang(ja) h1,.kiosk:lang(ko) h1,.kiosk:lang(zh-Hans) .ks-card .t,.kiosk:lang(zh-Hant) .ks-card .t,.kiosk:lang(ja) .ks-card .t,.kiosk:lang(ko) .ks-card .t{letter-spacing:0}.kiosk:lang(th) .ks-card .t,.kiosk:lang(hi) .ks-card .t,.kiosk:lang(th) .ks-hello h1,.kiosk:lang(hi) .ks-hello h1{line-height:1.3}.ks-back-arrow{display:inline-block}.kiosk[dir=rtl] .ks-back-arrow{transform:scaleX(-1)}