:root{--bg: #04091d;--bg-grad: radial-gradient(150% 130% at 72% 4%, #1542a1 0%, #0a2875 26%, #041440 52%, #02081c 76%, #01030a 100%);--glass: linear-gradient(158deg, rgba(255,255,255,.14) 0%, rgba(255,255,255,.062) 40%, rgba(255,255,255,.038) 100%);--glass-hi: linear-gradient(158deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.09) 40%, rgba(255,255,255,.05) 100%);--gl-sh: inset 0 1px 1px rgba(255,255,255,.5), inset 0 0 0 1px rgba(255,255,255,.2), inset 0 -16px 30px rgba(120,170,255,.075);--gl-sh-sm: inset 0 1px 1px rgba(255,255,255,.45), inset 0 0 0 1px rgba(255,255,255,.18);--drop: 0 16px 34px rgba(0,0,0,.42), 0 3px 9px rgba(0,0,0,.3);--drop-sm: 0 8px 20px rgba(0,0,0,.26);--txt: #ffffff;--txt-2: rgba(255,255,255,.82);--txt-3: rgba(255,255,255,.58);--blue: #1a6eff;--blue-s: rgba(26,110,255,.86);--green: #35c98a;--amber: #e0a435;--red: #f0625d;--cyan: #3fc8d8;--purple: #9d7bff;--mono: "JetBrains Mono", monospace;--radius: 20px;--radius-sm: 14px;--primary: var(--blue);--primary-dark: #1250c8;--primary-soft: rgba(26,110,255,.16);--surface: rgba(255,255,255,.06);--text: var(--txt);--muted: var(--txt-3);--border: rgba(255,255,255,.14);--success: var(--green);--danger: var(--red);--warn: var(--amber);--success-soft: rgba(53,201,138,.14)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Pretendard,IBM Plex Sans KR,Apple SD Gothic Neo,sans-serif;background:#01030a;color:var(--txt);line-height:1.5;-webkit-font-smoothing:antialiased}.app{max-width:440px;margin:0 auto;min-height:100vh;background:var(--bg-grad);display:flex;flex-direction:column}.sticky-head{position:sticky;top:0;z-index:60}.offline-bar{background:var(--danger);color:#fff;font-size:13px;font-weight:600;text-align:center;padding:7px 12px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 20px 16px;background:var(--glass);box-shadow:var(--gl-sh-sm)}.brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:-.02em}.brand .logo{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:grid;place-items:center;color:#fff;font-size:15px;box-shadow:0 4px 12px #6366f159}.screen{flex:1;padding:8px 20px calc(40px + env(safe-area-inset-bottom));animation:screen-in .32s cubic-bezier(.22,.61,.36,1)}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.title{font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.subtitle{color:var(--muted);font-size:14px;margin-bottom:24px}.section-label{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:4px 0 12px}.card{background:var(--glass);border-radius:var(--radius);box-shadow:var(--gl-sh-sm),var(--drop-sm);padding:18px;margin-bottom:14px;border:0}.card.flat{box-shadow:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:var(--radius-sm);background:var(--glass);box-shadow:var(--gl-sh-sm),var(--drop-sm);font-size:15px;font-weight:700;font-family:inherit;color:var(--txt);padding:13px 18px;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease;white-space:nowrap}.btn:active{transform:scale(.965)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue-s);color:#fff;box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #aacdffa6,inset 0 -2px 6px #0a329659,0 6px 20px #1e6eff80}.btn-primary:hover:not(:disabled){background:var(--blue-s)}.btn-ghost{background:var(--surface);color:var(--primary);box-shadow:none}.btn-outline{background:transparent;color:var(--muted);border:1px solid var(--border);box-shadow:none}.btn-sm{padding:9px 14px;font-size:14px;border-radius:10px}.btn-block{width:100%}.btn-row{display:flex;gap:8px}.cta{position:relative;z-index:3;flex-shrink:0;padding:14px 18px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,#01030aeb 55%,#01030a00)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:600;color:var(--muted);margin-bottom:7px}.input{width:100%;padding:14px 15px;font-size:16px;font-family:inherit;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:border-color .15s,box-shadow .15s;outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.input.center{text-align:center;letter-spacing:.3em;font-weight:700}.locker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.locker-cell{aspect-ratio:1 / .95;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;font-family:inherit;transition:transform .06s,border-color .15s,background .15s}.locker-cell:active:not(:disabled){transform:scale(.97)}.locker-cell .lk-label{font-size:19px;font-weight:800}.locker-cell .lk-state{font-size:12px;font-weight:600}.locker-cell.available{border-color:#c7d2fe}.locker-cell.available .lk-state{color:var(--primary)}.locker-cell.available:hover{border-color:var(--primary);background:var(--primary-soft)}.locker-cell.occupied{background:#f7f7fa;color:#b8b8c6;cursor:not-allowed}.locker-cell.occupied .lk-state{color:#b8b8c6}.plan{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);margin-bottom:10px;cursor:pointer;transition:border-color .15s,background .15s}.plan.on{border-color:var(--primary);background:var(--primary-soft)}.plan .plan-name{font-weight:700}.plan .plan-desc{font-size:12px;color:var(--muted)}.plan .plan-price{font-weight:800;font-size:16px}.plan .radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);flex:0 0 auto;display:grid;place-items:center}.plan.on .radio{border-color:var(--primary)}.plan.on .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary)}.rental{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 4px;border-bottom:1px solid var(--border)}.rental:last-child{border-bottom:0}.rental .r-info{min-width:0}.rental .r-name{font-weight:700;font-size:15px}.rental .r-sub{font-size:12px;color:var(--muted);margin-top:2px}.store-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.store-head .s-name{font-weight:800;font-size:16px}.badge{font-size:11px;font-weight:700;padding:4px 9px;border-radius:999px}.badge.ok{background:var(--success-soft);color:var(--success)}.badge.muted{background:#f1f1f5;color:var(--muted)}.center-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;gap:6px}.icon-circle{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:36px;margin-bottom:12px}.icon-circle.ok{background:var(--success-soft)}.icon-circle.warn{background:#fff7ed}.icon-circle.info{background:var(--primary-soft)}.spinner{width:40px;height:40px;border:4px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:48px 20px}.empty .e-emoji{font-size:44px;margin-bottom:10px}.hint{font-size:12px;color:var(--muted);text-align:center;margin-top:14px}.link-btn{background:none;border:0;color:var(--muted);font-size:13px;font-family:inherit;cursor:pointer;text-decoration:underline;padding:4px}.link-btn:hover{color:var(--text)}.amount{font-size:28px;font-weight:800;letter-spacing:-.02em}.btn.ok{background:var(--success)!important;color:#fff!important;box-shadow:0 6px 16px #10b9814d!important}.btn.danger{background:var(--danger)!important;color:#fff!important;box-shadow:0 6px 16px #f0625d4d!important}.btn-ghost.ok{background:var(--success-soft)!important;color:var(--success)!important;box-shadow:none!important}.btn:focus-visible,.input:focus-visible,.locker-cell:focus-visible,.link-btn:focus-visible{outline:3px solid var(--primary-soft);outline-offset:2px}.toast-wrap{position:fixed;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:8px;z-index:100;pointer-events:none;padding:0 16px}.toast{display:flex;align-items:center;gap:10px;background:#23233a;color:#fff;padding:12px 16px;border-radius:13px;font-size:14px;font-weight:600;max-width:400px;width:100%;box-shadow:0 10px 30px #00000038;animation:toast-in .28s cubic-bezier(.22,.61,.36,1)}.toast .t-icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;color:#fff}.toast.ok .t-icon{background:var(--success)}.toast.err .t-icon{background:var(--danger)}.toast.info .t-icon{background:var(--primary);font-style:italic}.toast .t-msg{flex:1}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02040ead;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;z-index:90;animation:fade-in .2s ease}.sheet{width:100%;max-width:440px;background:#0b1330;border-radius:24px 24px 0 0;padding:10px 22px calc(26px + env(safe-area-inset-bottom));box-shadow:0 -18px 44px #00000073,inset 0 1px #ffffff14;animation:sheet-up .34s cubic-bezier(.22,.61,.36,1)}.sheet-handle{width:40px;height:5px;border-radius:999px;background:#ffffff2e;margin:0 auto 16px}.sheet-title{font-size:19px;font-weight:700;letter-spacing:-.01em}.sheet-sub{font-size:14px;color:var(--txt-3);margin:4px 0 14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.splash{justify-content:center}.sp-wrap{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding-bottom:40px}.sp-mark{width:132px;height:132px;border-radius:38px;display:flex;align-items:center;justify-content:center;background:var(--glass-hi);box-shadow:var(--gl-sh),var(--drop);margin-bottom:26px}.sp-mark img{width:83px}.sp-name{font-size:31px;font-weight:700;letter-spacing:-.03em;text-shadow:0 2px 14px rgba(120,180,255,.5)}.sp-tag{font-size:17px;color:var(--txt-2);margin-top:11px;letter-spacing:-.01em}.sp-dots{display:flex;gap:9px;margin-top:34px}.sp-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff47}.sp-dots i:nth-child(2){background:#ffffff8c}.sp-dots i:nth-child(3){background:#ffffffd9}.sp-credit{margin-top:30px}.sp-credit img{height:18px;filter:grayscale(1) brightness(2);opacity:.5}.pick-t{font-size:22px;font-weight:600;letter-spacing:-.02em;margin:6px 0 18px;text-align:center}.sect{margin-bottom:22px}.sect:last-child{margin-bottom:4px}.sect-h{display:flex;align-items:baseline;gap:9px;margin-bottom:11px;padding:0 2px}.sect-h .sh-n{font-size:18px;font-weight:700;letter-spacing:-.02em}.sect-h .sh-d{font-family:var(--mono);font-size:14px;color:var(--txt-3)}.sect-h .sh-c{margin-left:auto;font-size:15px;font-weight:600;color:#8ec4ff}.sect-h .sh-c.full{color:var(--txt-3);font-weight:500}.lgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.lcell{aspect-ratio:1;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .14s ease,box-shadow .18s ease;container-type:inline-size}.lcell .ln{font-family:var(--mono);font-size:24px;font-weight:700;letter-spacing:-.02em}.lcell .ln{font-size:clamp(14px,34cqw,30px)}.lcell.free{color:#fff;background:linear-gradient(158deg,#78b4ff80,#1a6effd1 45%,#1250cde6);box-shadow:inset 0 2px 2px #ffffff9e,inset 0 0 0 1px #b4d7ffb3,inset 0 -14px 26px #0a329666,inset 6px 0 12px #ffffff1a,inset -6px 0 12px #96beff1f,0 8px 22px #1a6eff6b}.lcell.free:active{transform:scale(.93);box-shadow:inset 0 2px 2px #ffffffbf,inset 0 0 0 1px #c8e1ffd9,inset 0 -14px 26px #0a329680,0 4px 14px #1a6eff80}.lcell.off{background:#ffffff09;box-shadow:inset 0 0 0 1px #ffffff14;color:#ffffff3d;cursor:not-allowed}.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-bottom:16px}.pcard{background:var(--glass);box-shadow:var(--gl-sh-sm),var(--drop-sm);border-radius:18px;padding:18px 14px;text-align:center;cursor:pointer;transition:transform .14s ease}.pcard:active{transform:scale(.96)}.pcard .pd{font-size:20px;font-weight:700;letter-spacing:-.02em}.pcard .pp{font-family:var(--mono);font-size:19px;font-weight:600;color:var(--txt-2);margin-top:7px}.pcard.on{background:var(--blue-s);box-shadow:inset 0 1px 1px #fff9,inset 0 0 0 1px #aacdffa6,inset 0 -2px 6px #0a329659,0 6px 20px #1e6eff80}.pcard.on .pp{color:#fff}.sum-card{padding:6px 20px 8px;margin-top:4px}.sm-row{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.09);container-type:inline-size}.sm-row:last-child{border-bottom:none}.sm-k{font-size:16px;color:var(--txt-2);margin-bottom:8px}.sm-v{font-size:19px;font-weight:700;letter-spacing:-.03em;white-space:nowrap}.sm-v{font-size:clamp(15px,8.4cqw,22px)}.sm-v.pay-amt{font-size:26px;color:#fff;text-shadow:0 2px 10px rgba(120,180,255,.5);letter-spacing:-.02em}.sm-v.pay-amt{font-size:clamp(20px,11cqw,28px)}.agr{display:flex;align-items:center;gap:12px;padding:11px 0}.agr.all{border-bottom:1px solid rgba(255,255,255,.11);padding-bottom:14px;margin-bottom:4px}.agr.all .at{font-size:19px;font-weight:600}.agr .ck{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;width:26px;height:26px;border-radius:9px;flex-shrink:0;cursor:pointer;background:#ffffff14;box-shadow:inset 0 0 0 1px #fff3;display:flex;align-items:center;justify-content:center;font-size:15px;color:transparent}.agr .ck:after{content:"✓";line-height:1}.agr .ck:checked{background:var(--blue-s);color:#fff;box-shadow:inset 0 1px 1px #ffffff80,inset 0 0 0 1px #aacdff99}.agr .ck:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.agr .at{flex:1;font-size:17px;color:var(--txt-2);cursor:pointer}.agr .at b{color:#8ec4ff;font-weight:600;font-size:16px}.agr .av{font-size:16px;color:var(--txt-2);background:none;border:0;padding:4px 0;font-family:inherit;cursor:pointer;text-decoration:none}.sw{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;margin:0;padding:0;width:46px;height:28px;border-radius:14px;flex-shrink:0;cursor:pointer;background:#ffffff24;position:relative;transition:background .18s}.sw:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s}.sw:checked{background:var(--blue-s)}.sw:checked:after{transform:translate(18px)}.sw:disabled{opacity:.5;cursor:default}.sw:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.lk-tag{font-size:12px;color:var(--muted);margin-left:6px}.mono{font-family:var(--mono)}.card.ok{background:linear-gradient(158deg,#5af0be33,#28b48c14);box-shadow:inset 0 1px 1px #ffffff80,inset 0 0 0 1px #78ebbe5c,var(--drop-sm)}.lk-no{font-family:var(--mono);font-size:52px;font-weight:700;letter-spacing:-.03em;line-height:1;color:#fff;text-shadow:0 2px 12px rgba(120,180,255,.6)}.lk-meta{font-size:15px;color:var(--muted);margin-top:8px}.hold-wrap{display:flex;flex-direction:column;align-items:center;padding:12px 0 6px}.hold{position:relative;width:200px;height:200px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:radial-gradient(circle at 50% 38%,#78ffcd47,#28b48c14);box-shadow:inset 0 2px 2px #ffffff73,inset 0 0 0 2px #78ebbe80,0 10px 30px #1ebe8c47;border:none;transition:.15s;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent}.hold:active{transform:scale(.97)}.hold .ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%}.hold .ring svg{width:100%;height:100%;transform:rotate(-90deg)}.hold .ring circle{fill:none;stroke-width:4}.hold .ring .bg{stroke:#35c98a1f}.hold .ring .fg{stroke:var(--success);stroke-linecap:round;stroke-dasharray:565;stroke-dashoffset:565;transition:stroke-dashoffset .18s linear}.hold .h-ic{font-size:44px;z-index:1}.hold .h-t{font-size:20px;font-weight:700;color:#fff;z-index:1;letter-spacing:-.02em}.hold .h-s{font-size:15px;color:#ffffffb8;z-index:1}.hold.holding .ring .fg{stroke-dashoffset:0;transition:stroke-dashoffset 1.2s linear}.hold.prog{background:radial-gradient(circle at 50% 40%,#35c98a4d,#35c98a14)}.hold.prog .ring .fg{stroke-dashoffset:170}.hold.done{background:radial-gradient(circle at 50% 40%,#35c98a66,#35c98a1f)}.hold.done .ring .fg{stroke-dashoffset:0}.hold.off{background:#ffffff0d;cursor:not-allowed;box-shadow:inset 0 0 0 2px #ffffff29}.hold.off .h-t{color:var(--muted)}.hold.off .h-ic{opacity:.35}.hold.off .ring .bg{stroke:#5e6b7d26}.hold-hint{font-size:16px;color:var(--muted);margin-top:16px;text-align:center;line-height:1.55}.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px}.chip{flex-shrink:0;padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600;background:var(--surface);color:var(--muted);border:none;cursor:pointer}.chip.on{background:var(--blue-s);color:#fff}.kv{display:flex;justify-content:space-between;gap:12px;font-size:17px;padding:12px 0}.kv .k{color:var(--muted)}.kv .v{font-weight:600;text-align:right}.gauge{height:7px;background:#00000040;border-radius:5px;overflow:hidden;margin-top:10px}.gauge i{display:block;height:100%;border-radius:5px;background:var(--success)}.bn{border-radius:16px;padding:16px 18px;margin-bottom:14px;font-size:16px;line-height:1.6;color:var(--muted)}.bn .bt{font-size:18px;font-weight:700;color:var(--text);margin-bottom:7px;display:flex;align-items:center;gap:8px}.bn b{color:var(--text)}.bn.g{background:#35c98a1a;border:1px solid rgba(53,201,138,.32)}.bn.r{background:#f0625d1a;border:1px solid rgba(240,98,93,.35)}.sec-h{font-size:15px;color:var(--muted);margin:22px 0 12px;font-weight:600}.lg{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.09)}.lg:last-child{border-bottom:none}.lg .d{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.lg .b{flex:1;min-width:0}.lg .b .t{font-size:17px;font-weight:600}.lg .b .s{font-size:15px;color:var(--muted);margin-top:3px}.lg .tm{font-family:var(--mono);font-size:15px;color:var(--muted);flex-shrink:0}.tabbar{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:440px;z-index:3;display:flex;background:#01030aeb;box-shadow:inset 0 1px #ffffff1f;padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar-spacer{height:calc(76px + env(safe-area-inset-bottom,0px))}.tabbar .tb{flex:1;padding:12px 4px 14px;text-align:center;color:var(--muted);background:none;border:none;cursor:pointer}.tabbar .tb.on{color:#8ec4ff}.tabbar .tb.off{opacity:.55}.tabbar .tb .i{font-size:22px}.tabbar .tb .l{font-size:13px;margin-top:4px;font-weight:500}.card.bad{background:linear-gradient(158deg,#ff787338,#c83c3c17);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 0 0 1px #ff96915c}.bn.a{background:#e0a4351a;border:1px solid rgba(224,164,53,.32)}.ext{background:var(--glass);box-shadow:var(--gl-sh-sm),var(--drop-sm);border-radius:18px;padding:16px 18px;margin-bottom:11px;cursor:pointer;transition:transform .14s ease;border:none;width:100%;text-align:left}.ext:active{transform:scale(.97)}.ext .e1{font-size:19px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.ext .e2{font-size:15px;color:var(--muted);margin-top:7px}.ext .e3{font-size:22px;font-weight:700;margin-top:9px;letter-spacing:-.02em;color:var(--text)}.ext:disabled{opacity:.6;cursor:default}