@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)}}@keyframes confirmSpin{to{transform:rotate(315deg)}}.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}}@media (max-width:420px){.header{gap:9px;padding-left:14px;padding-right:14px}.header-logo{border-radius:10px;width:40px;height:40px}.header-titles{min-width:0}.change-site{max-width:112px;padding-left:8px;padding-right:8px}.theme-toggle{padding:2px}.theme-btn{width:28px;height:25px}}.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;line-height:1.45}.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)}.profile{background:var(--surf)}.profile-scroll{-webkit-overflow-scrolling:touch;flex:1;width:min(100%,820px);min-height:0;margin:0 auto;padding:clamp(18px,3.2vh,28px) clamp(18px,4vw,42px);overflow-y:auto}.profile-head{margin-bottom:clamp(14px,2.4vh,22px)}.profile-field{flex-direction:column;gap:8px;margin-top:clamp(12px,2vh,18px);display:flex}.profile-field label{color:var(--mid);align-items:center;gap:9px;font-size:clamp(12.5px,1.7vh,14px);font-weight:700;display:flex}.profile-field input,.account-trigger{border:2px solid var(--in-solid);background:var(--surf2);width:100%;min-width:0;height:clamp(40px,5.3vh,48px);color:var(--text);letter-spacing:0;border-radius:11px;outline:none;padding:0 clamp(12px,2vw,16px);font-family:inherit;font-size:clamp(15px,2vh,18px);font-weight:700}.profile-field input::placeholder{color:var(--dim);opacity:.55;font-weight:500}.account-trigger.is-placeholder span{color:var(--dim);opacity:.7;font-weight:500}.profile-field input[readonly]{color:var(--mid);border-color:var(--lineStrong)}.profile-field input[aria-invalid=true]{border-color:#ff4d4f;box-shadow:0 0 0 3px #ff4d4f24}.split-row{align-items:center;gap:clamp(10px,2vw,18px);display:grid}.resident-row{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.phone-row{grid-template-columns:minmax(0,.86fr) minmax(0,1fr) minmax(0,1fr)}.phone-row input[readonly]{border-color:var(--lineStrong);color:var(--mid)}.dash{background:var(--lineStrong);border-radius:999px;width:clamp(14px,3vw,24px);height:3px}.field-help{color:var(--dim);margin:-2px 0 0;font-size:clamp(11.5px,1.6vh,13px);font-weight:700}.field-help-danger{color:var(--err);font-weight:900}.account-picker{flex-direction:column;gap:0;display:flex}.account-trigger{text-align:left;justify-content:space-between;align-items:center;display:flex}.account-trigger svg{color:var(--text);flex:none;transition:transform .16s}.account-picker.is-open .account-trigger svg{transform:rotate(180deg)}.account-panel{border:1px solid var(--lineStrong);background:var(--surf2);border-radius:16px;margin-top:9px;padding:10px}.account-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.account-tabs button{background:var(--surf);border:1px solid var(--line);height:38px;color:var(--mid);border-radius:11px;font-size:13.5px;font-weight:800}.account-tabs button.is-on{border-color:var(--in-solid);color:#9c98ff;background:#544eff2e}.account-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:252px;display:grid;overflow-y:auto}.account-grid button{background:var(--surf);border:1px solid var(--line);min-width:0;height:44px;color:var(--text);word-break:keep-all;border-radius:11px;padding:0 7px;font-size:clamp(12px,3.1vw,15px);font-weight:800}.account-grid button.is-selected{border-color:var(--in-solid);color:#9c98ff;background:#544eff33}.profile-bottom{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surf) 94%, transparent);flex:none;padding:clamp(12px,2vh,18px) clamp(18px,4vw,42px) clamp(16px,2.6vh,24px)}.profile-submit{height:clamp(50px,7vh,64px);margin-top:10px;font-size:clamp(18px,2.8vh,24px)}@media (max-width:420px){.profile-field input,.account-trigger{padding:0 12px;font-size:clamp(14px,4.4vw,17px)}.split-row{gap:9px}.account-panel{padding:10px}.account-grid{gap:7px}.account-grid button{height:42px}}.picker{padding:clamp(18px,3.5vh,30px) clamp(18px,4vw,46px);overflow:hidden}.picker-head{flex:none;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:clamp(14px,2.4vh,20px);display:flex}.picker-head-text{min-width:0}.prereg-btn{color:#6b66ff;cursor:pointer;white-space:nowrap;background:#544eff1a;border:1px solid #544eff52;border-radius:12px;flex:none;align-items:center;gap:7px;padding:10px 15px;font-size:clamp(13px,1.9vh,14px);font-weight:800;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.prereg-btn svg{flex:none}.prereg-btn:active{background:#544eff29;transform:translateY(1px)}.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}.admin-login{border:1px solid var(--line);background:var(--chipBg);color:var(--dim);border-radius:999px;flex:none;align-self:center;margin-top:clamp(12px,2vh,18px);padding:7px 11px;font-size:12px;font-weight:800;text-decoration:none;transition:color .15s,border-color .15s}.admin-login:active{color:var(--mid);border-color:var(--lineStrong)}.prereg-intro{text-align:center;flex:none;margin-bottom:clamp(8px,1.6vh,14px)}.prereg-actions{flex:none;gap:10px;width:100%;margin-top:clamp(8px,1.4vh,16px);display:flex}.prereg-actions .action{flex:1;width:auto;margin-top:0}.prereg-back{border:1px solid var(--line);background:var(--surf2);height:clamp(50px,7.2vh,74px);color:var(--mid);cursor:pointer;border-radius:16px;flex:none;padding:0 clamp(16px,3.5vw,26px);font-size:clamp(14px,2vh,16px);font-weight:800;transition:transform .1s,border-color .15s}.prereg-back:active{border-color:var(--lineStrong);transform:translateY(1px)}.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(20px,3.2vw,32px) 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;margin-left:auto;padding-right:2px;display:flex}.input{padding:clamp(8px,1.6vh,18px) clamp(18px,4vw,46px);overflow-y:auto}.input.prereg-screen{justify-content:center;gap:clamp(12px,2.2vh,22px)}.input.prereg-screen .prereg-intro,.input.prereg-screen .phone-label,.input.prereg-screen .slots,.input.prereg-screen .keypad,.input.prereg-screen .prereg-actions{margin-top:0;margin-bottom:0}.input.prereg-screen .keypad{flex:none}.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.delete-key{font-size:clamp(22px,3.7vh,32px);line-height:1}.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 color-mix(in srgb, currentColor 20%, transparent);border-top-color:#0000;border-bottom-color:currentColor;border-right-color:currentColor;border-radius:50%;width:48%;height:48%;animation:.9s linear infinite confirmSpin;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-geo{background:var(--surf2);border:1px solid var(--line);max-width:440px;color:var(--mid);text-align:center;text-wrap:balance;border-radius:999px;align-items:center;gap:7px;margin-top:clamp(12px,2vh,18px);padding:8px 15px;font-size:clamp(12px,1.8vh,14px);font-weight:600;line-height:1.35;display:inline-flex}.confirm-geo.is-on{color:var(--text);background:#544eff1a;border-color:#544eff4d}.confirm-geo .pin{flex:none;font-size:13px}.confirm-geo .geo-text{min-width:0}.confirm-map{flex-direction:column;gap:8px;width:100%;max-width:440px;margin-top:clamp(12px,2vh,18px);display:flex}.confirm-map-frame-wrap{border:1px solid var(--line);background:var(--surf2);border-radius:14px;width:100%;height:clamp(120px,17vh,170px);position:relative;overflow:hidden}.confirm-map-frame{border:0;width:100%;height:calc(100% + 28px);display:block;position:absolute;top:0;left:0}.confirm-map-cap{color:var(--text);text-align:center;text-wrap:balance;justify-content:center;align-items:center;gap:6px;font-size:clamp(12px,1.8vh,14px);font-weight:700;display:inline-flex}.confirm-map-cap .pin{flex:none;font-size:13px}.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}.fuel-scroll{-webkit-overflow-scrolling:touch;flex-direction:column;gap:clamp(14px,2.4vh,20px);padding:clamp(16px,3vh,26px) clamp(16px,4vw,40px) clamp(20px,4vh,32px);display:flex;position:absolute;inset:0;overflow-y:auto}.fuel-block{flex-direction:column;gap:9px;display:flex}.fuel-label{color:var(--text);letter-spacing:-.01em;font-size:clamp(13px,1.8vh,15px);font-weight:800}.fuel-select-wrap{align-items:center;display:flex;position:relative}.fuel-select{border:2px solid var(--in-solid);background:var(--surf2);width:100%;height:clamp(46px,6vh,54px);color:var(--text);appearance:none;cursor:pointer;border-radius:13px;outline:none;padding:0 42px 0 15px;font-family:inherit;font-size:clamp(15px,2vh,17px);font-weight:700}.fuel-select:disabled{opacity:.6;border-color:var(--lineStrong)}.fuel-select-chev{color:var(--in-solid);pointer-events:none;position:absolute;right:14px}.fuel-help{color:var(--dim);margin:0;font-size:clamp(12px,1.6vh,13.5px);font-weight:600}.fuel-help-danger{color:var(--err);font-weight:800}.fuel-row{border:1px solid var(--line);background:var(--surf2);border-radius:18px;padding:clamp(14px,2.2vh,18px)}.fuel-row-head{justify-content:space-between;align-items:center;margin-bottom:clamp(12px,1.8vh,16px);display:flex}.fuel-row-no{color:#7b76ff;background:#544eff24;border:1px solid #544eff4d;border-radius:999px;align-items:center;padding:5px 12px;font-size:clamp(12px,1.7vh,13.5px);font-weight:800;display:inline-flex}.fuel-row-del{border:1px solid var(--line);background:var(--surf);color:var(--mid);border-radius:9px;align-items:center;gap:5px;padding:6px 11px;font-size:12.5px;font-weight:700;display:inline-flex}.fuel-row-del:active{color:var(--err);border-color:#ff524766}.fuel-grid{grid-template-columns:1fr 1fr;gap:clamp(10px,1.8vh,14px) clamp(10px,2.4vw,16px);display:grid}.fuel-field{flex-direction:column;gap:7px;min-width:0;display:flex}.fuel-field.is-full{grid-column:1/-1}.fuel-field-label{color:var(--mid);font-size:clamp(11.5px,1.5vh,13px);font-weight:700}.fuel-input{border:1px solid var(--lineStrong);background:var(--surf);width:100%;min-width:0;height:clamp(42px,5.4vh,48px);color:var(--text);border-radius:11px;outline:none;padding:0 13px;font-family:inherit;font-size:clamp(14px,1.9vh,16px);font-weight:600;transition:border-color .14s,box-shadow .14s}.fuel-input::placeholder{color:var(--dim);opacity:.7;font-weight:500}.fuel-input:focus{border-color:var(--in-solid);box-shadow:0 0 0 3px #544eff24}.fuel-input.is-error,.fuel-select.is-error{border-color:var(--err);box-shadow:0 0 0 3px #ff524729}.fuel-receipt-pick.is-error{border-color:var(--err);color:var(--err);background:#ff524714;border-style:solid}.fuel-seg{grid-template-columns:1fr 1fr;gap:7px;height:clamp(42px,5.4vh,48px);display:grid}.fuel-seg-btn{border:1px solid var(--lineStrong);background:var(--surf);color:var(--mid);border-radius:11px;font-size:clamp(13px,1.8vh,15px);font-weight:800}.fuel-seg-btn.is-on{background:var(--in-bg);color:var(--in-text);box-shadow:0 8px 20px -12px var(--in-glow);border-color:#0000}.fuel-receipt{width:100%}.fuel-receipt-pick{color:#6b66ff;background:#544eff0f;border:1.5px dashed #544eff80;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:clamp(44px,5.6vh,50px);font-size:clamp(13px,1.8vh,14.5px);font-weight:800;display:flex}.fuel-receipt-pick:active{background:#544eff1f}.fuel-receipt-done{background:#16c1721a;border:1px solid #16c17266;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;height:clamp(44px,5.6vh,50px);padding:0 8px 0 14px;display:flex}.fuel-receipt-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);font-size:clamp(12.5px,1.7vh,14px);font-weight:700;overflow:hidden}.fuel-receipt-clear{background:var(--surf);border:1px solid var(--line);width:30px;height:30px;color:var(--mid);border-radius:8px;flex:none;font-size:14px;font-weight:800}.fuel-add{border:1.5px dashed var(--lineStrong);background:var(--surf);width:100%;height:clamp(48px,6vh,54px);color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;font-size:clamp(14px,1.9vh,15.5px);font-weight:800;display:flex}.fuel-add:active{border-color:var(--in-solid);color:var(--in-solid)}.fuel-note{color:var(--mid);background:var(--chipBg);border:1px solid var(--line);text-wrap:pretty;border-radius:12px;padding:clamp(12px,1.8vh,15px) 15px;font-size:clamp(12px,1.6vh,13.5px);font-weight:600;line-height:1.55}.fuel-note b{color:var(--text);font-weight:800}.fuel-note-top{border-left:3px solid var(--in-solid)}.fuel-note-top p{margin:0}.fuel-note-top p+p{margin-top:5px}.fuel-note-top b{color:var(--in-solid)}.fuel-bottom{border-top:1px solid var(--line);background:color-mix(in srgb, var(--surf) 94%, transparent);flex:none;padding:clamp(12px,2vh,16px) clamp(16px,4vw,40px) clamp(16px,2.6vh,22px)}.fuel-extra{text-align:center;color:var(--mid);margin-bottom:10px;font-size:clamp(12.5px,1.7vh,14px);font-weight:700}.fuel-extra b{color:var(--text)}.fuel-extra .dim{color:var(--dim);font-weight:600}.fuel-submit{height:clamp(52px,7vh,62px);font-size:clamp(17px,2.4vh,20px)}.fuel-result{-webkit-overflow-scrolling:touch;flex-direction:column;gap:clamp(16px,2.6vh,22px);padding:clamp(20px,4vh,34px) clamp(16px,4vw,40px) clamp(24px,5vh,40px);animation:.3s both fadeUp;display:flex;position:absolute;inset:0;overflow-y:auto}.fuel-result-top{text-align:center}.fuel-result-badge{color:#fff;background:linear-gradient(#22c974,#16a35c);border-radius:50%;justify-content:center;align-items:center;width:clamp(64px,10vh,84px);height:clamp(64px,10vh,84px);margin:0 auto;animation:.34s cubic-bezier(.2,1.3,.5,1) both popIn;display:flex;box-shadow:0 16px 34px -14px #16c17299}.fuel-result-name{color:var(--mid);margin-top:clamp(14px,2.4vh,20px);font-size:clamp(14px,2vh,17px);font-weight:700}.fuel-result-title{letter-spacing:-.02em;color:var(--text);margin-top:4px;font-size:clamp(24px,4vh,32px);font-weight:700}.fuel-result-grand{color:var(--mid);margin-top:10px;font-size:clamp(14px,2vh,16px);font-weight:600}.fuel-result-grand b{color:var(--in-solid);font-weight:800}.fuel-result-list{flex-direction:column;gap:11px;display:flex}.fuel-result-item{border:1px solid var(--line);background:var(--surf2);border-radius:14px;padding:clamp(13px,2vh,16px)}.fuel-result-item-head{align-items:center;gap:10px;display:flex}.fuel-result-date{color:var(--text);font-size:clamp(14px,2vh,15.5px);font-weight:800}.fuel-result-type{background:var(--chipBg);border:1px solid var(--line);color:var(--mid);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}.fuel-result-total{color:var(--in-solid);margin-left:auto;font-size:clamp(15px,2.2vh,18px);font-weight:800}.fuel-result-rows{color:var(--mid);flex-wrap:wrap;gap:6px 14px;margin-top:9px;font-size:clamp(12px,1.7vh,13.5px);font-weight:600;display:flex}.fuel-result-basis{color:var(--dim);margin-top:9px;font-size:clamp(11px,1.5vh,12.5px);font-weight:700}.fuel-result-basis.is-approx{color:var(--info)}.fuel-again{height:clamp(50px,6.6vh,58px);margin-top:auto;font-size:clamp(16px,2.3vh,18px)}.fuel-spacer{display:block}@media (max-width:380px){.fuel-grid{grid-template-columns:1fr}.fuel-field.is-full{grid-column:auto}.fuel-spacer{display:none}}[data-theme=light] .fuel-app{--ink:#18181b;--muted:#6b6b76;--faint:#a1a1aa;--hair:#ececef;--hair-strong:#dcdce1;--field:#fff;--track:#f5f5f6;--accent:#544eff;--panel:#fff;--panel-shadow:0 1px 3px #14161e0d;background:#fff}[data-theme=dark] .fuel-app{--ink:#f4f4f5;--muted:#9b9ba6;--faint:#6a6a74;--hair:#ffffff17;--hair-strong:#ffffff29;--field:#131317;--track:#1a1a20;--accent:#8f88ff;--panel:#101014;--panel-shadow:none;background:#0b0b0e}.fuel-app .frame{background:var(--panel);border:1px solid var(--hair);width:min(100%,540px);box-shadow:var(--panel-shadow);border-radius:18px}@media (max-width:640px){.fuel-app .frame{box-shadow:none;border:none;border-radius:0}}.fuel-app .header{border-bottom:1px solid var(--hair);gap:12px;padding:20px clamp(20px,5vw,26px)}.fuel-app .header-logo{width:36px;height:36px;box-shadow:none;border-radius:9px}.fuel-app .header-title{letter-spacing:-.02em;color:var(--ink);font-size:15.5px;font-weight:700}.fuel-app .header-sub{color:var(--muted);font-size:11.5px;font-weight:500}.fuel-app .theme-toggle{background:var(--track);border:none;border-radius:9px;padding:3px}.fuel-app .theme-btn{color:var(--faint);transition:all .15s}.fuel-app .theme-btn.is-on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #14161e14}.fuel-app .fuel-scroll{gap:26px;padding:28px clamp(20px,5vw,26px) 30px}.fuel-app .fuel-note{color:var(--muted);background:0 0;border:none;border-radius:0;padding:0;font-size:12.5px;font-weight:500;line-height:1.65}.fuel-app .fuel-note-top p+p{margin-top:3px}.fuel-app .fuel-note b{color:var(--ink);font-weight:600}.fuel-app .fuel-label{letter-spacing:0;color:var(--muted);font-size:12px;font-weight:600}.fuel-app .fuel-select{background:var(--field);border:1px solid var(--hair-strong);height:50px;box-shadow:none;color:var(--ink);border-radius:11px;font-size:15px;font-weight:500;transition:border-color .15s}.fuel-app .fuel-select:focus{border-color:var(--ink);box-shadow:none}.fuel-app .fuel-select-chev{color:var(--faint)}.fuel-app .fuel-row{background:var(--panel);border:1px solid var(--hair);box-shadow:none;border-radius:14px;padding:22px 20px}.fuel-app .fuel-row-head{margin-bottom:20px}.fuel-app .fuel-row-no{color:var(--ink);letter-spacing:-.01em;box-shadow:none;background:0 0;border:none;padding:0;font-size:13px;font-weight:700}.fuel-app .fuel-row-del{box-shadow:none;color:var(--faint);background:0 0;border:none;padding:4px 6px;font-size:12px;font-weight:500;transition:color .15s}.fuel-app .fuel-row-del:hover{color:var(--ink)}.fuel-app .fuel-grid{gap:18px 14px}.fuel-app .fuel-field{gap:8px}.fuel-app .fuel-field-label{letter-spacing:0;color:var(--muted);font-size:11.5px;font-weight:500}.fuel-app .fuel-input{background:var(--field);border:1px solid var(--hair-strong);height:46px;box-shadow:none;color:var(--ink);border-radius:11px;font-size:14.5px;font-weight:500;transition:border-color .15s}.fuel-app .fuel-input::placeholder{color:var(--faint);opacity:1;font-weight:400}.fuel-app .fuel-input:focus{border-color:var(--ink);box-shadow:none}.fuel-app .fuel-input.is-error,.fuel-app .fuel-select.is-error{border-color:var(--err);box-shadow:none}.fuel-app .fuel-seg{background:var(--track);height:46px;box-shadow:none;border:none;border-radius:11px;gap:3px;padding:3px}.fuel-app .fuel-seg-btn{color:var(--muted);box-shadow:none;background:0 0;border:none;border-radius:8px;font-size:13.5px;font-weight:600;transition:color .15s,background .15s}.fuel-app .fuel-seg-btn.is-on{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #14161e14}.fuel-app .fuel-receipt-pick{background:var(--field);border:1px dashed var(--hair-strong);height:46px;box-shadow:none;color:var(--muted);border-radius:11px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.fuel-app .fuel-receipt-pick svg{color:var(--faint)}.fuel-app .fuel-receipt-pick:hover{border-color:var(--ink);color:var(--ink)}.fuel-app .fuel-receipt-pick.is-drag{border-style:solid;border-color:var(--ink);color:var(--ink);background:var(--track)}.fuel-app .fuel-receipt-pick.is-error{border-color:var(--err);color:var(--err);background:0 0}.fuel-app .fuel-receipt-done{background:var(--track);border:1px solid var(--hair);height:46px;box-shadow:none;border-radius:11px}.fuel-app .fuel-receipt-name{color:var(--ink);font-size:13px;font-weight:500}.fuel-app .fuel-receipt-clear{box-shadow:none;color:var(--faint);background:0 0;border:none}.fuel-app .fuel-receipt-clear:hover{color:var(--ink)}.fuel-app .fuel-add{border:1px solid var(--hair-strong);height:50px;box-shadow:none;color:var(--ink);background:0 0;border-radius:12px;font-size:13.5px;font-weight:600;transition:border-color .15s}.fuel-app .fuel-add:hover{border-color:var(--ink)}.fuel-app .fuel-add svg{color:var(--muted)}.fuel-app .fuel-bottom{border-top:1px solid var(--hair);background:var(--panel);-webkit-backdrop-filter:none;padding:16px clamp(20px,5vw,26px) 18px}.fuel-app .fuel-extra{color:var(--muted);margin-bottom:12px;font-size:12.5px;font-weight:500}.fuel-app .fuel-extra b{color:var(--ink)}.fuel-app .fuel-extra .dim{color:var(--faint)}.fuel-app .btn-primary{background:var(--accent);color:#fff;letter-spacing:-.01em;box-shadow:none;border-radius:12px;font-size:15px;font-weight:600;transition:filter .15s,transform .1s}.fuel-app .btn-primary:hover{filter:brightness(1.07)}.fuel-app .btn-primary:active{transform:translateY(1px)}.fuel-app .fuel-submit{height:54px;font-size:15.5px}.fuel-app .fuel-input,.fuel-app .fuel-extra,.fuel-app .fuel-result-date,.fuel-app .fuel-result-total,.fuel-app .fuel-result-grand,.fuel-app .fuel-result-rows{font-variant-numeric:tabular-nums}.fuel-app .fuel-result-badge{background:var(--ink);box-shadow:none}.fuel-app .fuel-result-name{color:var(--muted);font-weight:500}.fuel-app .fuel-result-title{color:var(--ink);letter-spacing:-.03em;font-size:clamp(24px,4vh,30px);font-weight:700}.fuel-app .fuel-result-grand{color:var(--muted);font-weight:500}.fuel-app .fuel-result-grand b,.fuel-app .fuel-result-total{color:var(--accent);font-weight:700}.fuel-app .fuel-result-item{background:var(--panel);border:1px solid var(--hair);box-shadow:none;border-radius:12px;padding:16px 17px}.fuel-app .fuel-result-date{color:var(--ink)}.fuel-app .fuel-result-type{background:var(--track);color:var(--muted);border:none;font-weight:600}.fuel-app .fuel-result-rows{color:var(--muted)}.fuel-app .fuel-seg-btn:focus-visible,.fuel-app .fuel-receipt-pick:focus-visible,.fuel-app .fuel-add:focus-visible,.fuel-app .btn-primary:focus-visible,.fuel-app .theme-btn:focus-visible,.fuel-app .fuel-row-del:focus-visible,.fuel-app .fuel-receipt-clear:focus-visible{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--accent);outline:none}.fuel-spin{vertical-align:-3px;border:2.4px solid #fff6;border-top-color:#fff;border-radius:50%;width:17px;height:17px;margin-right:3px;animation:.7s linear infinite spin;display:inline-block}@media (max-width:480px){.fuel-app .fuel-input,.fuel-app .fuel-seg{height:48px}.fuel-app .fuel-select{height:52px}.fuel-app .fuel-receipt-pick,.fuel-app .fuel-receipt-done{height:48px}}@media (prefers-reduced-motion:reduce){.fuel-app .fuel-result,.fuel-spin{animation:none}.fuel-app .btn-primary,.fuel-app .fuel-seg-btn,.fuel-app .fuel-input,.fuel-app .fuel-receipt-pick,.fuel-app .fuel-add,.fuel-app .theme-btn{transition:none}}.fuel-app .frame{border-radius:10px}@media (max-width:640px){.fuel-app .frame{border-radius:0}}.fuel-app .fuel-row,.fuel-app .fuel-result-item{border-radius:7px}.fuel-app .fuel-select,.fuel-app .fuel-input,.fuel-app .fuel-seg,.fuel-app .fuel-receipt-pick,.fuel-app .fuel-receipt-done,.fuel-app .btn-primary,.fuel-app .header-logo,.fuel-app .theme-toggle{border-radius:6px}.fuel-app .fuel-seg-btn,.fuel-app .theme-btn,.fuel-app .fuel-result-type{border-radius:4px}.fuel-app .fuel-add{letter-spacing:-.01em;border-style:solid;border-radius:6px;flex:none;height:68px;font-size:14.5px}.fuel-app .fuel-scroll{gap:30px}.fuel-app .fuel-login{border:1px solid var(--hair-strong);color:var(--ink);letter-spacing:-.01em;background:0 0;border-radius:6px;flex:none;padding:9px 16px;font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.fuel-app .fuel-login:hover{border-color:var(--ink)}.fuel-app .fuel-login:active{transform:translateY(1px)}@media (max-width:420px){.fuel-app .fuel-login{padding:8px 13px;font-size:12.5px}}.fuel-app .fuel-date{position:relative}.fuel-app .fuel-date .fuel-input{padding-right:42px}.fuel-app .fuel-date-native{opacity:0;pointer-events:none;background:0 0;border:none;width:28px;height:1px;padding:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.fuel-app .fuel-date-btn{width:42px;height:100%;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;top:0;right:0}.fuel-app .fuel-date-btn:hover{color:var(--ink)}.fuel-app .fuel-date-btn:focus-visible{color:var(--accent);outline:none}.fuel-app .fuel-applicant-me{background:var(--field);border:1px solid var(--hair-strong);border-radius:6px;align-items:center;gap:11px;height:50px;padding:0 14px;display:flex}.fuel-app .fuel-applicant-avatar{background:var(--accent);color:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:flex}.fuel-app .fuel-applicant-name{color:var(--ink);font-size:15px;font-weight:700}.fuel-app .fuel-applicant-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:5px;margin-left:auto;padding:4px 10px;font-size:11.5px;font-weight:700}