@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
:root{--in-bg:linear-gradient(180deg, #6661ff, #4b43f0);--in-solid:#544eff;--in-glow:#544eff8c;--in-text:#fff;--out-bg:linear-gradient(180deg, #6a7187, #4c5263);--out-solid:#5b6173;--out-glow:#5b617380;--out-text:#fff;--err:#ff5247;--info:#f5a524}[data-theme=dark]{--appBg:radial-gradient(130% 120% at 50% -10%, #1a1c24, #0b0c11);--surf:#13151c;--surf2:#191b22;--key:#1f222c;--line:#ffffff12;--lineStrong:#ffffff29;--text:#edeff4;--mid:#9ca0ae;--dim:#6c7080;--chipBg:#ffffff0d}[data-theme=light]{--appBg:radial-gradient(130% 120% at 50% -10%, #fff, #e6e9f0);--surf:#fff;--surf2:#f4f6fa;--key:#f4f6fa;--line:#14161e1a;--lineStrong:#14161e38;--text:#171a22;--mid:#5c6376;--dim:#929aab;--chipBg:#14161e0a}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{background:var(--appBg);color:var(--text);-webkit-tap-highlight-color:transparent;font-family:Pretendard,Apple SD Gothic Neo,Noto Sans KR,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}::selection{background:#544eff66}.tnum{font-variant-numeric:tabular-nums}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes popIn{0%{opacity:0;transform:scale(.86)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.app-root{justify-content:center;align-items:center;min-height:100dvh;padding:clamp(0px,3vw,40px);display:flex}.frame{background:var(--surf);border:1px solid var(--line);border-radius:26px;flex-direction:column;width:min(100%,820px);height:min(900px,100dvh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #0000008c}@media (max-width:640px){.app-root{padding:0}.frame{border:none;border-radius:0;width:100%;height:100dvh}}.header{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:clamp(8px,2vw,14px);padding:clamp(12px,2.2vh,18px) clamp(14px,3vw,26px);display:flex}.header-logo{border-radius:10px;flex:none;width:clamp(32px,4.6vh,40px);height:clamp(32px,4.6vh,40px);display:block}.header-titles{flex:1;min-width:0;line-height:1.3;overflow:hidden}.header-title{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;color:var(--text);font-size:clamp(14px,2vh,17px);font-weight:800;overflow:hidden}.header-sub{color:var(--mid);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,1.5vh,12.5px);font-weight:500;overflow:hidden}.change-site{background:var(--surf2);border:1px solid var(--line);color:var(--mid);white-space:nowrap;border-radius:10px;flex:none;align-items:center;gap:6px;padding:8px clamp(9px,1.6vw,12px);font-size:clamp(12px,1.7vh,13.5px);font-weight:700;display:flex}.theme-toggle{background:var(--surf2);border:1px solid var(--line);border-radius:9px;flex:none;gap:2px;padding:3px;display:flex}.theme-btn{width:30px;height:26px;color:var(--mid);border-radius:6px;justify-content:center;align-items:center;display:flex}.theme-btn.is-on{background:var(--in-solid);color:#fff}.body{flex:1;min-height:0;position:relative}.screen{flex-direction:column;display:flex;position:absolute;inset:0}.consent{padding:clamp(18px,3.4vh,30px) clamp(18px,4vw,46px);overflow-y:auto}.consent-badge{color:#9c98ff;letter-spacing:.02em;background:#544eff24;border:1px solid #544eff52;border-radius:999px;align-items:center;gap:7px;margin-bottom:clamp(10px,1.8vh,16px);padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.h2{letter-spacing:-.02em;color:var(--text);margin:0;font-size:clamp(20px,3.2vh,28px);font-weight:700}.subtitle{color:var(--mid);text-wrap:pretty;margin:6px 0 0;font-size:clamp(12px,1.8vh,14px);font-weight:600}.consent-list{flex-direction:column;gap:clamp(8px,1.4vh,11px);margin-top:clamp(14px,2.4vh,20px);display:flex}.consent-item{background:var(--surf2);border:1px solid var(--line);border-radius:13px;align-items:flex-start;gap:13px;padding:clamp(12px,2vh,16px) clamp(14px,2.4vw,18px);display:flex}.consent-item .dot{background:var(--in-solid);border-radius:50%;flex:none;width:6px;height:6px;margin-top:7px}.consent-item .k{color:var(--mid);letter-spacing:.02em;font-size:clamp(12px,1.7vh,13.5px);font-weight:800}.consent-item .v{color:var(--text);text-wrap:pretty;margin-top:3px;font-size:clamp(13px,2vh,15.5px);font-weight:600}.consent-check{text-align:left;background:var(--surf2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:13px;align-items:center;gap:11px;padding:clamp(11px,1.9vh,15px) clamp(13px,2.2vw,17px);font-size:clamp(13px,2vh,15px);font-weight:700;display:flex}.consent-check .box{border:2px solid var(--in-solid);border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;transition:background .12s;display:flex}.consent-check.is-checked .box{background:var(--in-solid)}.spacer{flex:1;min-height:clamp(12px,2vh,24px)}.btn-primary{background:var(--in-bg);width:100%;color:var(--in-text);box-shadow:0 12px 30px -14px var(--in-glow);border-radius:15px;font-weight:800;transition:opacity .15s,transform .1s}.btn-primary:active{transform:translateY(1px)}.btn-primary[disabled]{opacity:.45;pointer-events:none}.consent-agree{height:clamp(54px,7.6vh,68px);margin-top:11px;font-size:clamp(17px,2.6vh,21px)}.picker{padding:clamp(18px,3.5vh,30px) clamp(18px,4vw,46px);overflow:hidden}.picker-head{flex:none;margin-bottom:clamp(14px,2.4vh,20px)}.site-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:clamp(10px,1.8vh,14px);padding-right:4px;display:flex;overflow-y:auto}.site-card{text-align:left;background:var(--surf2);border:1px solid var(--line);border-radius:18px;align-items:stretch;gap:clamp(14px,2.5vw,20px);width:100%;padding:clamp(15px,2.4vh,22px) clamp(16px,2.6vw,24px);transition:transform .12s,border-color .15s;display:flex}.site-card:active{transform:scale(.99)}.site-card.is-soon{opacity:.55;pointer-events:none}.site-accent{border-radius:4px;flex:none;width:5px}.site-main{flex:1;min-width:0}.site-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-name{letter-spacing:-.01em;color:var(--text);font-size:clamp(17px,2.6vh,22px);font-weight:800}.site-status{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:800;display:inline-flex}.site-status .dot{border-radius:50%;width:6px;height:6px}.site-status.live{color:#16c172;background:#16c17224;border:1px solid #16c17259}.site-status.live .dot{background:#16c172}.site-status.soon{border:1px solid var(--line);color:#8a8e9c;background:#8c91a01f}.site-status.soon .dot{background:#8a8e9c}.site-meta{color:var(--mid);margin-top:6px;font-size:clamp(12.5px,1.9vh,14px);font-weight:600;display:block}.site-foot{flex-wrap:wrap;align-items:center;gap:14px;margin-top:9px;font-size:12.5px;font-weight:600;display:flex}.site-period{color:var(--mid);align-items:center;gap:6px;display:inline-flex}.site-count{color:var(--dim)}.site-arrow{color:var(--dim);flex:none;align-items:center;display:flex}.input{padding:clamp(8px,1.6vh,18px) clamp(18px,4vw,46px);overflow-y:auto}.clock-wrap{text-align:center;flex:none;margin-top:clamp(2px,1vh,8px);margin-bottom:clamp(10px,1.8vh,18px)}.clock{letter-spacing:.04em;color:var(--text);font-size:clamp(20px,3.4vh,34px);font-weight:700;line-height:1.05}.clock-date{color:var(--mid);letter-spacing:.04em;margin-top:clamp(7px,1.3vh,11px);font-size:clamp(10px,1.5vh,13px);font-weight:600}.mode-row{flex:none;gap:10px;display:flex}.mode-btn{background:var(--surf2);border:2px solid var(--line);height:clamp(42px,5.4vh,62px);color:var(--mid);letter-spacing:-.01em;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:9px;font-size:clamp(17px,2.5vh,21px);font-weight:800;transition:all .15s;display:flex}.mode-btn .dot{border-radius:50%;width:9px;height:9px}.mode-btn.in .dot{background:var(--in-solid)}.mode-btn.out .dot{background:var(--out-solid)}.mode-btn.in.is-on{background:var(--in-bg);color:var(--in-text);border-color:#0000}.mode-btn.out.is-on{background:var(--out-bg);color:var(--out-text);border-color:#0000}.mode-btn.is-on .dot{background:#ffffffd9}.phone-label{text-align:center;color:var(--mid);flex:none;margin-top:clamp(8px,1.4vh,15px);font-size:clamp(12px,1.7vh,14px);font-weight:600}.phone-label .dim{color:var(--dim)}.slots{flex:none;justify-content:center;align-items:center;gap:clamp(4px,1.4vw,9px);margin-top:clamp(6px,1.1vh,11px);display:flex}.slot-sep{background:var(--lineStrong);border-radius:2px;width:clamp(10px,2.4vw,18px);height:3px}.slot{width:clamp(28px,6.4vw,46px);height:clamp(38px,5.6vh,58px);color:var(--text);border-bottom:3px solid var(--lineStrong);justify-content:center;align-items:center;font-size:clamp(22px,5.2vw,36px);font-weight:700;display:flex;position:relative}.slot.is-filled{border-bottom-color:var(--in-solid)}.slot.is-active{border-bottom-color:#544eff80}.slot .caret{background:var(--in-solid);width:2px;height:52%;animation:1.05s step-end infinite blink;position:absolute}.status-line{flex:none;justify-content:center;align-items:center;min-height:clamp(34px,4.6vh,42px);margin:clamp(8px,1.4vh,12px) 0 clamp(2px,.6vh,6px);display:flex}.status-chip{border-radius:999px;align-items:center;gap:8px;padding:5px 13px;font-size:clamp(11.5px,1.6vh,13.5px);font-weight:700;display:flex}.status-chip .dot{border-radius:50%;width:7px;height:7px}.keypad{flex:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(3,1fr);gap:clamp(6px,1vh,11px);width:100%;max-width:460px;min-height:clamp(184px,30vh,250px);margin:0 auto;display:grid}.key{border:1px solid var(--line);background:var(--key);height:100%;color:var(--text);border-radius:14px;justify-content:center;align-items:center;font-size:clamp(18px,3.2vh,32px);font-weight:600;transition:transform 80ms;display:flex}.key.ctrl{background:var(--surf2);color:var(--mid);font-size:clamp(11px,1.9vh,15px);font-weight:700}.key:active{transform:translateY(1px)}.action{background:var(--key);width:100%;height:clamp(50px,7.2vh,74px);color:var(--mid);letter-spacing:-.01em;border-radius:16px;flex:none;justify-content:center;align-items:center;margin-top:clamp(8px,1.4vh,16px);font-size:clamp(20px,3vh,26px);font-weight:800;transition:opacity .15s,transform .1s;display:flex}.action:active{transform:translateY(1px)}.action.in{background:var(--in-bg);color:var(--in-text);box-shadow:0 14px 34px -14px var(--in-glow)}.action.out{background:var(--out-bg);color:var(--out-text);box-shadow:0 14px 34px -14px var(--out-glow)}.action.is-dim{opacity:.45}.loading{background:var(--surf);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:absolute;inset:0}.loading-dots{gap:11px;display:flex}.loading-dots span{background:var(--in-solid);border-radius:50%;width:15px;height:15px;animation:1.2s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.18s}.loading-dots span:nth-child(3){animation-delay:.36s}.loading-text{color:var(--mid);font-size:clamp(16px,2.4vh,20px);font-weight:700}.confirm{background:var(--surf);flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,56px);animation:.3s both fadeUp;display:flex;position:absolute;inset:0;overflow-y:auto}.confirm-badge{border-radius:24px;flex:none;justify-content:center;align-items:center;width:clamp(70px,11vh,96px);height:clamp(70px,11vh,96px);animation:.3s both popIn;display:flex}.confirm-badge .ring{border:4px solid;border-top-color:#0000;border-radius:50%;width:44%;height:44%;transform:rotate(-45deg)}.confirm-name{letter-spacing:-.02em;text-align:center;color:var(--text);margin-top:clamp(16px,2.6vh,26px);font-size:clamp(24px,4vh,36px);font-weight:700}.confirm-q{color:var(--text);text-align:center;text-wrap:balance;margin-top:clamp(8px,1.4vh,12px);font-size:clamp(16px,2.4vh,21px);font-weight:600}.confirm-a{color:var(--mid);text-align:center;margin-top:5px;font-size:clamp(13px,1.9vh,15px);font-weight:500}.confirm-info{background:var(--surf2);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;margin-top:clamp(16px,2.6vh,24px);padding:clamp(12px,2.2vh,18px) clamp(16px,3vw,26px);display:flex}.confirm-info .col{text-align:center}.confirm-info .lab{color:var(--mid);letter-spacing:.05em;font-size:11px;font-weight:700}.confirm-info .val{margin-top:2px;font-size:clamp(20px,3.2vh,28px);font-weight:700}.confirm-info .val.in{color:var(--in-solid)}.confirm-info .val.out{color:var(--out-solid)}.confirm-info .sub{color:var(--dim);margin-top:1px;font-size:11px}.confirm-info .arrow{color:var(--dim);font-size:22px}.confirm-night{color:#e0921c;text-wrap:pretty;background:#f5a52421;border:1px solid #f5a52452;border-radius:10px;align-items:center;gap:9px;max-width:440px;margin-top:13px;padding:9px 15px;font-size:clamp(12px,1.8vh,13.5px);font-weight:600;line-height:1.4;display:flex}.confirm-tag{color:#7b76ff;background:#544eff24;border:1px solid #544eff59;border-radius:999px;align-items:center;margin-top:15px;padding:7px 15px;font-size:clamp(12px,1.8vh,14px);font-weight:700;display:inline-flex}.confirm-actions{flex:none;gap:13px;width:100%;max-width:440px;margin-top:clamp(22px,3.6vh,36px);display:flex}.confirm-no{background:var(--surf2);border:1px solid var(--line);height:clamp(54px,8vh,70px);color:var(--mid);border-radius:15px;flex:1;font-size:clamp(16px,2.5vh,21px);font-weight:800}.confirm-yes{color:#fff;border-radius:15px;flex:1.3;height:clamp(54px,8vh,70px);font-size:clamp(16px,2.5vh,21px);font-weight:800}.confirm-yes.in{background:var(--in-bg);box-shadow:0 12px 30px -14px var(--in-glow)}.confirm-yes.out{background:var(--out-bg);box-shadow:0 12px 30px -14px var(--out-glow)}.result{flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,5vw,56px);animation:.32s both fadeUp;display:flex;position:absolute;inset:0}.result-badge{border-radius:50%;justify-content:center;align-items:center;width:clamp(84px,14vh,124px);height:clamp(84px,14vh,124px);animation:.34s cubic-bezier(.2,1.3,.5,1) both popIn;display:flex}.result-name{color:var(--mid);margin-top:clamp(20px,3.4vh,32px);font-size:clamp(15px,2.3vh,20px);font-weight:700}.result-title{letter-spacing:-.02em;text-align:center;text-wrap:balance;word-break:keep-all;margin-top:6px;font-size:clamp(30px,5.2vh,50px);font-weight:700;line-height:1.18}.result-time{letter-spacing:.02em;margin-top:clamp(8px,1.4vh,14px);font-size:clamp(40px,7.6vh,74px);font-weight:700}.result-sub{color:var(--mid);text-align:center;text-wrap:pretty;max-width:480px;margin-top:10px;font-size:clamp(14px,2.1vh,18px);font-weight:600}.result-countdown{justify-content:center;align-items:center;display:flex;position:absolute;bottom:clamp(18px,3.6vh,32px);left:0;right:0}.result-countdown button{background:var(--chipBg);border:1px solid var(--line);color:var(--mid);border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:600;display:flex}.toast{z-index:50;background:var(--err);color:#fff;border-radius:11px;padding:11px 18px;font-size:13.5px;font-weight:700;animation:.25s both fadeUp;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #ff524799}.center-fill{color:var(--mid);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;font-size:15px;font-weight:600;display:flex;position:absolute;inset:0}.spinner{border:3px solid var(--line);border-top-color:var(--in-solid);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}