:root{--color-primary:#181d26;--color-primary-active:#0d1218;--color-canvas:#fff;--color-surface-soft:#f8fafc;--color-surface-strong:#e0e2e6;--color-surface-dark:#181d26;--color-surface-dark-elevated:#1d1f25;--color-hairline:#ddd;--color-ink:#181d26;--color-body:#333840;--color-muted:#41454d;--color-border-strong:#9297a0;--color-on-primary:#fff;--color-on-dark:#fff;--color-signature-coral:#aa2d00;--color-signature-forest:#0a2e0e;--color-signature-cream:#f5e9d4;--color-signature-peach:#fcab79;--color-signature-mint:#a8d8c4;--color-signature-yellow:#f4d35e;--color-signature-mustard:#d9a441;--color-link:#1b61c9;--color-link-active:#1a3866;--color-info:#254fad;--color-info-border:#458fff;--color-success:#006400;--color-success-border:#39bf45;--color-pricing-ink:#181d26;--color-focus-ring:#1b61c959;--font-brand:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-display:var(--font-brand);--font-text:var(--font-brand);--font-pricing:var(--font-brand);--weight-thin:100;--weight-extralight:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--weight-black:900;--weight-pricing-display:500;--weight-pricing-body:600;--type-display-xl-size:48px;--type-display-xl-lh:1.1;--type-display-xl-ls:0;--type-display-xl-weight:500;--type-display-lg-size:40px;--type-display-lg-lh:1.2;--type-display-lg-ls:0;--type-display-lg-weight:400;--type-display-md-size:32px;--type-display-md-lh:1.2;--type-display-md-ls:0;--type-display-md-weight:400;--type-title-lg-size:24px;--type-title-lg-lh:1.35;--type-title-lg-ls:.12px;--type-title-lg-weight:400;--type-title-md-size:20px;--type-title-md-lh:1.5;--type-title-md-ls:0;--type-title-md-weight:400;--type-title-sm-size:18px;--type-title-sm-lh:1.4;--type-title-sm-ls:0;--type-title-sm-weight:500;--type-label-md-size:16px;--type-label-md-lh:1.4;--type-label-md-ls:0;--type-label-md-weight:500;--type-button-size:16px;--type-button-lh:1.4;--type-button-ls:0;--type-button-weight:500;--type-body-md-size:14px;--type-body-md-lh:1.25;--type-body-md-ls:0;--type-body-md-weight:400;--type-caption-size:14px;--type-caption-lh:1.35;--type-caption-ls:.16px;--type-caption-weight:500;--type-legal-size:13.12px;--type-legal-lh:1.2;--type-legal-ls:0;--type-legal-weight:600;--type-pricing-display-size:44.8px;--type-pricing-display-lh:1.1;--type-pricing-display-weight:500;--type-pricing-section-size:28px;--type-pricing-section-lh:1.2;--type-pricing-section-weight:500;--type-pricing-card-title-size:20px;--type-pricing-card-title-lh:1.3;--type-pricing-card-title-weight:500;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-xxl:48px;--space-section:96px;--container-max:1280px;--container-gutter:48px;--nav-height:64px;--radius-xs:2px;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-pill:9999px;--radius-full:9999px;--border-hairline:1px solid var(--color-hairline);--border-strong:1px solid var(--color-border-strong);--elevation-flat:none;--elevation-button-rest:0 1px 2px #181d2629, 0 0 0 1px #1b61c90a;--elevation-button-focus:0 0 0 2px var(--color-focus-ring);--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-text);font-size:var(--type-body-md-size);line-height:var(--type-body-md-lh);font-weight:var(--weight-regular);color:var(--color-body);background:var(--color-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-link-active)}*,:before,:after,*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--color-ink);font-family:var(--font-brand);-webkit-tap-highlight-color:transparent;background:#e9e5de}#root{background:var(--color-canvas);max-width:430px;min-height:100dvh;margin:0 auto}::-webkit-scrollbar{width:0;height:0}.no-scrollbar{scrollbar-width:none}button{font-family:var(--font-brand)}@keyframes sheetUp{0%{transform:translateY(101%)}to{transform:translateY(0)}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes stampPop{0%{opacity:0;transform:scale(2.4)rotate(-25deg)}60%{opacity:1;transform:scale(.82)rotate(8deg)}80%{transform:scale(1.08)rotate(-3deg)}to{transform:scale(1)rotate(0)}}.app-shell{flex-direction:column;max-width:430px;height:100dvh;margin:0 auto;display:flex;overflow-x:hidden}.screen-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.tab-slide-in{animation:.26s cubic-bezier(.22,.7,.3,1) tabSlideIn}@keyframes tabSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.screen{background:var(--color-canvas);flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.top-gap{height:calc(14px + env(safe-area-inset-top,0px));flex:none}.bottom-gap{height:calc(14px + env(safe-area-inset-bottom,0px));background:var(--color-canvas);flex:none}.scroll{flex:1;min-height:0;overflow-y:auto}.subhead{flex:none;justify-content:space-between;align-items:center;height:44px;padding:0 8px 0 4px;display:flex}.back-btn{width:44px;height:44px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;font-size:18px}.cta{border-radius:var(--radius-lg);background:var(--color-signature-coral);width:100%;height:54px;color:var(--color-signature-cream);font-family:var(--font-brand);cursor:pointer;border:none;font-size:15px;font-weight:500}.cta:disabled{color:var(--color-muted);cursor:default;background:#e6e1d9}.btn-ghost{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas);height:48px;color:var(--color-ink);font-family:var(--font-brand);cursor:pointer;font-size:14px;font-weight:500}.num{font-variant-numeric:tabular-nums}.overlay-frame{max-width:430px;margin:0 auto;position:fixed;inset:0}.tabbar-wrap{background:var(--color-canvas);flex:none}.tabbar{z-index:10;border-top:1px solid var(--color-hairline);background:var(--color-canvas);display:flex;position:relative}.tabbar .tab{height:58px;font-family:var(--font-brand);cursor:pointer;color:var(--color-muted);background:0 0;border:none;border-top:2px solid #0000;flex:1;font-size:12px;font-weight:400}.tabbar .tab.on{border-top-color:var(--color-primary);color:var(--color-ink);font-weight:500}.tabbar .tab-center{z-index:20;border:4px solid var(--color-canvas);outline-offset:-1px;background:var(--color-signature-cream);cursor:pointer;border-radius:50%;outline:1.5px solid #0000;justify-content:center;align-items:center;width:62px;height:62px;padding:0;display:flex;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #181d2624}.tabbar .tab-center.on{outline-color:var(--color-signature-coral)}.switch{border:1px solid var(--color-border-strong);background:var(--color-canvas);cursor:pointer;border-radius:15px;flex:none;width:48px;height:30px;padding:0;position:relative}.switch .knob{background:var(--color-border-strong);border-radius:50%;width:22px;height:22px;transition:left .16s;position:absolute;top:3px;left:3px}.switch.on{border-color:var(--color-primary);background:var(--color-primary)}.switch.on .knob{background:#fff;left:21px}.page{background:var(--color-canvas);max-width:430px;min-height:100%;margin:0 auto;padding:18px}.page.center{justify-content:center;align-items:center;display:flex}.card{background:var(--color-canvas);border:1px solid var(--color-hairline);border-radius:var(--radius-md);text-align:center;width:100%;padding:24px 20px}.brand-sm{letter-spacing:.2em;color:var(--color-ink);font-weight:500}.muted{color:var(--color-muted);font-size:14px;line-height:1.5}.err{color:var(--color-signature-coral);margin:8px 0;font-size:14px}.form{text-align:left;flex-direction:column;gap:8px;margin-top:16px;display:flex}.form label{color:var(--color-muted);margin-top:8px;font-size:13px}.form input,.staff-input,.search-row input,.measure-row input{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);width:100%;color:var(--color-ink);font-size:16px;font-family:var(--font-brand);background:#faf8f5;padding:14px}.form input:focus,.staff-input:focus,.search-row input:focus,.measure-row input:focus{outline:2px solid var(--color-info-border)}.seg{gap:8px;display:flex}.seg button{border-radius:var(--radius-sm);border:1px solid var(--color-hairline);background:var(--color-canvas);min-height:44px;color:var(--color-body);cursor:pointer;flex:1;padding:12px;font-size:15px}.seg button.seg-on{border-color:var(--color-signature-coral);color:var(--color-ink);background:var(--color-signature-cream)}.btn{border-radius:var(--radius-lg);background:var(--color-signature-coral);width:100%;min-height:50px;color:var(--color-signature-cream);font-size:15px;font-weight:500;font-family:var(--font-brand);cursor:pointer;border:none;margin-top:14px;padding:14px}.btn:disabled{opacity:.6}.btn.gold{background:var(--color-signature-cream);color:var(--color-ink)}.btn.ghost{background:var(--color-canvas);color:var(--color-ink);border:1px solid var(--color-hairline)}.btn.scan-btn{margin-top:18px}.link{color:var(--color-link);cursor:pointer;background:0 0;border:none;margin-top:12px;font-size:14px}.topbar{justify-content:space-between;align-items:center;display:flex}.cta-box{border-radius:var(--radius-md);background:var(--color-signature-cream);text-align:left;margin:18px 0;padding:16px}.cta-box b{color:var(--color-signature-coral)}.search-row{gap:8px;margin-top:12px;display:flex}.search-row input{flex:1;padding:13px;font-size:15px}.search-row .btn{width:auto;margin-top:0;padding:13px 18px}.cust-card{text-align:left;margin-top:16px}.cust-card h2{margin:0}.big-num{font-variant-numeric:tabular-nums;margin:10px 0;font-size:20px;font-weight:700}.insta-check{align-items:center;gap:10px;margin:12px 0;font-size:15px;display:flex}.insta-check input{width:20px;height:20px}.ok-msg{color:var(--color-success);margin-top:10px;font-weight:700}.measure-items{margin:14px 0}.measure-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.measure-row .m-name{flex:1.2}.measure-row .m-val{flex:1}.measure-row input{padding:11px;font-size:15px}.m-del{color:var(--color-muted);border-radius:var(--radius-sm);cursor:pointer;background:#f2efea;border:none;flex:none;width:40px;height:40px}.scanner-overlay{z-index:95;background:#181d26f2;justify-content:center;align-items:center;max-width:430px;margin:0 auto;padding:18px;display:flex;position:fixed;inset:0}.scanner-box{text-align:center;width:100%;max-width:360px}.scanner-box .muted{color:#fff9;margin:12px 0}.scanner-region{aspect-ratio:1;background:#000;border:1px solid #ffffff47;width:100%;position:relative;overflow:hidden}.scanner-region video,.scanner-region canvas{display:block;object-fit:cover!important;width:100%!important;height:100%!important}