:root{--bg: #F5F5F5;--screen: #F6F6F6;--surface: #FFFFFF;--surface-2: #F3F3F3;--line: #ECECEC;--line-2: #F1F1F1;--line-strong: #D9D9D9;--ink: #0A0A0A;--ink-2: #3D3D3D;--ink-3: #7A7A7A;--ink-4: #A8A8A8;--gr-orange: #FA5000;--gr-orange-2: #FF6E00;--grad-soft: rgba(250, 80, 0, .08);--grad-dark: #0F0F0F;--ok: #006937;--ok-bg: rgba(0, 105, 55, .1);--danger: #E60028;--danger-bg: rgba(230, 0, 40, .09);--warn: #D94500;--warn-bg: rgba(250, 80, 0, .12);color-scheme:light}@font-face{font-family:esaManru;src:url(/assets/esaManru-sub-DRG0saS1.woff) format("woff"),url(https://cdn.jsdelivr.net/gh/wefonts/esaManru/esaManru-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:#111;color:var(--ink);font-family:Pretendard Variable,Pretendard,Noto Sans KR,system-ui,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.fig{font-family:esaManru,Pretendard Variable,sans-serif;font-weight:700;letter-spacing:0}.gtext{color:var(--gr-orange)}.kioscale{position:fixed;left:50%;top:50%;transform-origin:center}.kiosk{width:1080px;height:1920px;background:var(--screen);display:flex;flex-direction:column;position:relative;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:34px 80px 0;min-height:96px}.topbar .brand{font-family:esaManru,sans-serif;font-weight:700;letter-spacing:.02em;font-size:34px}.topbar .who{flex:1;text-align:center;color:var(--ink-3);font-size:28px;font-weight:600}.topbar .ttl{font-size:30px;color:var(--ink-3);font-variant-numeric:tabular-nums;font-weight:700}.topbar .ttl.urgent{color:var(--danger)}.stage{flex:1;overflow-y:auto;padding:60px 80px;display:flex;flex-direction:column;align-items:center;gap:40px}.h1{font-size:56px;font-weight:800;letter-spacing:-.045em;text-align:center;line-height:1.34}.h1 b,.h1 .accent{color:var(--gr-orange)}.sub{font-size:30px;color:var(--ink-2);text-align:center;line-height:1.7;max-width:860px;font-weight:500}.sub b{color:var(--ink)}.note{font-size:26px;color:var(--ink-3);text-align:center;line-height:1.7;max-width:860px}.k-mono{font-weight:800;line-height:.9;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.kbg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.topbar,.stage,.hwbar{position:relative;z-index:1}@keyframes kioArrow{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(18px);opacity:1}}.kio-arrow{animation:kioArrow 1.25s ease-in-out infinite}@keyframes kioUnlock{0%,30%{transform:translateY(0) rotate(0)}55%{transform:translateY(-22px) rotate(0)}70%{transform:translateY(-18px) rotate(-7deg)}85%{transform:translateY(-19px) rotate(-4deg)}to{transform:translateY(-19px) rotate(-5deg)}}.lock-shackle{transform-origin:38px 86px;animation:kioUnlock 1.8s cubic-bezier(.2,.9,.3,1) 1 forwards}@keyframes kioBodyPop{0%,48%{transform:scale(1)}58%{transform:scale(1.045)}70%{transform:scale(.99)}to{transform:scale(1)}}.lock-body{transform-origin:60px 96px;filter:drop-shadow(0 10px 22px rgba(255,107,0,.45));animation:kioBodyPop 1.9s ease-out 1}.btn{display:flex;align-items:center;justify-content:center;gap:14px;min-height:120px;padding:40px 34px;width:100%;max-width:920px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font-size:36px;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:-.03em}.btn:active{transform:scale(.985)}.btn.primary{background:var(--gr-orange);border-color:transparent;color:#fff}.btn.ghost{background:transparent;color:var(--ink-3);border-color:var(--line);min-height:96px;font-size:30px}.btn.dim{background:#e6e3dd;color:var(--ink-2);border-color:transparent}.btn.danger{background:var(--danger-bg);border-color:transparent;color:var(--danger)}.btn.xl{min-height:150px;font-size:44px;padding:52px}.btn:disabled{opacity:.45}.btnrow{display:flex;gap:28px;width:100%;max-width:920px}.btnrow .btn{flex:1;min-width:0}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:36px;grid-auto-rows:460px;width:100%}.tile{background:var(--gr-orange);color:#fff;border:0;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:inherit}.tile:active{transform:scale(.985)}.tile b{font-size:68px;font-weight:800;letter-spacing:-.04em}.tile s{text-decoration:none;font-size:34px;color:#ffffffe6;font-weight:600}.tile .tico{width:112px;height:112px;margin-bottom:8px}.tile .tico svg{width:100%;height:100%}.board{display:grid;gap:22px;width:100%}.board.locker{grid-template-columns:repeat(8,1fr)}.board.shower{grid-template-columns:repeat(4,1fr);gap:28px}.board.shower .unit b{font-size:88px}.board.shower .unit small{font-size:26px;margin-top:3px}.unit{border-radius:22px;padding:22px 4px 18px;background:#fff;border:3px solid var(--gr-orange);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;position:relative;overflow:hidden}.unit b{font-size:38px;font-weight:800;font-family:esaManru,sans-serif;letter-spacing:0}.unit small{font-size:19px;font-weight:600;color:var(--gr-orange)}.unit.off{background:#e4e4e4;border-color:transparent;color:var(--ink-3);cursor:default}.unit.off b{color:var(--ink-3)}.unit.off small{color:var(--ink-4)}.unit.bad{background:#f0f0f0;border-color:transparent;color:var(--ink-4);cursor:default}.unit.bad b,.unit.bad small{color:var(--ink-4)}.unit.bad:after{content:"";position:absolute;left:-20%;top:50%;width:140%;height:4px;background:var(--ink-4);transform:rotate(-38deg);opacity:.75}.unit.on{background:var(--gr-orange);border-color:transparent;color:#fff}.unit.on b,.unit.on small{color:#fff}.legend{display:flex;flex-wrap:wrap;gap:40px;font-size:24px;color:var(--ink-3);justify-content:center}.legend span{display:flex;align-items:center;gap:12px}.legend .sw{width:34px;height:34px;border-radius:10px;background:#fff;border:3px solid var(--gr-orange);display:inline-block;position:relative;overflow:hidden}.legend .sw--used{background:#e4e4e4;border-color:transparent}.legend .sw--bad{background:#f0f0f0;border-color:transparent}.legend .sw--sel{background:var(--gr-orange);border-color:transparent}.legend .sw--bad:after{content:"";position:absolute;left:-20%;top:50%;width:140%;height:3px;background:var(--ink-4);transform:rotate(-45deg)}.card{width:100%;border:1px solid var(--line);border-radius:36px;background:#fff;padding:40px 44px}.card.soft{background:var(--grad-soft);border-color:transparent}.card.dark{background:var(--grad-dark);border-color:transparent;color:#f5f5f5}.card.alert{background:var(--danger-bg);border-color:transparent}.card.outline{border:2px solid var(--gr-orange)}.card .row{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;font-size:32px}.card .row .lb{color:var(--ink-3);font-weight:600}.card .row .vl{font-weight:800}.card.dark .row .lb{color:#f5f3f099}.price{font-family:esaManru,sans-serif;font-weight:700;font-size:64px;color:var(--gr-orange)}.k-price{font-weight:800;font-size:92px;line-height:1;letter-spacing:-.05em;color:var(--gr-orange);font-variant-numeric:tabular-nums}.gauge{height:22px;border-radius:999px;background:var(--surface-2);overflow:hidden}.gauge i{display:block;height:100%;background:var(--gr-orange);border-radius:999px}@keyframes gaugeSlide{0%{margin-left:-44%}to{margin-left:100%}}.gauge.busy i{width:44%;animation:gaugeSlide 1.6s ease-in-out infinite}.bdg{display:inline-flex;align-items:center;gap:8px;font-size:24px;font-weight:800;padding:12px 26px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);letter-spacing:-.02em}.bdg.o{background:var(--gr-orange);color:#fff}.bdg.ok{background:var(--ok-bg);color:var(--ok)}.spinner{width:84px;height:84px;border-radius:50%;border:8px solid var(--line);border-top-color:var(--gr-orange);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.donemark{width:168px;height:168px;border-radius:50%;background:var(--gr-orange);color:#fff;display:flex;align-items:center;justify-content:center}.donemark svg{width:84px;height:84px}.toast{position:absolute;left:50%;bottom:220px;transform:translate(-50%);background:var(--grad-dark);color:#fff;border:0;border-radius:24px;padding:30px 48px;font-size:30px;z-index:50;max-width:88%;text-align:center;font-weight:600}.ovl{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0a73;display:flex;align-items:center;justify-content:center;z-index:40;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.modal{background:#fff;border:1px solid var(--line);border-radius:44px;padding:60px 56px;width:830px;display:flex;flex-direction:column;gap:32px;text-align:center}.modal h3{font-size:46px;letter-spacing:-.04em}.hwbar{display:flex;gap:28px;padding:28px 80px 56px;background:#fff;border-top:1px solid var(--line);color:var(--ink-3);font-size:26px;font-weight:600}.hwbar div{flex:1;text-align:center;padding:28px 0;background:var(--surface-2);border:1px solid var(--line);border-radius:22px}.qrbox{width:320px;height:320px;border-radius:32px;background:#fff;border:1px solid var(--line);padding:26px}.qrbox svg,.qrbox img,.qrbox canvas{width:100%;height:100%;display:block}.logo-img{display:block;height:130px;width:auto}.sim{position:fixed;right:12px;bottom:12px;z-index:60;background:#fffffff5;border:1px dashed var(--warn);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.sim b{font-size:11px;color:var(--warn)}.sim button{font-size:12px;padding:7px 12px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer}