html,#root,body[data-surface=viewer]{background:#fff}body[data-surface=viewer]{min-width:320px;margin:0;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-text-size-adjust:100%}body[data-surface=viewer].entry-locked{position:fixed;inset:0;width:100%;overflow:hidden}body[data-surface=viewer] button,body[data-surface=viewer] input{font:inherit}body[data-surface=viewer] input,body[data-surface=viewer] select,body[data-surface=viewer] textarea{font-size:16px}.published-shell{--bg: #ffffff;--panel: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .96);--text: #111111;--muted: #686b61;--line: rgba(20, 20, 20, .14);--focus: #b666d1;--accent: #b666d1;--accent-strong: #9d4ec0;--gold: #8b6500;--green: #b666d1;--blue: #1268a8;min-height:100vh;color:var(--text);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.published-shell[data-theme=light]{--bg: #ffffff;--panel: rgba(255, 255, 255, .82);--panel-strong: rgba(255, 255, 255, .96);--text: #111111;--muted: #686b61;--line: rgba(20, 20, 20, .14);--focus: #b666d1;--accent: #b666d1;--accent-strong: #9d4ec0;--gold: #8b6500;--green: #b666d1;--blue: #1268a8}.viewer-entry{position:fixed;inset:0;display:grid;height:100vh;height:100lvh;min-height:100vh;align-items:center;justify-items:center;padding:max(22px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));overflow:auto;background:linear-gradient(180deg,#fffffff5,#ffffffdb),#fff}.entry-card{display:grid;width:min(100%,440px);gap:18px;border:1px solid var(--line);padding:18px 18px 20px;background:#ffffffeb;box-shadow:0 22px 70px #1010101f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.gender-entry{align-items:center;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#ffffffb3,#fffffff2 58%,#fffffffa),url(/assets/open-catalog-entry/laser.jpg) center top / cover no-repeat,#fff}.gender-panel{display:grid;width:min(100%,472px);gap:16px;border:1px solid rgba(17,17,17,.1);padding:20px;background:#fffffff0;box-shadow:0 24px 78px #11111121,0 1px #ffffffd1 inset;-webkit-backdrop-filter:blur(20px) saturate(1.08);backdrop-filter:blur(20px) saturate(1.08);transform:translateY(-26px)}.gender-intro{display:grid;gap:4px}.gender-intro .viewer-logo img{height:92px}.gender-copy h1{font-size:2rem}.gender-copy small{font-size:.96rem}.gender-options{display:grid;gap:12px}.gender-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid rgba(17,17,17,.12);background:#fffffff5;box-shadow:0 14px 34px #11111114;overflow:hidden}.gender-quick-action{display:inline-flex;min-width:0;min-height:50px;align-items:center;justify-content:center;gap:5px;border:0;border-right:1px solid rgba(17,17,17,.1);padding:0 8px;color:#111;background:#fffffff5;box-shadow:none;font-size:.72rem;font-weight:850;line-height:1.08;text-align:center;text-decoration:none;white-space:nowrap}.gender-quick-action:last-child{border-right:0}.gender-quick-action svg{width:15px;height:15px;flex:0 0 auto}.gender-quick-action span{min-width:0;overflow:visible;text-overflow:clip}.gender-quick-action.primary{border-color:#111;color:#fff;background:#111}.gender-quick-action.shopee{color:#8a3a26;background:linear-gradient(180deg,#fffaf7,#fff4ef)}.gender-quick-action:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 44%,transparent);outline-offset:3px}.skin-consultation-action{display:inline-flex;min-height:52px;align-items:center;justify-content:center;border:1px solid rgba(17,17,17,.13);padding:0 16px;color:#fff;background:var(--accent-strong);box-shadow:0 14px 34px #9d4ec02e;font-size:.92rem;font-weight:880;line-height:1.15;text-align:center;text-decoration:none}.skin-consultation-action:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 44%,transparent);outline-offset:3px}.gender-option{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr) auto;min-height:132px;align-items:stretch;gap:14px;border:1px solid rgba(17,17,17,.12);padding:0 14px 0 0;color:var(--text);background:#fffffff5;box-shadow:0 10px 32px #11111114;text-align:left;overflow:hidden}.gender-option:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 44%,transparent);outline-offset:3px}.gender-option:hover{border-color:color-mix(in srgb,var(--accent) 52%,rgba(17,17,17,.12));transform:translateY(-1px);box-shadow:0 16px 42px #1111111f}.gender-option-photo{display:block;width:100%;height:100%;min-height:132px;object-fit:cover;object-position:center top}.gender-option-copy{display:grid;min-width:0;align-content:center;gap:7px}.gender-option-copy strong{overflow-wrap:anywhere;color:#111;font-size:1.28rem;font-weight:780;line-height:1.08}.gender-option-copy span{overflow-wrap:anywhere;color:var(--muted);font-size:.84rem;font-weight:650;line-height:1.35}.gender-option svg{align-self:center;color:var(--accent-strong)}.entry-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.entry-steps span{display:flex;min-width:0;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);color:var(--muted);background:#0a0a0a09;font-size:.78rem;font-weight:900}.entry-steps b{display:grid;width:22px;height:22px;place-items:center;color:#fff;background:#8a8f84;font-size:.72rem}.entry-steps span.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--line));color:var(--text);background:color-mix(in srgb,var(--accent) 10%,#ffffff)}.entry-steps span.active b,.entry-steps span.complete b{background:var(--accent)}.entry-steps span.complete{color:var(--accent-strong)}.viewer-logo{display:flex;align-items:center;justify-content:center}.viewer-logo img{width:auto;height:184px;max-width:min(92vw,520px);filter:none}.published-shell[data-theme=light] .viewer-logo img{filter:none}.viewer-logo.compact img{width:auto;height:60px}.entry-copy{display:grid;gap:9px;text-align:center}.entry-copy p{margin:0;color:var(--focus);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.entry-copy h1{max-width:100%;margin:0;color:var(--text);font-size:1.68rem;line-height:1.08;font-weight:760;letter-spacing:0}.entry-copy small{color:var(--muted);font-size:.92rem;line-height:1.5}.entry-form{display:grid;gap:14px}.entry-confirm-row{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0}.entry-confirm-row>div{display:grid;min-width:0;gap:3px}.entry-confirm-row span{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.entry-confirm-row strong{min-width:0;overflow:hidden;color:var(--text);font-size:.95rem;text-overflow:ellipsis;white-space:nowrap}.entry-confirm-row.selected-branch{min-height:48px;border-top:0;padding-top:0;color:var(--accent)}.entry-ghost-button,.entry-back-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);padding:0 11px;color:var(--text);background:#0a0a0a0a;font-size:.74rem;font-weight:780;white-space:nowrap}.entry-ghost-button:disabled{cursor:not-allowed;opacity:.5}.entry-back-button{width:100%;color:var(--muted);background:transparent}.phone-field,.branch-field{display:grid;gap:7px}.phone-field>span,.branch-field>span{color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.phone-field>div,.otp-input{display:flex;min-height:56px;align-items:center;gap:9px;border:1px solid var(--line);padding:0 13px;color:var(--text);background:#ffffff0f}.published-shell[data-theme=light] .phone-field>div,.published-shell[data-theme=light] .otp-input{background:#0a0a0a0a}.phone-field small{color:var(--muted);font-weight:850}.phone-field input,.otp-input{min-width:0;flex:1;border:0;color:var(--text);background:transparent;outline:0}.phone-country-inline{display:flex;flex:0 0 auto;align-items:center;gap:4px;color:var(--muted);background:transparent;padding-right:10px;margin-right:2px;border-right:1px solid var(--line)}.phone-country-prefix{color:var(--muted);font-weight:850}.phone-country-inline input{width:2.8em;min-width:2.2em;border:0;color:var(--text);background:transparent;outline:0;font-weight:800}.phone-country-inline input::-webkit-outer-spin-button,.phone-country-inline input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.phone-field input,.otp-input{flex:1}.branch-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.branch-options button{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;gap:7px;border:1px solid var(--line);padding:9px 10px;color:var(--text);background:#0a0a0a0a;text-align:left;font-size:.78rem;font-weight:760;white-space:normal}.branch-options button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));color:#fff;background:var(--accent)}.branch-option-copy{display:grid;min-width:0;gap:5px}.branch-option-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reservation-status{display:inline-flex;width:fit-content;max-width:100%;align-items:center;border:1px solid transparent;padding:3px 6px;font-size:.62rem;font-weight:850;line-height:1.08;white-space:normal}.reservation-status.accepts{color:#0472d8;border-color:#0472d829;background:#eaf5ff}.reservation-status.closed{color:#68716d;border-color:#68716d24;background:#ecefed}.entry-submit{display:inline-flex;min-height:58px;align-items:center;justify-content:center;gap:9px;border:0;color:#fff;background:var(--accent);font-size:.88rem;font-weight:780;white-space:nowrap;box-shadow:0 16px 38px #b666d142}.entry-submit:disabled{cursor:not-allowed;opacity:.45}.processing-show{position:fixed;z-index:220;inset:0;display:grid;place-items:center;padding:24px;color:var(--text);background:#ffffffdb;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08)}.published-shell[data-theme=light] .processing-show{background:radial-gradient(circle at 50% 8%,rgba(182,102,209,.1),transparent 34%),#ffffffe6}.processing-show.laser-processing,.published-shell[data-theme=light] .processing-show.laser-processing{background:linear-gradient(180deg,#ffffff85,#ffffffe0),url(/assets/open-catalog-entry/laser.jpg) center center / cover no-repeat,#fff;-webkit-backdrop-filter:blur(8px) saturate(1.05);backdrop-filter:blur(8px) saturate(1.05)}.published-shell.is-processing>main{filter:blur(16px);opacity:.42;transform:scale(.985);transition:filter .18s ease,opacity .18s ease,transform .18s ease}.processing-card{display:grid;width:min(100%,326px);min-height:210px;place-items:center;gap:13px;border:1px solid rgba(17,17,17,.1);padding:22px 20px;background:linear-gradient(180deg,#fffffffa,#faf9fbf0);box-shadow:0 20px 52px #11111129,0 1px #ffffffe0 inset;text-align:center}.processing-card .viewer-logo img{height:52px}.laser-processing .processing-card{width:min(100%,300px);min-height:182px;gap:12px;background:#ffffffe0;-webkit-backdrop-filter:blur(18px) saturate(1.08);backdrop-filter:blur(18px) saturate(1.08)}.laser-processing .processing-card .viewer-logo img{height:48px}.processing-spinner{width:34px;height:34px;border:3px solid rgba(182,102,209,.16);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite}.processing-copy{display:grid;gap:6px;animation:scrubFloat .36s ease both}.processing-copy strong{color:#111;font-size:1rem;font-weight:650;line-height:1.24}.processing-copy p{max-width:250px;margin:0;color:var(--muted);font-size:.82rem;font-weight:520;line-height:1.42}.otp-card .entry-copy h1{max-width:15ch;font-size:1.95rem}.otp-input{width:100%;justify-content:center;font-size:1.75rem;font-weight:850;letter-spacing:.34em;text-align:center}.viewer-error{margin:0;color:#b42318;font-size:.9rem;font-weight:750}.viewer-success{margin:0;color:#5e2780;font-size:.9rem;font-weight:750;line-height:1.35}.published-catalog{width:100%;min-height:100vh;padding-bottom:206px;background:#fff;background-color:#fff}.published-title{display:grid;min-width:0;gap:3px;text-align:center}.published-title strong{overflow:hidden;color:var(--text);font-size:.86rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.published-title small{display:block;min-width:0;color:var(--gold);font-size:.69rem;font-weight:850;line-height:1.22}.catalog-stage{display:grid;gap:0;width:100%;padding-top:0;background:#fff;transition:none;transform-origin:50% 18%}.published-catalog.is-scrubbing .catalog-stage{filter:none;opacity:1;transform:none}.catalog-page{scroll-margin-top:0;width:100%;background:#fff;background-color:#fff}.catalog-page img{display:block;width:100%;max-width:100%;height:auto;border:0;object-fit:contain;background:#fff}.catalog-empty-state{display:grid;min-height:100svh;place-items:center;padding:44px 18px;background:#fff;text-align:center}.catalog-empty-card{display:grid;width:min(100%,330px);justify-items:center;gap:10px;border:1px solid rgba(17,17,17,.1);padding:22px 18px;background:#fff;box-shadow:0 18px 46px #1111111f}.catalog-empty-card strong{color:#111;font-size:1rem;font-weight:780}.catalog-empty-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.45}.catalog-empty-card button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:0;padding:0 18px;color:#fff;background:var(--accent);font-size:.82rem;font-weight:760}.page-detail{display:grid;gap:7px;padding:15px 16px 20px;border-bottom:1px solid var(--line)}.page-detail span{color:var(--muted);font-size:.68rem;font-weight:850}.page-detail h2{margin:0;color:var(--text);font-size:1.12rem}.page-detail strong{color:var(--focus)}.quick-rail{position:fixed;z-index:92;top:max(8px,env(safe-area-inset-top));right:2px;bottom:calc(210px + env(safe-area-inset-bottom) + var(--keyboard-lift, 0px));width:16px;border:0;padding:0;background:transparent;touch-action:none}.quick-rail span{display:block;width:2px;height:100%;margin:0 auto;background:color-mix(in srgb,var(--text) 18%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--text) 12%,transparent);transition:background .16s ease,box-shadow .16s ease,transform .16s ease}.published-catalog.is-scrubbing .quick-rail span{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 22%,transparent);transform:scaleX(1.5)}.scrub-title{position:fixed;z-index:110;top:calc(12px + env(safe-area-inset-top));right:16px;left:16px;border:1px solid var(--line);padding:13px 15px;color:var(--text);background:#ffffffdb;box-shadow:0 18px 54px #00000029;font-size:1.04rem;font-weight:900;line-height:1.16;text-align:center;-webkit-backdrop-filter:blur(22px) saturate(1.08);backdrop-filter:blur(22px) saturate(1.08);animation:scrubFloat .52s cubic-bezier(.2,.8,.2,1) both}.bottom-tools{position:fixed;z-index:94;right:12px;bottom:calc(max(12px,env(safe-area-inset-bottom)) + var(--keyboard-lift, 0px));left:12px;display:grid;grid-template-columns:1fr;gap:9px;border:1px solid rgba(17,17,17,.1);padding:10px;background:linear-gradient(180deg,#fffffff7,#faf9fbf0);box-shadow:0 18px 48px #1111112e,0 1px #ffffffdb inset;-webkit-backdrop-filter:blur(24px) saturate(1.08);backdrop-filter:blur(24px) saturate(1.08);transform:translateY(0);opacity:1;transition:transform .15s ease,opacity .13s ease,bottom .18s ease;will-change:transform,opacity}.published-catalog.is-tools-hidden .bottom-tools{pointer-events:none;opacity:0;transform:translateY(calc(100% + 14px));transition-duration:.11s}.tool-message-row{display:block;min-width:0;padding:3px 6px 2px}.tool-message{margin:0;color:#111;font-size:.88rem;font-weight:620;line-height:1.42;letter-spacing:0;text-align:center;text-wrap:balance}.tool-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,.46fr);gap:8px}.tool-search-row.no-branch-change{grid-template-columns:minmax(0,1fr)}.catalog-search{display:flex;min-width:0;min-height:46px;align-items:center;gap:8px;padding:0 12px;color:var(--muted);border:1px solid rgba(17,17,17,.08);background:#f6f5f6f0}.published-shell[data-theme=light] .catalog-search{background:#f6f5f6f0}.catalog-search input{min-width:0;flex:1;border:0;color:var(--text);background:transparent;outline:0}.change-branch-button{display:inline-flex;min-width:0;min-height:46px;align-items:center;justify-content:center;border:1px solid rgba(182,102,209,.24);padding:0 10px;color:#8739a6;background:#fbf4ff;font-size:.75rem;font-weight:620;line-height:1.08;text-align:center;white-space:normal}.tool-actions{display:grid;grid-template-columns:minmax(82px,.74fr) minmax(76px,.66fr) minmax(0,1.32fr);gap:8px}.share-button,.ask-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgba(17,17,17,.13);padding:0 12px;color:#151515;background:#ffffffeb;font-weight:520;font-size:.8rem;white-space:nowrap;box-shadow:0 8px 22px #1111110f}.share-button{color:#151515}.reserve-button{display:inline-flex;min-height:42px;min-width:0;align-items:center;justify-content:center;border:0;padding:0 11px;color:#fff;background:linear-gradient(180deg,#222,#111);font-weight:560;font-size:.76rem;line-height:1.08;text-align:center;white-space:normal;box-shadow:0 12px 28px #1113}.reserve-button:disabled{color:#5f6763;background:#e4e8e6;box-shadow:none;opacity:1}.tool-context{grid-column:1 / -1;overflow:hidden;padding:0 6px 1px;color:var(--muted);font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}@media(max-width:699px){.published-catalog.is-open-catalog{padding-bottom:188px}.published-catalog.is-open-catalog .quick-rail{bottom:calc(192px + env(safe-area-inset-bottom) + var(--keyboard-lift, 0px))}.published-catalog.is-open-catalog .bottom-tools{right:14px;bottom:calc(max(14px,env(safe-area-inset-bottom)) + var(--keyboard-lift, 0px));left:14px;gap:10px;padding:14px 12px 13px}.published-catalog.is-open-catalog .catalog-search{min-height:58px;gap:10px;padding:0 15px}.published-catalog.is-open-catalog .catalog-search svg{width:22px;height:22px}.published-catalog.is-open-catalog .catalog-search input{font-size:1rem}.published-catalog.is-open-catalog .tool-actions{grid-template-columns:minmax(0,.78fr) minmax(0,.7fr) minmax(0,1.42fr)}.published-catalog.is-open-catalog .share-button,.published-catalog.is-open-catalog .ask-button,.published-catalog.is-open-catalog .reserve-button{min-height:52px;padding:0 13px;font-size:.96rem;font-weight:520}.published-catalog.is-open-catalog .reserve-button{font-size:.91rem;font-weight:560;line-height:1.12}.published-catalog.is-open-catalog .tool-context{padding:2px 8px 0;font-size:.78rem}}.branch-switch-modal{position:fixed;z-index:145;inset:0;display:grid;align-items:start;overflow:hidden;padding:calc(max(18px,env(safe-area-inset-top)) + 10px) 12px calc(max(18px,env(safe-area-inset-bottom)) + var(--keyboard-lift, 0px))}.branch-switch-scrim{position:absolute;inset:0;border:0;background:#11111157;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.branch-switch-card{position:relative;z-index:1;display:grid;grid-template-rows:auto auto minmax(0,1fr);width:100%;max-height:min(calc(100dvh - var(--keyboard-lift, 0px) - 72px),620px);gap:12px;border:1px solid rgba(17,17,17,.1);padding:15px;color:var(--text);background:#fffffffa;box-shadow:0 24px 70px #11111147;overflow:hidden}.branch-switch-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.branch-switch-header span{color:var(--accent);font-size:.68rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.branch-switch-header h2{margin:2px 0 0;color:#111;font-size:1.08rem;line-height:1.1}.branch-switch-close{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid rgba(17,17,17,.1);color:#111;background:#fff}.branch-switch-search{display:flex;min-width:0;min-height:44px;align-items:center;gap:8px;border:1px solid rgba(17,17,17,.1);padding:0 11px;color:var(--muted);background:#f7f7f7}.branch-switch-search input{min-width:0;flex:1;border:0;color:var(--text);background:transparent;outline:0}.branch-switch-list{display:grid;min-height:0;gap:8px;overflow-y:auto;overscroll-behavior:contain;padding-right:2px;-webkit-overflow-scrolling:touch}.branch-switch-list button{display:flex;min-height:62px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(17,17,17,.1);padding:10px 11px;color:var(--text);background:#f8f8f8;text-align:left}.branch-switch-list button.active{border-color:color-mix(in srgb,var(--accent) 62%,var(--line));background:#fbf4ff}.reservation-modal{position:fixed;z-index:150;inset:0;display:block;padding:0;background:#fff}.modal-scrim{display:none}.reservation-card{position:fixed;z-index:1;inset:0;display:block;width:100%;height:100dvh;min-height:100vh;border:0;padding:0;color:var(--text);background:#fff;box-shadow:none}.modal-close{position:fixed;z-index:3;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:grid;width:44px;height:44px;place-items:center;border:0;color:#111;background:#ffffffdb;box-shadow:0 10px 26px #00000024;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reservation-card iframe{position:absolute;inset:0;width:100%;height:100dvh;min-height:100vh;border:0;background:#fff}.consultation-loading{position:absolute;z-index:2;inset:0;display:grid;place-items:center;background:#fff}.consultation-loading .processing-spinner{width:52px;height:52px}@keyframes showPulse{0%,to{opacity:.45;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1.18)}}@keyframes scrubFloat{0%{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media(min-width:700px){body[data-surface=viewer]{background:#fff}.published-shell{width:100%;min-height:100vh;margin:0;box-shadow:none}.bottom-tools{width:100%;margin:0}.bottom-tools{right:0;left:0}.quick-rail{right:2px}.scrub-title{width:min(100%,760px);right:0;left:0;margin:0 auto}}@media(max-width:380px){.entry-copy h1{font-size:1.52rem}.gender-panel{gap:14px;padding:14px}.gender-copy h1{font-size:1.66rem}.gender-option{grid-template-columns:84px minmax(0,1fr) auto;min-height:112px;gap:11px;padding-right:11px}.gender-option-photo{min-height:112px}.gender-option-copy strong{font-size:1.1rem}.gender-option-copy span{font-size:.78rem}.gender-quick-action{gap:3px;padding:0 5px;font-size:.68rem}.gender-quick-action svg{display:none}.scrub-title{font-size:1.24rem}.share-button,.reserve-button,.ask-button{font-size:.76rem}}body[data-surface=viewer] *{border-radius:0!important}body[data-surface=viewer] .processing-spinner{border-radius:50%!important}body[data-surface=viewer] .gender-entry{align-items:center;padding:max(14px,env(safe-area-inset-top)) 18px max(14px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 12%,rgba(182,102,209,.14),transparent 42%),linear-gradient(180deg,#ffffffbd,#fffffff2 58%,#fff),url(/assets/open-catalog-entry/laser.jpg) center 30% / cover no-repeat,#fff}body[data-surface=viewer] .gender-panel{--open-catalog-ui-refresh: 20260823a;box-sizing:border-box;width:min(calc(100vw - 36px),500px);gap:10px;border-color:#69328024;border-radius:0!important;padding:clamp(14px,3.8vw,20px);background:#fffffff5;box-shadow:0 28px 80px #11111126,0 1px #ffffffe6 inset;transform:translateY(-8px)}body[data-surface=viewer] .gender-intro{justify-items:center;gap:2px}body[data-surface=viewer] .gender-intro .viewer-logo img{width:clamp(118px,30vw,154px);height:auto;max-width:100%}body[data-surface=viewer] .gender-copy{gap:0}body[data-surface=viewer] .gender-copy h1{font-size:clamp(1.48rem,5.1vw,1.9rem);font-weight:700;line-height:1.12}body[data-surface=viewer] .gender-copy small{color:#6f716b;font-size:clamp(1rem,3.7vw,1.12rem)}body[data-surface=viewer] .gender-options{gap:10px}body[data-surface=viewer] .gender-option{box-sizing:border-box;width:100%;grid-template-columns:minmax(112px,36%) minmax(0,1fr) 38px;min-height:122px;gap:14px;border-color:#11111117;border-radius:0!important;padding:8px 14px 8px 8px;background:#fffffffa;box-shadow:0 15px 38px #11111117,0 1px #ffffffe0 inset;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}body[data-surface=viewer] .gender-option-photo{min-height:106px;border-radius:0!important}body[data-surface=viewer] .gender-option-copy{gap:0}body[data-surface=viewer] .gender-option-copy strong{font-size:clamp(1.32rem,5.3vw,1.64rem);font-weight:650}body[data-surface=viewer] .gender-option-copy span{color:#676b62;font-size:clamp(.86rem,3.3vw,.96rem);font-weight:560}body[data-surface=viewer] .gender-option svg{width:36px;height:36px;padding:8px;color:#a847c8;border-radius:0!important;background:#fbf0ff;box-shadow:inset 0 0 0 1px #a847c829}body[data-surface=viewer] .gender-quick-actions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border:0;border-radius:0!important;background:transparent;box-shadow:none;overflow:visible}body[data-surface=viewer] .gender-quick-action{box-sizing:border-box;min-height:56px;flex-direction:column;gap:4px;border:1px solid rgba(17,17,17,.1);border-radius:0!important;padding:7px 5px;color:#151515;background:#fffffff5;box-shadow:0 12px 26px #11111112;font-size:clamp(.68rem,2.65vw,.76rem);font-weight:600;line-height:1.12;white-space:normal}body[data-surface=viewer] .gender-quick-action svg{display:block;width:19px;height:19px}body[data-surface=viewer] .gender-quick-action span{overflow-wrap:anywhere}body[data-surface=viewer] .gender-quick-action.primary{border-color:#111;color:#fff;background:linear-gradient(180deg,#242424,#101010);box-shadow:0 14px 30px #1113}body[data-surface=viewer] .gender-quick-action.shopee{border-color:#bf5b3929;background:linear-gradient(180deg,#fff9f5,#fff0e9)}body[data-surface=viewer] .skin-consultation-action{box-sizing:border-box;width:100%;min-height:58px;appearance:none;cursor:pointer;border:0;border-radius:0!important;color:#fff;background:linear-gradient(180deg,#b45ad2,#9644ba);box-shadow:0 18px 38px #9d4ec040,0 1px #ffffff38 inset;font-size:clamp(.96rem,3.8vw,1.08rem);font-weight:660}body[data-surface=viewer] .processing-show.laser-processing,body[data-surface=viewer] .published-shell[data-theme=light] .processing-show.laser-processing{background:radial-gradient(ellipse at 50% 38%,rgba(182,102,209,.12),transparent 36%),linear-gradient(180deg,#ffffff75,#ffffffc7),url(/assets/open-catalog-entry/laser.jpg) center 42% / cover no-repeat,#fff;-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08)}body[data-surface=viewer] .processing-card,body[data-surface=viewer] .laser-processing .processing-card{box-sizing:border-box;width:min(calc(100vw - 48px),360px);min-height:238px;gap:16px;border-color:#69328024;border-radius:0!important;padding:28px 24px;background:#ffffffe6;box-shadow:0 26px 74px #1111112e,0 1px #ffffffeb inset}body[data-surface=viewer] .processing-card .viewer-logo img,body[data-surface=viewer] .laser-processing .processing-card .viewer-logo img{width:clamp(138px,42vw,182px);height:auto;max-width:100%}body[data-surface=viewer] .processing-spinner{position:relative;width:52px;height:52px;border:0;border-radius:50%!important;background:conic-gradient(from 0deg,#b666d100,#b666d1 36%,#9d4ec0 62%,#b666d100 86%),#b666d11a;box-shadow:inset 0 0 0 1px #b666d121;animation:hayfaProcessingSpin .82s linear infinite;will-change:transform}body[data-surface=viewer] .processing-spinner:before{position:absolute;top:4px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%!important;background:#9d4ec0;box-shadow:0 0 12px #9d4ec075;content:""}body[data-surface=viewer] .processing-spinner:after{position:absolute;inset:7px;border-radius:50%!important;background:#fffffff0;box-shadow:inset 0 0 0 1px #b666d114;content:""}body[data-surface=viewer] .processing-copy strong{font-size:clamp(1.08rem,4vw,1.22rem);font-weight:620}@keyframes hayfaProcessingSpin{to{transform:rotate(360deg)}}.product-catalog-view{box-sizing:border-box;width:min(100%,860px);min-height:100vh;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 20px max(96px,env(safe-area-inset-bottom));background:#fff}.product-catalog-header{display:grid;gap:8px;margin-bottom:24px}.product-catalog-header .viewer-logo{justify-content:flex-start;margin-bottom:16px}.product-catalog-header p,.product-catalog-header h1,.product-catalog-header span,.product-catalog-summary h2{margin:0}.product-catalog-header p{color:var(--accent-strong);font-size:.82rem;font-weight:700}.product-catalog-header h1{max-width:620px;font-size:clamp(2rem,7vw,3.6rem);font-weight:650;line-height:1.04}.product-catalog-header span{max-width:650px;color:var(--muted);font-size:1rem;line-height:1.55}.product-catalog-search{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:52px;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:0 15px;background:#fff}.product-catalog-search input{min-width:0;border:0;outline:0;background:transparent}.product-catalog-summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:28px 0 14px}.product-catalog-summary h2{font-size:1.35rem;font-weight:640}.product-catalog-summary span,.product-catalog-no-results{color:var(--muted)}.product-catalog-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.product-catalog-list article{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:78px;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff}.product-catalog-list svg{color:var(--accent-strong)}.product-catalog-list strong{min-width:0;font-size:1rem;font-weight:600;overflow-wrap:anywhere}.product-catalog-state{display:grid;min-height:220px;place-items:center;align-content:center;gap:12px;color:var(--muted);text-align:center}.product-catalog-state button{min-height:44px;border:0;border-radius:10px;padding:0 18px;color:#fff;background:var(--accent-strong)}.product-catalog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:28px}.product-catalog-actions a{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent-strong);border-radius:12px;padding:0 14px;color:#fff;background:var(--accent-strong);font-weight:650;text-align:center;text-decoration:none}.product-catalog-actions a.secondary{color:var(--accent-strong);background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.product-catalog-list,.product-catalog-actions{grid-template-columns:1fr}.product-catalog-view{padding-right:20px;padding-left:20px}}@media(max-width:380px){body[data-surface=viewer] .gender-entry{padding-right:14px;padding-left:14px}body[data-surface=viewer] .gender-panel{width:min(calc(100vw - 28px),500px);gap:10px;padding:14px;transform:translateY(-6px)}body[data-surface=viewer] .gender-intro .viewer-logo img{width:118px}body[data-surface=viewer] .gender-option{grid-template-columns:96px minmax(0,1fr) 34px;min-height:108px;gap:12px;padding:7px 11px 7px 7px}body[data-surface=viewer] .gender-option-photo{min-height:94px}body[data-surface=viewer] .gender-quick-actions{gap:7px}body[data-surface=viewer] .gender-quick-action{min-height:52px;padding:7px 4px;font-size:.66rem}body[data-surface=viewer] .gender-quick-action svg{display:block;width:17px;height:17px}body[data-surface=viewer] .skin-consultation-action{min-height:54px;font-size:.94rem}body[data-surface=viewer] .processing-card,body[data-surface=viewer] .laser-processing .processing-card{width:min(100%,326px);min-height:224px;padding:24px 20px}}
