@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/roboto-latin-500-normal-7RbcRiD8.woff2)format("woff2"),url(/assets/roboto-latin-500-normal-DQZyH_nt.woff)format("woff")}:root{--h5-color-brand:#ef7f32;--h5-color-brand-strong:#d96822;--h5-color-brand-soft:#fff1e2;--h5-color-brand-softer:#fff8ef;--h5-color-bg:#f6f8f8;--h5-color-bg-warm:#fff9f0;--h5-color-surface:#fff;--h5-color-on-brand:#fff;--h5-color-ink:#29363f;--h5-color-text:#4f5d65;--h5-color-muted:#7e8a91;--h5-color-subtle:#9ba4a9;--h5-color-border:#e8ecee;--h5-color-border-warm:#ead9c5;--h5-color-deep:#2f4658;--h5-color-disabled:#e3ddd7;--h5-color-disabled-text:#9e958f;--h5-color-success:#38a574;--h5-color-success-soft:#eaf8f0;--h5-color-warning:#c98327;--h5-color-warning-soft:#fff3dc;--h5-color-danger:#d45c54;--h5-color-danger-soft:#fff0ef;--h5-font-family:"PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--h5-font-caption:12px;--h5-font-label:13px;--h5-font-body:14px;--h5-font-button:15px;--h5-font-subtitle:16px;--h5-font-title:18px;--h5-font-heading:22px;--h5-font-page-title:var(--h5-font-title);--h5-font-section-title:var(--h5-font-subtitle);--h5-font-tab:var(--h5-font-caption);--h5-font-profile-name:var(--h5-font-heading);--h5-font-profile-meta:var(--h5-font-body);--h5-font-display:28px;--h5-line-display:36px;--h5-font-17:17px;--h5-font-19:19px;--h5-font-20:20px;--h5-font-21:21px;--h5-font-23:23px;--h5-font-24:24px;--h5-font-25:25px;--h5-font-26:26px;--h5-font-27:27px;--h5-font-30:30px;--h5-font-40:40px;--h5-line-compact:1.25;--h5-line-body:1.55;--h5-line-relaxed:1.7;--h5-weight-regular:400;--h5-weight-medium:500;--h5-weight-semibold:600;--h5-weight-bold:700;--h5-weight-emphasis:650;--h5-weight-tab:var(--h5-weight-regular);--h5-space-1:4px;--h5-space-2:8px;--h5-space-3:12px;--h5-space-4:16px;--h5-space-5:20px;--h5-space-6:24px;--h5-space-8:32px;--h5-space-10:40px;--h5-space-page:18px;--h5-radius-xs:8px;--h5-radius-sm:12px;--h5-radius-md:16px;--h5-radius-lg:20px;--h5-radius-xl:24px;--h5-radius-button:14px;--h5-radius-pill:999px;--h5-shadow-card:0 6px 20px #29363f0f;--h5-shadow-raised:0 10px 28px #29363f1a;--h5-shadow-brand:0 8px 20px #ef7f3238;--h5-control-sm:40px;--h5-control-md:48px;--h5-control-lg:56px;--h5-page-gutter:18px;--h5-tabbar-height:74px;--h5-content-width:480px}.device-screen{color:var(--h5-color-ink);font-family:var(--h5-font-family);font-size:var(--h5-font-body);line-height:var(--h5-line-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.h5-card{padding:var(--h5-space-4);border:1px solid var(--h5-color-border);border-radius:var(--h5-radius-md);background:var(--h5-color-surface);box-shadow:var(--h5-shadow-card)}.h5-section-title{margin:var(--h5-space-5) 0 var(--h5-space-3);color:var(--h5-color-ink);font-size:var(--h5-font-title);font-weight:var(--h5-weight-bold);line-height:var(--h5-line-compact)}.h5-primary-button{width:100%;min-height:var(--h5-control-md);padding:0 var(--h5-space-4);border-radius:var(--h5-radius-sm);color:var(--h5-color-on-brand);background:var(--h5-color-brand);box-shadow:var(--h5-shadow-brand);font-size:var(--h5-font-button);font-weight:var(--h5-weight-bold);border:0}.h5-secondary-button{width:100%;min-height:var(--h5-control-md);padding:0 var(--h5-space-4);border:1px solid var(--h5-color-brand);border-radius:var(--h5-radius-sm);color:var(--h5-color-brand-strong);background:var(--h5-color-surface);font-size:var(--h5-font-button);font-weight:var(--h5-weight-semibold)}.h5-status{min-height:24px;padding:0 var(--h5-space-2);border-radius:var(--h5-radius-xs);font-size:var(--h5-font-caption);font-weight:var(--h5-weight-medium);align-items:center;display:inline-flex}.h5-status-success{color:var(--h5-color-success);background:var(--h5-color-success-soft)}.h5-status-warning{color:var(--h5-color-warning);background:var(--h5-color-warning-soft)}.h5-status-danger{color:var(--h5-color-danger);background:var(--h5-color-danger-soft)}.h5-field{min-height:var(--h5-control-lg);padding:0 var(--h5-space-4);border:1px solid var(--h5-color-border);border-radius:var(--h5-radius-md);color:var(--h5-color-ink);background:var(--h5-color-surface);font-size:var(--h5-font-subtitle)}.h5-muted{color:var(--h5-color-muted);font-size:var(--h5-font-caption);line-height:var(--h5-line-body)}:root{font-family:var(--h5-font-family);--orange:var(--h5-color-brand);--orange-dark:var(--h5-color-brand-strong);--cream:var(--h5-color-bg-warm);--navy:var(--h5-color-ink);--ink:var(--h5-color-ink);--muted:var(--h5-color-muted);--line:var(--h5-color-border);--green:var(--h5-color-success)}button{color:inherit;background:0 0;border:0;padding:0}input,textarea,select{font-size:var(--h5-font-subtitle)}.page,.login-page{background:var(--h5-color-bg);color:var(--ink);position:absolute;inset:0;overflow:hidden}.scroll-area{overscroll-behavior:contain;scrollbar-width:none;padding-bottom:env(safe-area-inset-bottom,0px);position:absolute;inset:0;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}.content{padding:var(--h5-space-4) var(--h5-page-gutter) var(--h5-space-8)}.tab-content{padding-bottom:calc(98px + env(safe-area-inset-bottom,0px))}.with-action{padding-bottom:112px}.roomy{gap:14px;display:grid}.warm-page{background:var(--h5-color-bg-warm)}.topbar{z-index:10;height:56px;padding-top:env(safe-area-inset-top,0px);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #2437480f;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.topbar h1{text-align:center;font-size:var(--h5-font-title);margin:0;font-weight:700}.icon-btn,.topbar-side{place-items:center;width:44px;height:44px;display:grid}.icon-btn svg,.topbar-side svg{width:25px;height:25px}.main-tabs{z-index:30;height:calc(74px + env(safe-area-inset-bottom,0px));padding:8px 34px env(safe-area-inset-bottom,0px);border-top:1px solid var(--h5-color-border);background:#fffffff7;justify-content:space-between;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #2437480f}.main-tabs button{color:#9aa3a9;min-width:64px;font-size:var(--h5-font-tab);font-weight:var(--h5-weight-tab);-webkit-tap-highlight-color:transparent;background:0 0;flex-direction:column;align-items:center;gap:4px;display:flex}.main-tabs button:hover,.main-tabs button:focus,.main-tabs button:focus-visible,.main-tabs button:active{box-shadow:none;background:0 0;outline:0}.main-tabs svg{width:25px;height:25px}.main-tabs button.active{color:var(--orange)}.workbench-title{height:58px;padding-top:calc(18px + env(safe-area-inset-top,0px));text-align:center;font-size:var(--h5-font-title);font-weight:700}.greeting-row{gap:var(--h5-space-3);grid-template-columns:56px 1fr 32px;align-items:center;margin:8px 2px 18px;display:grid}.greeting-avatar{color:#f17622;background:#fff0de;border-radius:50%;place-items:center;width:56px;height:56px;display:grid}.greeting-avatar svg{width:34px;height:34px}.greeting-row h1{font-size:var(--h5-font-20);margin:0 0 7px}.greeting-row span{color:#508c53;font-size:var(--h5-font-caption);background:#eaf8e8;border-radius:9px;align-items:center;gap:3px;padding:4px 8px;display:inline-flex}.greeting-row span svg{width:12px}.greeting-calendar{color:var(--orange)}.greeting-row.compact{margin-bottom:14px}.greeting-row.compact h1{margin-bottom:5px}.greeting-row.compact p{color:var(--muted);font-size:var(--h5-font-caption);margin:0}.hero-bar{padding:calc(24px + env(safe-area-inset-top,0px)) 20px 30px;background:linear-gradient(145deg,#fff5e4,#fffaf1);justify-content:space-between;align-items:center;display:flex}.hero-bar p{color:#9b7a5e;font-size:var(--h5-font-body);margin:0 0 7px}.hero-bar h1{color:#3b3029;font-family:var(--h5-font-family);font-size:var(--h5-font-heading);font-weight:var(--h5-weight-bold);margin:0;line-height:1.35}.hero-bar img{border-radius:var(--h5-radius-lg);object-fit:cover;border:3px solid var(--h5-color-on-brand);width:58px;height:58px;box-shadow:0 7px 18px #a4612826}.status-pill{align-items:center;gap:var(--h5-space-2);background:var(--h5-color-on-brand);height:46px;box-shadow:var(--h5-shadow-card);border-radius:14px;padding:0 15px;display:flex}.status-pill>span{background:#43b77a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #e6f7ee}.status-pill b{font-size:var(--h5-font-body)}.status-pill small{color:var(--muted);margin-left:auto}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 26px;display:grid}.stats button{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);height:92px;box-shadow:var(--h5-shadow-card)}.stats strong{color:var(--orange);font-size:var(--h5-font-display);line-height:1.1;display:block}.stats span{color:#77828a;font-size:var(--h5-font-label);margin-top:8px;display:block}.source-stats{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);gap:7px;padding:14px}.source-stats button{height:104px;box-shadow:none;background:linear-gradient(#fffaf3,#fff5e8);border-radius:15px}.source-stats svg{color:#f06f18;background:#ffead4;border-radius:50%;width:34px;height:34px;margin-bottom:1px;padding:8px}.source-stats span{font-size:var(--h5-font-caption);margin:2px 0 5px}.source-stats strong{font-size:var(--h5-font-27)}.section-title{justify-content:space-between;align-items:end;margin:20px 2px 12px;display:flex}.section-title small{color:var(--orange);letter-spacing:1.3px;font-size:var(--h5-font-caption);font-weight:800}.section-title h2{font-size:var(--h5-font-19);margin:3px 0 0}.section-title>button{color:var(--orange-dark);font-size:var(--h5-font-label)}.simple-title{align-items:center}.simple-title h2{font-size:var(--h5-font-title);margin:0}.simple-title>div{align-items:center;gap:var(--h5-space-2);display:flex}.next-card{text-align:left;border-radius:var(--h5-radius-lg);background:linear-gradient(135deg,#31495b,var(--h5-color-deep));width:100%;color:var(--h5-color-on-brand);grid-template-columns:72px 1fr 20px;align-items:center;gap:14px;padding:17px;display:grid;box-shadow:0 12px 28px #24374838}.time-block{text-align:center;background:#ffffff1a;border-radius:15px;place-content:center;height:68px;display:grid}.time-block strong{font-size:var(--h5-font-20)}.time-block span{color:#c8d0d5;font-size:var(--h5-font-caption);margin-top:3px}.next-card b{font-size:var(--h5-font-17)}.next-card p{color:#edf1f3;font-size:var(--h5-font-label);margin:5px 0 4px}.next-card small{color:#aebbc3}.source-next{color:var(--ink);box-shadow:none;background:linear-gradient(135deg,#fff3e4,#fffaf3);border:1px solid #faead7;grid-template-columns:52px 1fr 22px}.source-next .time-block{width:52px;height:52px;color:var(--h5-color-on-brand);background:#f56c16;border-radius:50%}.source-next .time-block svg{width:26px}.source-next small{color:#836e60;margin-bottom:5px;display:block}.source-next b{display:block}.source-next p{color:#a65c32}.source-next>span{color:var(--h5-color-on-brand);font-size:var(--h5-font-caption);background:#ee691c;border-radius:9px;align-self:end;align-items:center;padding:9px 10px;display:flex}.source-next>span svg{width:15px}.next-arrow{color:#d98345;width:21px}.timeline{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);overflow:hidden;box-shadow:0 8px 25px #27363d0d}.timeline button{width:100%;padding:var(--h5-space-4);gap:var(--h5-space-2);text-align:left;border-bottom:1px solid var(--line);grid-template-columns:43px 12px 1fr auto;align-items:center;display:grid}.timeline button:last-child{border:0}.timeline time{font-weight:700}.timeline-dot{background:var(--orange);border-radius:50%;width:8px;height:8px}.timeline p{color:var(--muted);font-size:var(--h5-font-caption);margin:4px 0 0}.timeline em,.appointment-card em{color:var(--green);font-style:normal;font-size:var(--h5-font-caption)}.today-list{gap:10px;display:grid}.today-card{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);text-align:left;-webkit-tap-highlight-color:transparent;border:1px solid #f1e8de;grid-template-columns:72px 1fr 20px;align-items:center;gap:13px;width:100%;min-height:92px;padding:12px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 20px #4733240e}.today-time{background:#fff3e5;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:64px;display:flex}.today-time strong{color:#4b4039;font-size:var(--h5-font-17);white-space:nowrap;line-height:1}.today-time span{color:#bc773f;font-size:var(--h5-font-caption);white-space:nowrap;margin-top:7px}.today-copy{min-width:0}.today-copy>div{justify-content:space-between;align-items:center;gap:var(--h5-space-2);display:flex}.today-copy b{font-size:var(--h5-font-button)}.today-copy em{color:var(--green);background:var(--h5-color-success-soft);font-size:var(--h5-font-caption);border-radius:8px;flex:none;padding:4px 7px;font-style:normal}.today-copy p{color:#5f6c74;font-size:var(--h5-font-caption);text-overflow:ellipsis;white-space:nowrap;margin:6px 0 7px;overflow:hidden}.today-copy small{color:var(--h5-color-subtle);font-size:var(--h5-font-caption);align-items:center;gap:4px;display:flex}.today-copy small svg{color:#d78a49;width:13px;height:13px}.today-arrow{color:#c3b8af}.detail-banner{text-align:center;background:linear-gradient(#fff0de,#fff8ed);padding:28px 20px 24px}.round-icon{background:var(--h5-color-on-brand);width:66px;height:66px;color:var(--orange);border-radius:24px;place-items:center;margin:0 auto 12px;display:grid;box-shadow:0 8px 24px #db702221}.round-icon svg{width:36px;height:36px}.detail-banner p{color:#976b49;font-size:var(--h5-font-label);margin:0}.detail-banner h2{font-size:var(--h5-font-26);margin:5px 0}.detail-banner span{color:#9a866f;font-size:var(--h5-font-caption)}.client-card,.verify-card{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);align-items:center;gap:13px;padding:17px;display:flex}.client-card img{border-radius:var(--h5-radius-md);object-fit:cover;width:52px;height:52px}.client-card h2,.verify-card h2{font-size:var(--h5-font-17);margin:0 0 5px}.client-card p,.verify-card p{color:var(--muted);font-size:var(--h5-font-caption);margin:0}.client-card button{width:42px;height:42px;color:var(--orange);background:#fff4e8;border-radius:14px;place-items:center;margin-left:auto;display:grid}.info-card,.form-card,.setting-card,.service-card,.menu-card{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);margin-top:14px;padding:18px}.info-card h3{font-size:var(--h5-font-button);margin:0 0 15px}.info-card dl{margin:0}.info-card dl>div{border-bottom:1px solid var(--line);font-size:var(--h5-font-label);justify-content:space-between;padding:11px 0;display:flex}.info-card dl>div:last-child{border:0}.info-card dt{color:var(--muted)}.info-card dd{margin:0;font-weight:600}.paid{color:var(--green);font-size:var(--h5-font-caption);margin-left:6px}.message{color:#61707a;font-size:var(--h5-font-label);margin:0;line-height:1.7}.text-danger{width:100%;color:var(--h5-color-danger);font-size:var(--h5-font-label);margin-top:18px}.bottom-action{z-index:25;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--h5-color-border);background:#fffffff5;position:absolute;bottom:0;left:0;right:0}.primary-btn{width:100%;height:50px;color:var(--h5-color-on-brand);background:linear-gradient(135deg,#f59b49,#ed7e2d);border-radius:15px;font-weight:700;box-shadow:0 8px 20px #ee7f2d3d}.primary-btn:disabled{color:#a9afb3;box-shadow:none;background:#e5e7e8}.appointment-hero{background:#fff8ed;align-items:center;gap:15px;padding:18px 20px 22px;display:flex}.appointment-hero>svg{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);width:48px;height:48px;color:var(--orange);padding:11px;box-shadow:0 6px 16px #d9752a1f}.appointment-hero small{color:var(--orange);font-size:var(--h5-font-caption);letter-spacing:1px}.appointment-hero h2{font-size:var(--h5-font-title);margin:4px 0 0}.seg-tabs,.filter-row{z-index:9;background:var(--h5-color-on-brand);border-bottom:1px solid var(--line);padding:0 14px;display:flex;position:sticky;top:56px}.seg-tabs button{color:#8a949a;height:50px;font-size:var(--h5-font-label);flex:1}.seg-tabs button.active{color:var(--orange);border-bottom:2px solid var(--orange);font-weight:700}.list-caption{color:var(--muted);font-size:var(--h5-font-caption);margin:0 2px}.appointment-card{width:100%;padding:var(--h5-space-4);text-align:left;border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);grid-template-columns:65px 1fr auto;align-items:center;gap:13px;display:grid}.appointment-date{background:#fff5e9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:64px;display:flex}.appointment-date b{color:#b67a48;font-size:var(--h5-font-caption)}.appointment-date strong{font-size:var(--h5-font-title);margin-top:4px}.appointment-card h3{font-size:var(--h5-font-button);margin:0}.appointment-card p{color:#5e6b74;font-size:var(--h5-font-caption);margin:5px 0}.appointment-card small{color:var(--muted);font-size:var(--h5-font-caption)}.orange-header{padding:calc(26px + env(safe-area-inset-top,0px)) 20px 78px;color:var(--h5-color-on-brand);background:linear-gradient(145deg,#f09a4b,#e97b29);justify-content:space-between;align-items:start;display:flex}.orange-header p{color:#ffe8d2;font-size:var(--h5-font-label);margin:0 0 5px}.orange-header h1{font-size:var(--h5-font-23);margin:0}.orange-header button{color:var(--h5-color-on-brand);font-size:var(--h5-font-caption);background:#fff3;border-radius:12px;padding:9px 13px}.schedule-content{margin-top:-58px}.calendar-card{background:var(--h5-color-on-brand);border-radius:22px;padding:18px 15px 15px;box-shadow:0 12px 30px #5d3d231f}.week-row,.calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.week-row span{color:#a0a8ad;font-size:var(--h5-font-caption);padding-bottom:12px}.calendar-grid button{height:44px;font-size:var(--h5-font-label);border-radius:14px;position:relative}.calendar-grid button.selected{background:var(--orange);color:var(--h5-color-on-brand)}.calendar-grid i,.legend i{border-radius:50%;width:5px;height:5px;margin:4px auto 0;display:block}.available{background:#55b986}.busy{background:#f2b14d}.off{background:#cfd5d8}.legend{border-top:1px solid var(--line);justify-content:center;gap:20px;margin-top:12px;padding-top:12px;display:flex}.legend span{color:#8e979c;font-size:var(--h5-font-caption);align-items:center;gap:5px;display:flex}.legend i{margin:0}.schedule-status{color:#738087;font-size:var(--h5-font-caption);background:#eef1f2;border-radius:10px;padding:4px 8px;font-weight:500}.schedule-status.available{color:#2f9366;background:var(--h5-color-success-soft)}.schedule-status.busy{color:#bd7b1c;background:var(--h5-color-warning-soft)}.schedule-status.off{color:#8e979c;background:#f0f2f3}.day-card{width:100%;padding:var(--h5-space-4);border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);text-align:left;border:0;margin-top:10px;position:relative}.day-card>div{justify-content:space-between;padding-right:18px;display:flex}.day-card time{font-weight:700}.day-card span{color:var(--green);font-size:var(--h5-font-caption)}.day-card.has-booking span{color:#bd7b1c}.day-card p{border-top:1px solid var(--line);color:#66747d;font-size:var(--h5-font-caption);margin:10px 18px 0 0;padding-top:10px}.day-card>svg{color:#b6c0c4;width:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.schedule-detail-backdrop{z-index:20;background:#2c272259;justify-content:center;align-items:end;display:flex;position:fixed;inset:0}.schedule-detail-sheet{width:100%;max-width:480px;padding:24px 20px calc(20px + env(safe-area-inset-bottom,0px));background:var(--h5-color-on-brand);border-radius:24px 24px 0 0;position:relative;box-shadow:0 -12px 30px #1f191429}.schedule-detail-close{color:#79858a;background:#f3f5f5;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:14px;right:16px}.detail-kicker{color:var(--h5-color-subtle);font-size:var(--h5-font-caption);margin:0 0 9px}.schedule-detail-sheet h2{font-size:var(--h5-font-heading);margin:0}.detail-status{font-size:var(--h5-font-caption);border-radius:10px;margin-top:10px;padding:5px 9px;display:inline-flex}.detail-status.available{color:#2f9366;background:var(--h5-color-success-soft)}.detail-status.booked{color:#bd7b1c;background:var(--h5-color-warning-soft)}.detail-booking{background:#fff8ef;border-radius:14px;margin:18px 0;padding:14px}.detail-booking strong{font-size:var(--h5-font-subtitle)}.detail-booking p{color:#66747d;font-size:var(--h5-font-caption);margin:5px 0}.detail-booking small,.detail-note{color:var(--h5-color-subtle);font-size:var(--h5-font-caption)}.detail-note{margin:22px 0}.schedule-detail-sheet .primary-btn{width:100%;margin-top:16px}.field-label{color:#56646d;font-size:var(--h5-font-label);margin:0 0 10px;font-weight:700}.choice-grid{gap:var(--h5-space-2);grid-template-columns:repeat(3,1fr);display:grid}.choice-grid button{background:var(--h5-color-on-brand);color:#7f8a91;height:43px;font-size:var(--h5-font-caption);border:1px solid #e5e9eb;border-radius:13px}.choice-grid button.active{border-color:var(--orange);color:var(--orange-dark);background:#fff5e9;font-weight:700}.setting-card{margin:0}.date-line{text-align:left;grid-template-columns:24px 1fr 24px;align-items:center;width:100%;display:grid}.date-line svg:first-child{color:var(--orange)}.date-line svg:last-child{color:#abb2b6}.setting-title{justify-content:space-between;display:flex}.setting-title small{color:var(--muted)}.time-editor{gap:var(--h5-space-2);border-bottom:1px solid var(--line);grid-template-columns:1fr 20px 1fr;align-items:end;padding:12px 0;display:grid}.time-editor label span{color:var(--muted);font-size:var(--h5-font-caption);margin-bottom:6px;display:block}.time-editor input{width:100%;color:var(--ink);background:#f5f7f7;border:0;border-radius:10px;padding:10px}.time-editor>b{color:#aab1b5;padding-bottom:10px}.add-slot{width:100%;color:var(--orange);font-size:var(--h5-font-label);padding:14px 0 0}.notice,.service-note{color:#977252;font-size:var(--h5-font-caption);background:#fff4e5;border-radius:13px;gap:9px;padding:13px;line-height:1.5;display:flex}.notice svg,.service-note svg{flex:none;width:18px}.mine-hero{padding:calc(24px + env(safe-area-inset-top,0px)) 20px 74px;color:#3f342d;background:linear-gradient(145deg,#fffaf0,#ffedcf);justify-content:space-between;display:flex}.mine-hero h1{font-size:var(--h5-font-24);margin:0}.mine-hero button{color:#3f342d}.profile-content{margin-top:-55px}.profile-card{text-align:left;background:var(--h5-color-on-brand);border-radius:21px;grid-template-columns:62px 1fr 20px;align-items:center;gap:14px;width:100%;padding:18px;display:grid;box-shadow:0 12px 28px #a868301f}.profile-card img{border-radius:var(--h5-radius-lg);object-fit:cover;width:62px;height:62px}.profile-card h2{font-size:var(--h5-font-profile-name);margin:0 0 5px}.profile-card p{color:#6f7b83;font-size:var(--h5-font-profile-meta);margin:0}.completion{align-items:center;gap:var(--h5-space-2);margin-top:12px;display:flex}.completion>span{background:var(--h5-color-border);border-radius:9px;width:85px;height:5px;overflow:hidden}.completion i{background:var(--orange);width:86%;height:100%;display:block}.completion small{color:#9aa2a7;font-size:var(--h5-font-caption)}.menu-card{margin-top:14px;padding:3px 16px}.menu-row{text-align:left;border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto 20px;align-items:center;width:100%;height:57px;display:grid}.menu-row:last-child{border:0}.menu-icon{width:30px;height:30px;color:var(--orange);background:#fff4e8;border-radius:10px;place-items:center;display:grid}.menu-icon svg{width:17px}.menu-title{font-size:var(--h5-font-body)}.menu-row small{color:#a0a8ad}.row-arrow{color:#b5bbbe;grid-column:4}.version{text-align:center;color:#a5adb2;font-size:var(--h5-font-caption)}.profile-hero{text-align:center;background:linear-gradient(180deg,#fff2e2,var(--h5-color-bg-warm));padding:25px}.profile-hero img{object-fit:cover;border:4px solid var(--h5-color-on-brand);border-radius:28px;width:86px;height:86px;margin:0 auto 10px;display:block;box-shadow:0 8px 20px #87522a21}.profile-hero button{color:var(--orange-dark);font-size:var(--h5-font-caption)}.form-card{margin-top:14px}.form-card label{border-bottom:1px solid var(--line);min-height:48px;font-size:var(--h5-font-label);grid-template-columns:88px 1fr;align-items:center;display:grid}.form-card label:last-child{border:0}.form-card label span{color:#69767e}.form-card input{text-align:right;color:var(--ink);background:0 0;border:0}.textarea-label{display:block!important}.textarea-label textarea{resize:none;width:100%;height:96px;color:var(--ink);background:#f6f7f7;border:0;border-radius:12px;margin-top:10px;padding:12px;line-height:1.6}.textarea-label small{text-align:right;color:#a0a8ad;display:block}.tags{gap:var(--h5-space-2);flex-wrap:wrap;display:flex}.tags span,.tags button{color:#ab6a34;font-size:var(--h5-font-caption);background:#fff4e7;border-radius:10px;padding:8px 11px}.tags button{background:var(--h5-color-on-brand);border:1px dashed #e8b88d}.verify-card{background:linear-gradient(135deg,#2e485a,var(--h5-color-deep));color:var(--h5-color-on-brand);margin:0}.verify-card>svg{color:#f3a251;width:43px;height:43px}.verify-card>span{color:#75d5a2;font-size:var(--h5-font-caption);background:#4cb57c29;border-radius:8px;margin-left:auto;padding:5px 8px}.certificate-card{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);grid-template-columns:70px 1fr;gap:13px;padding:15px;display:grid;position:relative}.certificate-cover{height:78px;color:var(--orange);background:#fff2e1;border-radius:13px;place-items:center;display:grid}.certificate-cover.pending{color:#78909f;background:#eef2f3}.certificate-cover svg{width:34px;height:34px}.certificate-card h3{font-size:var(--h5-font-body);margin:5px 0 6px}.certificate-card p{color:#728088;font-size:var(--h5-font-caption);margin:0}.certificate-card small{color:var(--h5-color-subtle);font-size:var(--h5-font-caption);margin-top:8px;display:block}.certificate-card em{color:var(--green);font-size:var(--h5-font-caption);font-style:normal;position:absolute;top:12px;right:12px}.certificate-card em.pending-label{color:#d09345}.outline-btn{width:100%;height:48px;color:var(--orange-dark);background:#fff9f2;border:1px dashed #e7a870;border-radius:14px;font-weight:600}.service-card{padding:var(--h5-space-4);margin:0}.service-head{grid-template-columns:44px 1fr auto;align-items:center;gap:11px;display:grid}.service-head>span{width:44px;height:44px;color:var(--orange);background:#fff2e2;border-radius:14px;place-items:center;display:grid}.service-head h3{font-size:var(--h5-font-body);margin:0 0 5px}.service-head p{color:var(--muted);font-size:var(--h5-font-caption);margin:0}.switch{border-radius:var(--h5-radius-lg);background:#d9dfe1;width:43px;height:25px;padding:3px;transition:all .2s}.switch i{background:var(--h5-color-on-brand);border-radius:50%;width:19px;height:19px;transition:all .2s;display:block;box-shadow:0 2px 5px #00000024}.switch.on{background:var(--orange)}.switch.on i{transform:translate(18px)}.price-field{border-top:1px solid var(--line);font-size:var(--h5-font-caption);grid-template-columns:1fr 20px 60px auto;align-items:center;margin-top:16px;padding-top:14px;display:grid}.price-field>span{color:#6e7a82}.price-field b{color:var(--orange);font-size:var(--h5-font-title)}.price-field input{width:60px;font-size:var(--h5-font-20);background:0 0;border:0;font-weight:700}.price-field small{color:var(--muted)}.service-display-card{align-items:center;gap:var(--h5-space-3);padding:var(--h5-space-4);border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);grid-template-columns:46px 1fr auto;display:grid}.service-display-card>span{width:44px;height:44px;color:var(--orange);background:#fff2e2;border-radius:14px;place-items:center;display:grid}.service-display-card>span svg{width:22px}.service-display-card h3{font-size:var(--h5-font-button);margin:0 0 6px}.service-display-card p{color:var(--muted);font-size:var(--h5-font-caption);margin:0}.service-price{justify-items:end;gap:7px;display:grid}.service-price strong{color:var(--orange-dark);font-size:var(--h5-font-body)}.service-price small{color:var(--green);background:var(--h5-color-success-soft);font-size:var(--h5-font-caption);border-radius:8px;padding:4px 7px}.filter-row{gap:var(--h5-space-2);padding:10px 18px;top:56px}.filter-row button{border-radius:var(--h5-radius-lg);color:#899399;font-size:var(--h5-font-caption);background:#f2f4f4;padding:8px 15px}.record-card{border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);grid-template-columns:52px 42px 1fr;align-items:center;gap:10px;padding:15px;display:grid;position:relative}.record-date{text-align:center;background:#fff5e8;border-radius:12px;place-content:center;height:52px;display:grid}.record-date span{font-weight:700;font-size:var(--h5-font-caption)}.record-date small{color:#aa927d;font-size:var(--h5-font-caption)}.record-card img{object-fit:cover;border-radius:13px;width:42px;height:42px}.record-copy{min-width:0}.record-card h3{font-size:var(--h5-font-label);margin:0;padding-right:48px}.record-card p{color:#64727a;font-size:var(--h5-font-caption);margin:4px 0}.record-meta{color:var(--h5-color-subtle);font-size:var(--h5-font-caption);align-items:center;gap:9px;display:flex}.record-meta span{white-space:nowrap;align-items:center;gap:3px;display:flex}.record-meta svg{color:#d78a49;width:12px;height:12px}.record-card em{color:var(--green);font-size:var(--h5-font-caption);align-items:center;gap:3px;font-style:normal;display:flex;position:absolute;top:12px;right:12px}.record-card em svg{width:13px}.logout-btn{justify-content:center;align-items:center;gap:var(--h5-space-2);background:var(--h5-color-on-brand);width:100%;height:50px;color:var(--h5-color-danger);border-radius:15px;margin-top:8px;display:flex;box-shadow:0 5px 18px #27363d0a}.agreement-intro{border-radius:var(--h5-radius-md);background:linear-gradient(135deg,#31495a,var(--h5-color-deep));color:var(--h5-color-on-brand);align-items:center;gap:14px;padding:20px;display:flex}.agreement-intro>svg{color:#f4ad6b;background:#ffffff1a;border-radius:13px;width:42px;height:42px;padding:9px}.agreement-intro h2{font-size:var(--h5-font-subtitle);margin:0 0 6px}.agreement-intro p{color:#bec8ce;font-size:var(--h5-font-caption);margin:0}.agreement-card{width:100%;padding:var(--h5-space-4);text-align:left;border-radius:var(--h5-radius-md);background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);grid-template-columns:34px 1fr auto 18px;align-items:center;gap:10px;display:grid}.agreement-card>span{width:32px;height:32px;color:var(--orange);background:#fff3e5;border-radius:11px;place-items:center;font-weight:700;display:grid}.agreement-card h3{font-size:var(--h5-font-label);margin:0 0 5px}.agreement-card p{color:var(--muted);font-size:var(--h5-font-caption);margin:0}.agreement-card em{color:#d49345;font-size:var(--h5-font-caption);font-style:normal}.agreement-card em.read{color:var(--green)}.agreement-card>svg{color:#b6bdc0}.login-page{background:var(--h5-color-on-brand);overflow-y:auto}.login-hero{background:linear-gradient(145deg,#f39a49,#ea7726);border-radius:0 0 44% 18%;place-items:center;height:34vh;min-height:240px;display:grid;position:relative}.shield-art{background:#fffffff0;border-radius:38px;place-items:center;width:116px;height:116px;display:grid;transform:rotate(-5deg);box-shadow:0 20px 40px #97461240}.shield-art img{object-fit:contain;border-radius:22px;width:84px;height:84px;transform:rotate(5deg)}.login-panel{padding:28px 24px 35px}.eyebrow{color:var(--orange);font-size:var(--h5-font-caption);letter-spacing:1.6px;margin:0;font-weight:800}.login-panel h1{color:#2e383e;font-family:var(--h5-font-family);font-size:var(--h5-font-display);font-weight:var(--h5-weight-bold);margin:7px 0 8px;line-height:1.2}.login-copy{color:#899298;font-size:var(--h5-font-caption);margin:0 0 24px;line-height:1.6}.field{background:#f6f7f7;border:1px solid #0000;border-radius:15px;align-items:center;gap:10px;height:52px;margin-bottom:12px;padding:0 14px;display:flex}.field:focus-within{background:var(--h5-color-on-brand);border-color:#f0b37e}.field svg{width:19px;color:var(--h5-color-subtle)}.field input{color:var(--ink);background:0 0;border:0;flex:1}.agree{align-items:flex-start;gap:var(--h5-space-2);color:#929a9f;font-size:var(--h5-font-caption);margin:6px 2px 20px;line-height:1.5;display:flex}.agree input{accent-color:var(--orange);margin-top:1px}.login-help{text-align:center;color:#a3aaae;font-size:var(--h5-font-caption);margin:17px 0 0}@media (width>=481px){.h5-stage{box-shadow:0 0 45px #24374829}}.redesigned-login{background:linear-gradient(180deg,#fff4e3 0%,#fffaf2 46%,var(--h5-color-bg) 100%);min-height:100%;padding:0 0 24px}.login-brand{padding:calc(38px + env(safe-area-inset-top,0px)) 24px 25px;text-align:center}.login-logo{background:#ffffffeb;border:1px solid #eb61071f;border-radius:27px;place-items:center;width:84px;height:84px;margin:0 auto 14px;display:grid;box-shadow:0 14px 34px #ae642a21}.login-logo img{object-fit:contain;border-radius:var(--h5-radius-md);width:66px;height:66px}.login-product{color:#b9753e;font-size:var(--h5-font-caption);letter-spacing:1.4px;margin:0 0 8px;font-weight:700}.login-brand h1{color:#332b27;font-size:var(--h5-font-display);line-height:var(--h5-line-display);letter-spacing:0;margin:0}.login-subtitle{color:#8c8179;font-size:var(--h5-font-label);margin:8px 0 0}.login-card{background:#fffffff0;border:1px solid #ffffffe6;border-radius:24px;margin:0 18px;padding:22px 20px 20px;box-shadow:0 18px 42px #5b45321a}.login-card-title{justify-content:space-between;align-items:flex-start;gap:var(--h5-space-3);margin-bottom:19px;display:flex}.login-card-title h2{font-size:var(--h5-font-title);margin:0 0 5px}.login-card-title p{color:#9a9390;font-size:var(--h5-font-caption);margin:0}.login-card-title>span{background:var(--h5-color-success-soft);color:#4e9870;font-size:var(--h5-font-caption);white-space:nowrap;border-radius:9px;align-items:center;gap:4px;padding:6px 8px;display:flex}.login-card-title>span svg{width:13px;height:13px}.login-field{margin-bottom:14px;display:block}.login-field>span{color:#5d5550;font-size:var(--h5-font-caption);margin:0 0 7px 2px;font-weight:600;display:block}.login-field>div{background:#fafafa;border:1px solid #ece8e4;border-radius:14px;align-items:center;gap:10px;height:50px;padding:0 13px;transition:all .2s;display:flex}.login-field>div:focus-within{background:var(--h5-color-on-brand);border-color:#ed9d5d;box-shadow:0 0 0 3px #f28a3514}.login-field svg{color:#c0804c;width:19px}.login-field input{min-width:0;color:var(--ink);font-size:var(--h5-font-subtitle);background:0 0;border:0;flex:1}.login-field input::placeholder{color:#b7b2ae}.login-agree{color:#8b8581;margin:2px 2px 17px}.login-agree span{line-height:1.55}.login-submit{border-radius:14px;height:48px}.login-footer{text-align:center;color:#a59e99;font-size:var(--h5-font-caption);padding:17px 20px 0}.tab-main-content{padding-top:calc(22px + env(safe-area-inset-top,0px))}.schedule-page{background:#fff8ec}.schedule-content{padding-top:calc(20px + env(safe-area-inset-top,0px));margin-top:0}.calendar-toolbar{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.calendar-toolbar strong{font-size:var(--h5-font-title)}.calendar-toolbar button{color:var(--orange-dark);font-size:var(--h5-font-caption);background:#fff2e4;border-radius:10px;padding:8px 11px;font-weight:650}.mine-hero{height:calc(90px + env(safe-area-inset-top,0px));padding:0}.verify-card{color:var(--ink);background:#fff4e6;border:1px solid #f0d8bf}.verify-card p{color:var(--muted)}.verify-card>svg{color:var(--orange)}.verify-card>span{background:var(--h5-color-success-soft);color:var(--green)}.filter-row button.active{background:var(--orange);color:var(--h5-color-on-brand)}.schedule-editor-page{background:var(--h5-color-bg)}.schedule-editor-content{gap:14px;padding-top:16px;padding-bottom:150px;display:grid}.schedule-editor-intro{align-items:center;gap:13px;padding:4px 2px 2px;display:flex}.schedule-editor-intro>span{border-radius:var(--h5-radius-md);width:48px;height:48px;color:var(--h5-color-on-brand);background:linear-gradient(145deg,#f29a4b,#eb7627);place-items:center;display:grid;box-shadow:0 8px 18px #e2742533}.schedule-editor-intro>span svg{width:25px}.schedule-editor-intro h2{font-size:var(--h5-font-20);margin:0 0 5px}.schedule-editor-intro p{color:var(--muted);font-size:var(--h5-font-caption);margin:0}.schedule-panel{background:var(--h5-color-on-brand);box-shadow:var(--h5-shadow-card);border:1px solid #eff1f1;border-radius:19px;padding:17px}.schedule-panel .field-label{margin-bottom:12px}.schedule-mode-tabs{background:#f3f5f5;border-radius:14px;grid-template-columns:repeat(3,1fr);gap:7px;padding:4px;display:grid}.schedule-mode-tabs button{color:#7e898f;min-height:40px;font-size:var(--h5-font-caption);border-radius:11px;padding:6px}.schedule-mode-tabs button.active{color:var(--h5-color-on-brand);background:var(--orange);font-weight:700;box-shadow:0 5px 12px #f28a3533}.mode-description{color:var(--muted);font-size:var(--h5-font-caption);margin:12px 2px 0;line-height:18px}.date-panel>div{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.date-panel>div .field-label{margin:0}.date-panel>div small{color:var(--muted);font-size:var(--h5-font-caption)}.date-panel>button{text-align:left;grid-template-columns:38px 1fr 20px;align-items:center;gap:10px;width:100%;display:grid}.date-panel>button>span{width:38px;height:38px;color:var(--orange);background:#fff1df;border-radius:12px;place-items:center;display:grid}.date-panel>button strong{font-size:var(--h5-font-button)}.date-panel>button>svg{color:#abb2b6}.readonly-date{grid-template-columns:38px 1fr;align-items:center;gap:10px;display:grid}.readonly-date>span{width:38px;height:38px;color:var(--orange);background:#fff1df;border-radius:12px;place-items:center;display:grid}.readonly-date strong{font-size:var(--h5-font-button)}.slots-heading{justify-content:space-between;align-items:flex-start;margin-bottom:13px;display:flex}.slots-heading>div .field-label{margin:0 0 4px}.slots-heading>div small{color:var(--muted);font-size:var(--h5-font-caption)}.slots-actions{align-items:center;gap:7px;display:flex}.slots-actions>span{color:#a66b38;font-size:var(--h5-font-caption);background:#fff2e4;border-radius:8px;padding:5px 7px}.slots-actions>button{color:var(--h5-color-on-brand);background:var(--orange);font-size:var(--h5-font-caption);border-radius:8px;padding:6px 8px}.slot-list{gap:10px;display:grid}.slot-editor{align-items:end;gap:var(--h5-space-2);border:1px solid var(--h5-color-border);background:#fafbfb;border-radius:14px;grid-template-columns:30px 1fr 18px 1fr auto;padding:12px;display:grid}.slot-number{color:#d77a2d;font-size:var(--h5-font-caption);align-self:center;font-weight:800}.slot-editor label span{color:var(--muted);font-size:var(--h5-font-caption);margin:0 0 6px;display:block}.slot-editor input{width:100%;height:38px;color:var(--ink);background:var(--h5-color-on-brand);font-size:var(--h5-font-subtitle);border:0;border-radius:10px;outline:0;padding:0 8px}.slot-editor>b{color:#aab1b5;font-size:var(--h5-font-caption);align-self:center}.slot-editor>button{color:#c8665d;font-size:var(--h5-font-caption);align-self:center}.add-slot.redesigned{background:#fffaf4;border:1px dashed #e8ad78;border-radius:12px;height:44px;margin-top:11px;padding:0}.unavailable-panel{text-align:center;background:#fff8ef;border:1px dashed #e6b382;border-radius:19px;padding:30px 24px}.unavailable-panel>svg{width:38px;height:38px;color:var(--orange)}.unavailable-panel h2{font-size:var(--h5-font-title);margin:12px 0 7px}.unavailable-panel p{color:var(--muted);font-size:var(--h5-font-caption);margin:0;line-height:19px}.schedule-editor-notice{margin:0}.schedule-empty{border-radius:var(--h5-radius-md);text-align:center;background:var(--h5-color-on-brand);border:1px dashed #e3d5c8;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:22px;display:flex}.schedule-empty>svg{color:#c8b6a7;width:36px;height:36px}.schedule-empty h3{font-size:var(--h5-font-subtitle);margin:12px 0 6px}.schedule-empty p{color:var(--muted);font-size:var(--h5-font-caption);margin:0;line-height:18px}.schedule-empty.off-state{background:#fff8ef;border-color:#ecc79f}.schedule-empty.off-state>svg{color:var(--orange)}@media (height<=700px){.login-brand{padding-top:25px;padding-bottom:18px}.login-logo{width:72px;height:72px;margin-bottom:10px}.login-logo img{width:56px;height:56px}.login-brand h1{font-size:var(--h5-font-display)}.login-card{padding-top:18px}}.page,.login-page{background:var(--h5-color-bg);color:var(--h5-color-ink)}.warm-page,.schedule-page{background:var(--h5-color-bg-warm)}.content{padding-right:var(--h5-page-gutter);padding-left:var(--h5-page-gutter)}.roomy{gap:var(--h5-space-3)}.topbar h1,.workbench-title{font-size:var(--h5-font-page-title)}.main-tabs{height:calc(var(--h5-tabbar-height) + env(safe-area-inset-bottom,0px))}.main-tabs button{font-size:var(--h5-font-tab);font-weight:var(--h5-weight-tab)}.section-title h2,.simple-title h2{font-size:var(--h5-font-section-title)}.section-title>button,.calendar-toolbar button{font-size:var(--h5-font-label)}.greeting-row.compact p,.source-next small,.source-next p,.today-copy p,.today-copy small,.client-card p,.verify-card p,.info-card dl>div,.message,.appointment-card p,.appointment-card small,.day-card p,.day-card span,.detail-kicker,.detail-booking p,.detail-booking small,.detail-note,.field-label,.notice,.service-note,.profile-card p,.menu-row small,.certificate-card p,.certificate-card small,.service-display-card p,.record-card p,.record-meta,.agreement-card p,.mode-description,.date-panel>div small,.slots-heading>div small,.slot-editor label span,.unavailable-panel p,.schedule-empty p,.login-card-title p,.login-field>span,.login-footer{font-size:var(--h5-font-caption)}.profile-card p{font-size:var(--h5-font-profile-meta)}.menu-title{font-weight:var(--h5-weight-medium)}.today-copy b,.appointment-card h3,.service-display-card h3,.record-card h3,.menu-title,.readonly-date strong,.date-panel>button strong{font-size:var(--h5-font-body)}.today-copy em,.appointment-card em,.schedule-status,.detail-status,.verify-card>span,.certificate-card em,.service-price small,.record-card em{font-size:var(--h5-font-caption)}.stats button,.source-stats,.next-card,.today-card,.client-card,.info-card,.form-card,.setting-card,.service-card,.menu-card,.appointment-card,.calendar-card,.day-card,.schedule-panel,.service-display-card,.record-card,.agreement-card,.profile-card{border-radius:var(--h5-radius-md);box-shadow:var(--h5-shadow-card)}.primary-btn,.login-submit{min-height:var(--h5-control-md);border-radius:var(--h5-radius-sm);font-size:var(--h5-font-button);font-weight:var(--h5-weight-emphasis);box-shadow:var(--h5-shadow-brand)}.login-field>div,.slot-editor input{min-height:var(--h5-control-md);border-radius:var(--h5-radius-sm)}.filter-row button,.seg-tabs button,.schedule-mode-tabs button{font-size:var(--h5-font-label)}:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}.mobile-carousel{overscroll-behavior:contain;scrollbar-width:none;-webkit-user-select:none;user-select:none;width:100%;min-width:0;max-width:100%;display:block;position:relative;overflow:auto}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel{touch-action:pan-y;overflow:auto hidden}.mobile-carousel[data-dragging=true]{cursor:none}.mobile-carousel-content{width:max-content;min-width:100%;transform:translateX(var(--mobile-carousel-overdrag));will-change:transform;display:flex}.mobile-carousel-scrollbar{z-index:4;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:0}.mobile-carousel-scrollbar[data-visible=true]{opacity:1}.mobile-carousel-scrollbar-thumb{background:#00000059;border-radius:999px;height:3px;position:absolute;bottom:4px;right:4px}body{background:#e8edef;min-width:320px;overflow:hidden}.h5-stage{background:#fffaf1;width:min(100%,480px);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.h5-stage .device-screen{width:100%;height:100%;box-shadow:none;cursor:auto;-webkit-user-select:none;user-select:none;background:#fffaf1;border-radius:0;position:relative;overflow:hidden}.h5-stage .device-screen,.h5-stage .device-screen *{cursor:auto!important}.h5-stage .device-screen input,.h5-stage .device-screen textarea{-webkit-user-select:auto;user-select:auto}.mobile-app-viewport{position:absolute;inset:0}button,input,textarea{font:inherit}button{cursor:pointer}.phone-stage{place-items:center;width:100%;height:100%;padding:24px;display:grid;position:relative}.device-menu-bar{z-index:100;border-radius:12px;padding:3px;position:absolute;top:18px;right:18px}.device-picker-trigger{color:#151515;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;height:34px;padding:0 10px 0 12px;font:600 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-trigger:hover,.device-picker-trigger[data-state=open]{background:#0000000e}.device-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #000000b8}.device-picker-menu{z-index:200;min-width:168px;transform-origin:var(--radix-dropdown-menu-content-transform-origin);background:#fffffffa;border-radius:12px;padding:3px;animation:.12s ease-out device-menu-in;box-shadow:0 0 1px #0000000f,0 0 0 1px #00000014,0 4px 4px #0000000d}.device-picker-item{color:#181818;-webkit-user-select:none;user-select:none;border-radius:8px;outline:none;justify-content:space-between;align-items:center;height:34px;padding:0 9px 0 10px;font:500 14px/1 ui-sans-serif,system-ui,sans-serif;display:flex}.device-picker-item[data-highlighted]{background:#f0f0f0}.device-picker-item[data-state=checked]{font-weight:600}.device-picker-check{color:#181818;place-items:center;display:grid}@keyframes device-menu-in{0%{opacity:0;transform:scale(.98)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}.phone-scale-box{position:relative}.phone-device{transform-origin:0 0;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.phone-bezel{object-fit:contain;z-index:2;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.device-screen{cursor:none;z-index:1;-webkit-user-select:none;user-select:none;background:#fff;border-radius:42px;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.device-camera{z-index:75;pointer-events:none;background:#050505;border-radius:50%;display:block;position:absolute;box-shadow:inset 0 0 0 1px #ffffff14}.device-screen,.device-screen *{cursor:none!important}.device-screen img,.keyboard-asset{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.device-screen input,.device-screen textarea,.device-screen select,.device-screen option,.device-screen [contenteditable=true]{-webkit-user-select:auto;user-select:auto}.device-screen:active,.device-screen:active *,.device-screen input,.device-screen textarea,.device-screen button,.device-screen a,.device-screen [role=button]{cursor:none!important}.device-screen[data-cursor-debug=true],.device-screen[data-cursor-debug=true] *{cursor:default!important}.device-screen :focus,.device-screen :focus-visible{box-shadow:none!important;outline:0!important}.flow-stack,.flow-scenes,.flow-screen,.mobile-app-viewport{position:absolute;inset:0}.mobile-app-viewport[data-platform=android][data-keyboard-visible=false]{bottom:var(--device-safe-area-bottom,48px)}.flow-stack{--flow-header-height:0px;--flow-header-content-height:0px;--flow-header-safe-area:0px;--flow-footer-height:0px;--keyboard-height:0px;touch-action:pan-y;background:0 0;overflow:hidden}.flow-fixed-header{z-index:12;height:var(--flow-header-height);padding-top:var(--flow-header-safe-area);box-sizing:border-box;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;position:absolute;top:0;left:0;right:0}.flow-fixed-footer{z-index:12;right:0;bottom:var(--keyboard-height);height:var(--flow-footer-height);background:0 0;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0}.flow-scenes{top:var(--flow-header-height);bottom:0;overflow:hidden}.flow-screen{will-change:transform;background:0 0;overflow:hidden}.mobile-page{--mobile-safe-area-height:var(--device-safe-area-bottom,34px);--keyboard-height:0px;position:absolute;inset:0}.mobile-page[data-keyboard-visible=true],.mobile-app-viewport[data-platform=android] .mobile-page{--mobile-safe-area-height:0px}.mobile-scroll{top:0;right:0;bottom:var(--keyboard-height);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;touch-action:none;-webkit-user-select:none;user-select:none;transition:bottom .26s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;overflow:hidden auto}.mobile-scroll::-webkit-scrollbar{display:none}.mobile-scroll[data-dragging=true]{cursor:none}.mobile-cursor{z-index:80;opacity:0;pointer-events:none;will-change:transform;background:radial-gradient(circle at 50% 44%,#ffffffb3 0 34%,#ffffff8a 58%,#eeeeee7a 100%);border:.5px solid #0000001f;border-radius:999px;width:48px;height:48px;transition:opacity 90ms,background 80ms,box-shadow 80ms;position:absolute;top:0;left:0;box-shadow:inset 0 1px 2px #fff9,inset 0 -5px 10px #0000000d,inset 0 0 0 1px #00000006}.mobile-cursor:before{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#fff0);border-radius:999px;width:32px;height:17px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.mobile-cursor:after{border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 1px 0 3px #ffffff47,inset -1px 0 3px #00000005}.mobile-cursor-hotspot{pointer-events:none;background:#ffffffd1;border:1px solid #007afff2;border-radius:999px;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffbf,0 0 0 3px #007aff29}.mobile-cursor-hotspot:before,.mobile-cursor-hotspot:after{content:"";background:#007afff2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-cursor-hotspot:before{width:17px;height:1px}.mobile-cursor-hotspot:after{width:1px;height:17px}.mobile-cursor[data-visible=true]{opacity:1}.mobile-cursor[data-active=true]{background:radial-gradient(circle at 50% 55%,#e8e8e894 0 30%,#f8f8f880 62%,#ffffffad 100%);box-shadow:inset 0 3px 7px #00000014,inset 0 -4px 8px #ffffff57,inset 0 0 0 1px #00000008}.mobile-cursor[data-active=true]:before{background:linear-gradient(#0000000e,#0000)}.mobile-cursor[data-active=true]:after{box-shadow:inset 0 5px 9px #0000000b,inset 0 -3px 7px #ffffff47}.mobile-scroll-content{will-change:transform;grid-template-columns:minmax(0,1fr);gap:0;min-width:0;padding:0;display:grid}.app-screen{background:#fff}.mobile-scrollbar{z-index:9;top:4px;right:5px;bottom:calc(var(--mobile-safe-area-height) + var(--keyboard-height) + 4px);opacity:0;pointer-events:none;width:4px;transition:bottom .26s cubic-bezier(.2,.8,.2,1),opacity .18s;position:absolute}.mobile-page[data-keyboard-dragging=true] .mobile-scroll,.mobile-page[data-keyboard-dragging=true] .mobile-scrollbar,.flow-stack[data-keyboard-dragging=true] .flow-fixed-footer{transition:none}.mobile-scrollbar[data-visible=true]{opacity:1}.mobile-scrollbar-thumb{background:#00000047;border-radius:999px;width:4px;min-height:36px;transition:background .12s;box-shadow:0 0 0 1px #ffffff2e}.status-bar{z-index:72;color:#050505;pointer-events:none;background:0 0;grid-template-columns:1fr auto;align-items:center;height:54px;padding:10px 34px 0 36px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:grid;position:absolute;top:0;left:0;right:0}.device-screen[data-device=pixel-10] .status-bar{align-items:start;height:auto;padding:32px 32px 0;font-family:Roboto,Arial,sans-serif}.status-time{text-align:center;letter-spacing:0;justify-self:start;min-width:58px;font-size:15px;font-weight:600;line-height:1}.status-indicators{justify-self:end;align-items:center;display:flex}.status-indicator-svg{display:block}.status-indicator-svg[data-platform=ios]{width:79px;height:13px}.status-indicator-svg[data-platform=android]{width:50px;height:14px}.device-screen[data-device=pixel-10] .status-time{font-weight:500;transform:translateY(2px)}.home-indicator-svg{z-index:70;width:100%;height:var(--device-safe-area-bottom,34px);pointer-events:none;display:block;position:absolute;bottom:0;left:0;right:0}.android-navigation-bar{z-index:70;width:428px;height:var(--device-safe-area-bottom,48px);pointer-events:none;-webkit-user-drag:none;display:block;position:absolute;bottom:-1px;left:-1px}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:26px;line-height:1.08}h2{font-size:15px}p{color:#555;font-size:14px;line-height:1.45}.field-label{color:#555;font-size:13px;font-weight:800}.mobile-field{gap:8px;display:grid}.mobile-field input{color:#151515;background:#fff;border:1px solid #0000001a;border-radius:8px;outline:0;width:100%;min-height:44px;padding:0 12px}.mobile-field input:focus{box-shadow:none;border-color:#00000029}.device-screen .mobile-field input:focus,.device-screen .mobile-field input:focus-visible{border-color:#0000001f;box-shadow:none!important;outline:0!important}.sheet-overlay{z-index:20;background:#00000057;position:absolute;inset:0}.bottom-sheet{z-index:21;touch-action:none;background:#fff;border-radius:22px 22px 0 0;flex-direction:column;min-height:260px;display:flex;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 -16px 48px #0003}.sheet-handle-zone{touch-action:none;place-items:center;height:30px;display:grid}.sheet-handle{background:#c9c9c4;border-radius:999px;width:42px;height:5px}.sheet-header{gap:4px;padding:0 18px 14px;display:grid}.sheet-title{margin:0;font-size:18px;font-weight:900}.sheet-description{color:#737373;margin:0;font-size:13px;line-height:1.35}.sheet-content{padding:0 18px 24px;overflow:auto}.keyboard-dock{z-index:30;height:339px;box-shadow:none;pointer-events:none;will-change:transform;background:#d8d9de;border-radius:32px 32px 0 0;padding:0;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.keyboard-dock[data-platform=android]{background:#f3f2f6;border-radius:0;box-shadow:0 -1px 2px #00000014}.keyboard-dock[data-visible=true]{pointer-events:auto}.keyboard-asset{z-index:1;border-radius:inherit;object-fit:cover;object-position:center bottom;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block;position:relative}.keyboard-dock[data-platform=android] .keyboard-asset{object-fit:fill;border-radius:0}