/* Selected KUN concept: native proportions, shared across customer routes. */
:root[data-surface=customer][data-theme=light]{--bg:#fff5f2;--panel:#fffaf7;--ink:#073c35;--muted:#52645e;--accent:#edbabc;--champagne:#edbabc;--line:#daccc5;--button:#073c35;--button-text:#fffaf7;--shadow:0 8px 24px #073c3508;--icon-filter:invert(17%) sepia(24%) saturate(1617%) hue-rotate(120deg) brightness(87%)}
:root[data-surface=customer]{--nav-height:76px}
[data-surface=customer] :is(h1,h2,h3){font-family:'KUN UI',sans-serif;font-weight:800;letter-spacing:-.9px;line-height:1.15;overflow-wrap:anywhere}
[data-surface=customer] h1{font-size:clamp(30px,9vw,40px)}
[data-surface=customer] h2{font-size:28px}
[data-surface=customer] h3{font-size:23px}
[data-surface=customer] :is(.page,.section){padding:28px 20px;max-width:980px}
[data-surface=customer] :is(.primary,.secondary,.pill){border-radius:16px;white-space:normal;line-height:1.4}
[data-surface=customer] .primary{min-height:56px;font-size:16px;font-weight:700;gap:12px}
[data-surface=customer] .secondary{min-height:48px;font-size:14px;padding:12px 16px}
[data-surface=customer] .pill{min-height:48px;font-size:14px;padding:12px 14px}
[data-surface=customer] :is(label,.card p,.hint,.empty){font-size:14px}
[data-surface=customer] :is(input,select,textarea){font-size:16px;border-radius:14px;min-height:50px}
[data-surface=customer] .card{border-radius:20px;padding:20px;box-shadow:var(--shadow)}
[data-surface=customer] .card .eyebrow{font-size:11px}
[data-surface=customer] :is(.list-button,.appearance-option){border-radius:16px;min-height:60px;font-size:15px}
[data-surface=customer] .appearance-option small{font-size:13px}
[data-surface=customer] .appearance-option strong{font-size:15px}
[data-surface=customer] .page>header h1{margin:20px 0 12px}
[data-surface=customer] .brand span{font-family:'KUN Display',serif;letter-spacing:0}
[data-surface=customer] .brand .mark{filter:none}
[data-surface=customer] :is(.slots,.bodymap){gap:10px}
[data-surface=customer] :is(.slot,.bodymap button){min-height:48px;border-radius:14px;font-size:14px}
[data-surface=customer] dialog{border-radius:26px 26px 0 0;padding:28px 20px calc(28px + env(safe-area-inset-bottom));max-height:90dvh}
[data-surface=customer] dialog h2{font-size:27px}
[data-surface=customer] .breathing-page h1{font-size:32px}
[data-surface=customer] .breathing-controls h2{font-size:27px}
[data-surface=customer] #tabs{height:calc(76px + env(safe-area-inset-bottom));padding:0 14px env(safe-area-inset-bottom);border-radius:24px 24px 0 0;background:var(--panel);gap:0;box-shadow:0 -4px 20px #00000005}
[data-surface=customer] #tabs a{font-size:12px;font-weight:600;gap:4px;min-width:0;color:var(--muted)}
[data-surface=customer] #tabs a>span:first-child{display:grid;place-items:center;width:42px;height:34px;border-radius:13px}
[data-surface=customer] #tabs a[aria-current=page]{color:var(--ink)}
[data-surface=customer] #tabs a[aria-current=page]>span:first-child{background:color-mix(in srgb,var(--ink) 8%,var(--panel))}
[data-surface=customer] #tabs a[aria-current=page]:after{display:none}
[data-surface=customer] #tabs .booking .nav-orb{margin:0;box-shadow:none;background:transparent;color:inherit;border-radius:13px}
[data-surface=customer] #tabs :is(.icon,.booking .icon){width:24px;height:24px;filter:var(--icon-filter,none)}
.native-home{max-width:560px;margin:auto;padding:28px 20px 0;display:flex;flex-direction:column;gap:14px}
.native-header{display:flex;align-items:center;justify-content:flex-start;min-height:34px;gap:16px;margin-bottom:4px}
.native-header .brand{gap:8px}
.native-header .brand .mark{width:30px;height:30px}
.native-header .brand span{font-size:28px}
.native-header .city{font-size:11px;letter-spacing:2.6px;color:var(--ink);border-left:1px solid var(--line);padding-left:14px}
[data-surface=customer] .native-home h1{font-size:clamp(32px,10.25vw,44px);letter-spacing:-1.7px;line-height:1.08;margin:0 0 0;font-weight:800}
.native-photo{width:100%;height:238px;border-radius:24px;margin:0;overflow:hidden}
.native-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:58% 44%;transform:scale(1.65);transform-origin:60% 43%}
.native-book{width:100%;position:relative;justify-content:center;padding:12px 20px;margin:0}
.native-book .icon{position:absolute;right:20px;width:25px;height:25px;filter:invert(1)}
:root[data-theme=dark] .native-book .icon{filter:none}
.native-goals{margin-top:2px}
[data-surface=customer] .native-goals h2{font-size:16px;font-weight:700;letter-spacing:-.3px;margin:0 0 12px}
.native-goal-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.native-goal{min-width:0;min-height:70px;border:1px solid var(--control-line);background:var(--panel);color:var(--ink);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;font-size:14px;font-weight:600;line-height:1.3}
.native-goal .icon{width:25px;height:25px}
.native-goal.selected{background:var(--accent);border-color:var(--accent);color:#102e26}
.native-goal.selected .icon{filter:none}
:root[data-theme=white] .native-goal.selected{color:#fff}
:root[data-theme=white] .native-goal.selected .icon{filter:invert(1)}
.native-breath{max-width:520px;margin:12px auto 0;padding:10px 0 16px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 42%;align-items:center;min-height:152px;position:relative}
.native-breath>div{z-index:1}
[data-surface=customer] .native-breath h2{font-size:27px;font-weight:800;line-height:1.08;letter-spacing:-.9px}
.native-breath p{font-size:14px;margin-top:6px}
.native-breath>img{width:100%;height:auto;max-height:138px;object-fit:contain;justify-self:end}
.native-play{display:grid;place-items:center;width:44px;height:44px;margin-top:4px;border-radius:50%;background:var(--accent)}
.native-play .icon{width:21px;height:21px;filter:none}
:root[data-theme=white] .native-play .icon{filter:invert(1)}
.native-walkin{gap:14px;text-decoration:none;padding:18px}
.native-walkin span{flex:1;min-width:0}
.native-walkin small{display:block;margin-top:4px;color:var(--muted);font-size:13px}
@media(max-width:559px){.native-breath{margin-left:20px;margin-right:20px}}
@media(max-width:359px){.native-home{padding:28px 16px 0}.native-photo{height:216px}.native-goal{font-size:13px}.native-header .city{letter-spacing:2px}.native-breath{margin-left:16px;margin-right:16px}.native-breath h2{font-size:25px}.form-grid{grid-template-columns:1fr}}
@media(min-width:700px){[data-surface=customer] dialog{border-radius:26px}[data-surface=customer] .page{padding-top:40px}.native-home{padding-top:40px}}
@media(min-width:1000px){.native-home{max-width:980px;display:grid;grid-template-columns:1fr 1fr;gap:24px 40px;align-items:start}.native-header{grid-column:1/-1;margin-bottom:0}.native-home h1{grid-column:1;grid-row:2;font-size:52px!important}.native-photo{grid-column:2;grid-row:2/5;height:360px}.native-book{grid-column:1;grid-row:3}.native-goals{grid-column:1;grid-row:4;margin:0}.native-breath{max-width:940px;grid-template-columns:1fr 180px;padding:24px 0}.native-breath p{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.native-goal{transition:background-color .16s,border-color .16s}.native-play{transition:transform .16s}.native-play:active{transform:scale(.96)}}

@media(max-width:699px){html[data-surface=customer]{scrollbar-width:none}html[data-surface=customer]::-webkit-scrollbar{display:none}}

@media(max-width:359px){.native-book{font-size:14px;padding-left:16px;padding-right:44px}}

:root[data-surface=customer][data-theme=light] body{background-image:url('/assets/native-blush.webp');background-size:100% 900px;background-position:top center;background-repeat:no-repeat}
:root[data-surface=customer][data-theme=light] .native-breath{background-image:url('/assets/native-pearl-water.webp');background-size:260px auto;background-position:right center;background-repeat:no-repeat;background-blend-mode:multiply;background-color:var(--bg)}
:root[data-surface=customer][data-theme=light] .native-breath>img{visibility:hidden}