@font-face{font-family:Spoqa Han Sans Neo;src:url(/fonts/SpoqaHanSansNeo-Light.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Spoqa Han Sans Neo;src:url(/fonts/SpoqaHanSansNeo-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Spoqa Han Sans Neo;src:url(/fonts/SpoqaHanSansNeo-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Spoqa Han Sans Neo;src:url(/fonts/SpoqaHanSansNeo-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{color-scheme:light;--color-primary:#ff8331;--color-primary-pressed:#e9741f;--color-bg:#ececec;--color-surface:#ffffff;--color-error:#ff5d5d;--color-text:#353c49;--color-text-strong:#1c1c1e;--color-text-muted:#636366;--color-text-placeholder:#aeaeb2;--color-border:#e5e5ea;--color-fill:#f2f2f7;--color-success:#34c759;--color-info:#3881cb;--color-primary-soft:#fff1e8;--color-error-soft:#fff0f0;--color-success-soft:#ebf9ef;--color-warning:#ff9500;--color-warning-soft:#fff5e5;--font-family:"Spoqa Han Sans Neo",-apple-system,system-ui,sans-serif;--radius-control:12px;--radius-chip:6px;--height-button-primary:52px;--height-button-secondary:45px;--height-input:52px;--shadow-card:0 1px 3px rgba(0,0,0,0.06);--page-padding-x:20px}*,:after,:before{box-sizing:border-box}body,html{min-height:100%}body,html{background:var(--color-bg)}body{margin:0;color:var(--color-text);font-family:var(--font-family);font-size:15px;font-weight:400;line-height:1.4;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{color:inherit;font:inherit;letter-spacing:inherit}button{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}a{color:var(--color-info);text-decoration:none}::placeholder{color:var(--color-text-placeholder);opacity:1}.app-frame{width:100%;margin:0 auto;background:var(--color-bg)}.app-frame,.page{min-height:100dvh}.page{padding:20px var(--page-padding-x) calc(32px + env(safe-area-inset-bottom))}.page--center{display:grid;place-items:center}.page-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.page-header h1,.page-header h2,.section-title{margin:0;color:var(--color-text-strong);font-weight:700}.page-header h1{font-size:20px;line-height:1.4}.section-title{font-size:17px;line-height:1.4}.eyebrow{margin:0 0 2px;color:var(--color-primary);font-size:12px;font-weight:700;letter-spacing:0}.subtle{color:var(--color-text-muted);font-size:13px}.stack{display:grid;gap:12px}.stack-lg{display:grid;gap:16px}.row{gap:10px}.row,.row-between{display:flex;align-items:center}.row-between{justify-content:space-between;gap:12px}.grow{flex:1 1;min-width:0}.card{padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-card)}.card--accent{border-color:var(--color-primary);background:var(--color-primary-soft)}.card h3{margin:0 0 4px;color:var(--color-text-strong);font-size:15px;font-weight:700}.card p{margin:0}.card>*+*{margin-top:12px}.clickable{width:100%;text-align:left;transition:transform .15s ease,box-shadow .15s ease}.clickable:active{transform:scale(.99)}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-chip);background:var(--color-fill);color:var(--color-text-muted);font-size:12px;font-weight:500;line-height:1.4}.badge--brand{background:var(--color-primary-soft);color:var(--color-primary-pressed)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger{background:var(--color-error-soft);color:var(--color-error)}.form{display:grid;gap:16px}.field{display:grid;gap:6px}.field label{color:var(--color-text);font-size:13px;font-weight:500}.input{width:100%;min-height:var(--height-input);padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}textarea.input{min-height:96px;resize:vertical}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.button{min-height:var(--height-button-primary);padding:10px 16px;border:1px solid rgba(0,0,0,0);border-radius:var(--radius-control);color:var(--color-surface);font-weight:700;transition:background-color .15s ease,border-color .15s ease}.button,.button:hover{background:var(--color-primary)}.button:active{background:var(--color-primary-pressed)}.button:disabled{border-color:var(--color-fill);background:var(--color-fill);color:var(--color-text-muted);cursor:default}.button--secondary{min-height:var(--height-button-secondary);border-color:var(--color-border);color:var(--color-primary)}.button--secondary,.button--secondary:hover{background:var(--color-surface)}.button--secondary:active{border-color:var(--color-primary);background:var(--color-primary-soft)}.button--danger{min-height:var(--height-button-secondary);border-color:var(--color-error);color:var(--color-error)}.button--danger,.button--danger:hover{background:var(--color-surface)}.button--danger:active{background:var(--color-error-soft)}.button--small{min-height:var(--height-button-secondary);padding:8px 12px;font-size:12px}.button--block{width:100%}.button--danger:disabled,.button--secondary:disabled{border-color:var(--color-fill);background:var(--color-fill);color:var(--color-text-muted)}.icon-button{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-strong);font-size:20px;box-shadow:var(--shadow-card)}.tabs{display:flex;gap:8px;overflow-x:auto;margin:0 calc(var(--page-padding-x)*-1) 16px;padding:0 var(--page-padding-x) 4px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;min-height:40px;padding:9px 14px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);font-weight:500}.tab--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-surface);font-weight:700}.state{display:grid;place-items:center;gap:8px;min-height:150px;padding:24px 16px;border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text-muted);text-align:center;box-shadow:var(--shadow-card)}.state strong{color:var(--color-text-strong);font-weight:700}.spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error,.success{padding:12px;border-radius:var(--radius-chip);font-size:13px}.error{background:var(--color-error-soft);color:var(--color-error)}.success{background:var(--color-success-soft);color:var(--color-success)}.command{position:sticky;bottom:12px;z-index:10;margin-top:16px;box-shadow:var(--shadow-card)}.divider{height:1px;margin:2px 0;background:var(--color-border)}.money{color:var(--color-text-strong);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login{width:100%;max-width:380px;padding:24px 0}.login__mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:48px;border-radius:var(--radius-control);background:var(--color-primary);color:var(--color-surface);font-size:24px;font-weight:700;letter-spacing:-.4px;position:relative}.login__mark:after{position:absolute;top:50%;left:64px;width:max-content;content:"미라클 주차";transform:translateY(-50%)}.login h1,.login__mark:after{color:var(--color-text-strong);font-size:20px;font-weight:700}.login h1{margin:0}.login>p{margin:6px 0 28px;color:var(--color-text-muted);font-size:13px}.summary{margin-bottom:16px;padding:16px;border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);box-shadow:var(--shadow-card)}.summary h1{margin:8px 0 2px;color:var(--color-text-strong);font-size:20px;font-weight:700}.summary p{margin:0;color:var(--color-text-muted);font-size:13px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;align-items:end;background:rgba(28,28,30,.4)}.sheet{width:100%;max-height:90dvh;overflow:auto;padding:20px var(--page-padding-x) calc(20px + env(safe-area-inset-bottom));border-radius:var(--radius-control) var(--radius-control) 0 0;background:var(--color-surface);box-shadow:0 -1px 3px rgba(0,0,0,.06)}.sheet h2{margin:0 0 16px;color:var(--color-text-strong);font-size:17px;font-weight:700}@media(min-width:481px){.app-frame{max-width:480px;box-shadow:0 0 24px rgba(0,0,0,.08)}.modal-backdrop{left:50%;width:480px;transform:translateX(-50%)}}.auth{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.auth__bar{height:52px;display:flex;align-items:center;justify-content:center;background:#fff;color:#1c1c1e;font-size:17px;font-weight:700;border-bottom:1px solid #e5e5ea}.auth__body{flex:1 1;display:flex;flex-direction:column;padding:15px 18px calc(22px + env(safe-area-inset-bottom))}.auth__field{margin-top:12px}.auth__field--tight{margin-top:4px}.auth__label{display:block;margin:0 0 7px 4px;font-size:14px;font-weight:400;color:#505866}.auth__input{display:flex;align-items:center;height:52px;padding:0 12px 0 14px;background:#fff;border:1px solid #d2d6da;border-radius:4px}.auth__input:focus-within{border-color:#505866}.auth__ico{flex:none;margin-right:10px;opacity:.9}.auth__input input{flex:1 1;min-width:0;border:0;outline:0;background:rgba(0,0,0,0);font-size:14px;font-weight:700;color:#353c49}.auth__input input::placeholder{font-weight:400;color:#aeaeb2}.auth__eye{flex:none;padding:4px;background:none;border:0;cursor:pointer}.auth__error{color:#ff5d5d}.auth__error,.auth__notice{margin:10px 4px 0;font-size:13px}.auth__notice{color:#505866}.auth__submit{margin-top:16px;height:52px;border:0;border-radius:5px;background:#ff8331;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.auth__submit:disabled{background:#d2d6da;cursor:default}.auth__find{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:10px}.auth__find button{background:none;border:0;padding:0;font-size:14px;color:#505866;cursor:pointer}.auth__find-sep{width:1px;height:12px;background:#d2d6da}.auth__spacer{flex:1 1;min-height:24px}.auth__divider{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#505866}.auth__divider:after,.auth__divider:before{content:"";flex:1 1;height:.5px;background:#505866}.auth__divider span{font-size:12px;font-weight:300}.auth__social{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;width:100%;height:45px;margin-top:12px;border-radius:10px;border:0;font-size:16px;font-weight:700;cursor:pointer}.auth__social:first-of-type{margin-top:0}.auth__social img{position:absolute;left:14px}.auth__social--kakao{background:#fee500;color:#212121}.auth__social--google{background:#fff;color:#1c1c1e;border:1px solid #e5e5ea}.auth__social--apple{background:#000;color:#fff}.auth__social--apple img{filter:invert(1)}.home{padding:8px 18px calc(28px + env(safe-area-inset-bottom));background:var(--color-bg);min-height:100dvh}.home__top{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 2px 4px}.home__eyebrow{margin:0;font-size:11px;font-weight:700;letter-spacing:.4px;color:#ff8331}.home__hello{margin:2px 0 0;font-size:22px;font-weight:700;color:#1c1c1e}.home__logout{flex:none;height:32px;padding:0 12px;background:#fff;border:1px solid #e5e5ea;border-radius:8px;font-size:13px;color:#636366;cursor:pointer}.home__banner{display:flex;align-items:center;gap:14px;margin:14px 0 8px;padding:18px;border-radius:18px;background:linear-gradient(135deg,#ff8331,#ff9f5a);color:#fff}.home__banner-mark{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.22);font-weight:800;font-size:20px}.home__banner strong{display:block;font-size:17px;font-weight:700}.home__banner span{font-size:13px;opacity:.92}.home__section{margin:18px 2px 12px;font-size:17px;font-weight:700;color:#1c1c1e}.home__section-row{display:flex;align-items:center;justify-content:space-between}.home__add-link{background:none;border:0;color:#ff8331;font-size:14px;font-weight:700;cursor:pointer}.home__notice{margin:4px 2px 0;font-size:13px;color:#505866}.home__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:116px;padding:16px;border:0;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.06);text-align:left;cursor:pointer}.tile__glyph{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:22px;background:#fff4ec;border-radius:12px}.tile__name{font-size:15px;font-weight:700;color:#353c49}.tile--add{align-items:center;justify-content:center;text-align:center;box-shadow:none}.tile--add .tile__glyph{background:rgba(0,0,0,0);font-size:26px}.tile--site{gap:8px}.tile__badges{display:flex;flex-wrap:wrap;gap:6px}.tile__title{margin:2px 0 0;font-size:16px;font-weight:700;color:#1c1c1e}.tile__sub{margin:0;font-size:13px;color:#636366}.tile__unlink{margin-top:auto;align-self:flex-start;height:30px;padding:0 10px;background:#fff;border:1px solid #ffd1c2;border-radius:8px;color:#ff5d5d;font-size:12px;cursor:pointer}.tile--service{aspect-ratio:1/1;justify-content:space-between;padding:18px 16px}.tile--service .tile__icon{width:40px;height:40px}.tile--service .tile__name{font-size:16px;font-weight:700;color:#1c1c1e}.home{padding:0 0 calc(28px + env(safe-area-inset-bottom));background:#2b2f45 url(/assets/main-icons/home_bg.jpg) top/cover no-repeat}.home__hero{padding:8px 18px 26px;color:#fff}.home__appbar{display:flex;align-items:center;justify-content:space-between;height:48px}.home__appbar-title{font-size:14px;color:hsla(0,0%,100%,.92)}.home__appbar-actions{display:flex;gap:10px}.home__appbar-actions button{background:none;border:0;padding:4px;cursor:pointer}.home__hero-title{padding:18px 2px 4px}.home__hero-title h1{margin:0;font-size:24px;font-weight:700;color:#fff}.home__hero-title p{margin:6px 0 0;font-size:14px;color:hsla(0,0%,100%,.9)}.home__section,.home__section-row{padding-left:18px;padding-right:18px}.home__section{color:#fff}.home__grid{padding:0 18px}.home__notice{padding-left:18px}.home__add-link{color:#ffe1cf}.tile{background:#fff}.tile--add{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.5);color:#fff}.tile--add .tile__glyph{color:#fff}.home .empty-state,.home .error-state{margin:0 18px}.home__grid{margin-bottom:8px}.home__section-row{margin-top:24px;align-items:baseline}.home__section-row .home__section{margin:0}.home .empty-state{margin:12px 18px 0;border-radius:18px}.home .empty-state,.tile--add{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}.tile--add{border:1px dashed #d2d6da}.tile--add,.tile--add .tile__glyph{color:#aeaeb2}.home__section-row--first{margin-top:4px}.home .state{margin:12px 18px 0}.home__selector{display:block;width:100%;text-align:left;background:none;border:0;padding:18px 2px 4px;cursor:pointer}.home__selector-main{display:inline-flex;align-items:center;gap:6px;font-size:24px;font-weight:700;color:#fff}.home__selector-caret{font-size:15px;opacity:.85}.home__selector-sub{display:block;margin-top:6px;font-size:14px;color:hsla(0,0%,100%,.9)}.onboarding{margin:8px 18px 0;padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;border-radius:18px;box-shadow:0 1px 3px rgba(0,0,0,.06);text-align:center}.onboarding__icon{margin-bottom:4px}.onboarding strong{font-size:17px;font-weight:700;color:#1c1c1e}.onboarding p{margin:0;font-size:14px;color:#636366;line-height:1.5}.onboarding__cta{margin-top:8px;width:100%;height:50px;background:#ff8331;color:#fff;border:0;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer}.onboarding__ghost{background:none;border:0;color:#636366;font-size:14px;cursor:pointer}.site-list{display:flex;flex-direction:column;gap:10px}.site-list__row{display:flex;align-items:stretch;gap:8px}.site-list__pick{flex:1 1;display:flex;flex-direction:column;gap:6px;padding:14px;text-align:left;background:#fff;border:1px solid #e5e5ea;border-radius:12px;cursor:pointer}.site-list__pick.is-selected{border-color:#ff8331;box-shadow:0 0 0 1px #ff8331}.site-list__pick:disabled{cursor:default;opacity:.7}.site-list__name{font-size:16px;font-weight:700;color:#1c1c1e}.site-list__meta{display:flex;gap:6px}.site-list__unlink{flex:none;padding:0 12px;background:#fff;border:1px solid #ffd1c2;border-radius:10px;color:#ff5d5d;font-size:13px;cursor:pointer}