/* Pearl Soft is additive. No rule below changes the salon workplace. */
.pearl-feature,.pearl-eyebrow{display:none}
:root[data-surface=customer][data-look=pearl]{color-scheme:light;--bg:#eef0f2;--panel:#eef0f2;--ink:#1e2938;--muted:#536071;--accent:#d79aa8;--champagne:#d79aa8;--line:#788491;--button:#d79aa8;--button-text:#16202c;--pearl-highlight:#ffffff;--pearl-shade:#c7cdd4;--pearl-edge:#ffffffb0;--control-line:var(--line);--accent-text:var(--pearl-rose);--pearl-rose:#a44760;--shadow:7px 7px 16px var(--pearl-shade),-7px -7px 16px var(--pearl-highlight);--pearl-inset:inset 3px 3px 7px var(--pearl-shade),inset -3px -3px 7px var(--pearl-highlight);--icon-filter:none;--nav-height:104px}
:root[data-surface=customer][data-look=pearl][data-theme=dark]{color-scheme:dark;--bg:#282e36;--panel:#282e36;--ink:#f5f2f1;--muted:#c2c9d2;--line:#84919f;--accent:#e5a7b6;--champagne:#e5a7b6;--button:#e5a7b6;--button-text:#16202c;--pearl-highlight:#39424d;--pearl-shade:#191e25;--pearl-edge:#5d697680;--control-line:var(--line);--accent-text:var(--pearl-rose);--pearl-rose:#efafbf;--icon-filter:invert(95%)}
:root[data-surface=customer][data-look=pearl] body{background:var(--bg);background-image:none}
[data-surface=customer][data-look=pearl] main{padding-bottom:calc(112px + env(safe-area-inset-bottom));overflow-wrap:anywhere}
[data-surface=customer][data-look=pearl] .page,[data-surface=customer][data-look=pearl] .section{max-width:680px;padding:28px 22px}
[data-surface=customer][data-look=pearl] h1{font-size:clamp(36px,10vw,48px);line-height:1.04}
[data-surface=customer][data-look=pearl] h2{font-size:32px;line-height:1.15}
[data-surface=customer][data-look=pearl] h3{font-size:26px;line-height:1.15}
[data-surface=customer][data-look=pearl] p{line-height:1.55}
[data-surface=customer][data-look=pearl] .card,[data-surface=customer][data-look=pearl] .list-button,[data-surface=customer][data-look=pearl] .journey-need-card,[data-surface=customer][data-look=pearl] .journey-participant,[data-surface=customer][data-look=pearl] .journey-hold{background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line);border-radius:22px}
[data-surface=customer][data-look=pearl] .card{padding:22px}
[data-surface=customer][data-look=pearl] .primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 75%,white),var(--accent));color:var(--button-text);box-shadow:4px 5px 9px var(--pearl-shade),inset 1px 1px 2px #ffffffbb;min-height:56px;border:1px solid color-mix(in srgb,var(--accent) 75%,#733949);border-radius:20px;font-size:16px;font-weight:700}
[data-surface=customer][data-look=pearl] .primary .icon,[data-surface=customer][data-look=pearl] .play-circle .icon{filter:none}
[data-surface=customer][data-look=pearl] .secondary,[data-surface=customer][data-look=pearl] .slot,[data-surface=customer][data-look=pearl] .pill,[data-surface=customer][data-look=pearl] .bodymap button,[data-surface=customer][data-look=pearl] .favorite{background:var(--panel);box-shadow:3px 3px 7px var(--pearl-shade),-3px -3px 7px var(--pearl-highlight);border:1px solid var(--line);border-radius:16px;min-height:48px}
[data-surface=customer][data-look=pearl] :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--bg);box-shadow:var(--pearl-inset);border:1px solid var(--line);border-radius:16px;font-size:16px;min-height:50px}
[data-surface=customer][data-look=pearl] input[type=checkbox],[data-surface=customer][data-look=pearl] input[type=radio]{accent-color:var(--pearl-rose);box-shadow:none}
[data-surface=customer][data-look=pearl] :is(.slot.selected,.pill.selected,.journey-periods .selected,.bodymap [data-level='1'],.bodymap [data-level='2'],.bodymap [data-level='3']){background:var(--accent);color:#16202c;border:2px solid #8f3b54;box-shadow:var(--pearl-inset)}
[data-surface=customer][data-look=pearl] :is(.slot.selected,.pill.selected,.journey-periods .selected) .icon{filter:none}
[data-surface=customer][data-look=pearl] .chosen{border:2px solid var(--pearl-rose);box-shadow:var(--pearl-inset)}
[data-surface=customer][data-look=pearl] :focus-visible{outline:3px solid var(--pearl-rose);outline-offset:4px}
[data-surface=customer][data-look=pearl] .hint{background:var(--bg);border-color:var(--line);border-radius:16px;font-size:14px}
[data-surface=customer][data-look=pearl] .error{color:var(--ink);border:1px solid var(--pearl-rose);border-left-width:4px;border-radius:12px;background:var(--panel);font-size:14px}
[data-surface=customer][data-look=pearl] .badge{border-color:var(--line);border-radius:8px;font-size:12px;white-space:normal}
[data-surface=customer][data-look=pearl] .journey-home{padding:24px 22px 0;max-width:580px;background:none;min-height:0;margin:0 auto}
[data-surface=customer][data-look=pearl] .journey-brand{margin:0 0 24px;min-height:52px}
[data-surface=customer][data-look=pearl] .journey-brand .brand span{font-size:46px}
[data-surface=customer][data-look=pearl] .journey-profile{width:56px;height:56px;background:var(--panel);box-shadow:var(--shadow);border:1px solid var(--line)}
[data-surface=customer][data-look=pearl] .pearl-eyebrow{display:block;font-size:10px;letter-spacing:2.5px;color:var(--muted);margin:8px 0 14px}
[data-surface=customer][data-look=pearl] .journey-hero{min-height:0;padding:0;margin-bottom:20px}
[data-surface=customer][data-look=pearl] .journey-hero h1{font-size:clamp(49px,14vw,70px);line-height:.93;letter-spacing:-1.4px}
[data-surface=customer][data-look=pearl] .journey-hero h1 span{color:var(--pearl-rose)}
[data-surface=customer][data-look=pearl] .journey-hero p{display:none}
[data-surface=customer][data-look=pearl] .pearl-feature{display:block}
[data-surface=customer][data-look=pearl] .pearl-feature>a{display:block;text-decoration:none}
[data-surface=customer][data-look=pearl] .pearl-feature>a>img{width:100%;height:auto;aspect-ratio:1.75;object-fit:cover;border-radius:22px;border:1px solid var(--pearl-edge);box-shadow:var(--shadow)}
[data-surface=customer][data-look=pearl] .pearl-feature h2{font:700 20px/1.3 'KUN UI',sans-serif;margin:16px 0 6px}
[data-surface=customer][data-look=pearl] .pearl-feature p{color:var(--muted);font-size:16px}
[data-surface=customer][data-look=pearl] .pearl-feature .primary{margin-top:18px}
[data-surface=customer][data-look=pearl] .journey-breath{margin-top:24px;padding:18px 20px;min-height:100px}
[data-surface=customer][data-look=pearl] .journey-breath h2{font:700 20px/1.3 'KUN UI',sans-serif}
[data-surface=customer][data-look=pearl] .journey-breath p{font-size:14px}
[data-surface=customer][data-look=pearl] .play-circle{width:56px;height:56px;background:var(--accent);box-shadow:3px 3px 6px var(--pearl-shade),inset 1px 1px 2px #ffffff99;border:1px solid #9a4c63}
[data-surface=customer][data-look=pearl] .journey-needs{margin:32px 0 12px}
[data-surface=customer][data-look=pearl] .journey-direct{display:none}
[data-surface=customer][data-look=pearl] .need-orb{box-shadow:var(--shadow);border-radius:20px}
[data-surface=customer][data-look=pearl] #tabs{height:calc(88px + env(safe-area-inset-bottom));width:calc(100% - 28px);max-width:552px;left:50%;right:auto;transform:translateX(-50%);bottom:10px;background:var(--panel);border:1px solid var(--pearl-edge);border-radius:24px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:5px;box-shadow:var(--shadow);backdrop-filter:none}
[data-surface=customer][data-look=pearl] #tabs a{flex:1;min-width:0;padding:6px 3px;min-height:60px;border-radius:16px;font-size:12px}
[data-surface=customer][data-look=pearl] #tabs a[aria-current]{background:var(--accent);color:#16202c;box-shadow:inset 1px 1px 3px #ffffffbb,2px 2px 5px var(--pearl-shade)}
[data-surface=customer][data-look=pearl] #tabs a:after{display:none}
[data-surface=customer][data-look=pearl] dialog{background:var(--panel);border:1px solid var(--pearl-edge);border-radius:24px 24px 0 0;padding:30px 22px calc(28px + env(safe-area-inset-bottom));box-shadow:0 -8px 40px #0003}
[data-surface=customer][data-look=pearl] .close{border-radius:14px;background:var(--bg);border:1px solid var(--line)}
[data-surface=customer][data-look=pearl] .journey-success{background:none}
[data-surface=customer][data-look=pearl] .success-mark{box-shadow:var(--shadow);background:var(--accent)}
[data-surface=customer][data-look=pearl] .success-mark .icon{filter:none}
[data-surface=customer][data-look=pearl] .breathing-page{height:auto;min-height:calc(100dvh - 115px)}
[data-surface=customer][data-look=pearl] .breathing-visual{margin:24px 0;min-height:170px}
[data-surface=customer][data-look=pearl] .breathing-visual img{max-width:100%;width:230px}
[data-surface=customer][data-look=pearl] .ritual-image{border-radius:22px;box-shadow:var(--shadow);margin-left:0;margin-right:0}
[data-surface=customer][data-look=pearl] .grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
[data-surface=customer][data-look=pearl] .summary-line{flex-wrap:wrap}
[data-surface=customer][data-look=pearl] .list-button span{min-width:0}
.swatch-pearl-light{background:#eef0f2;box-shadow:inset 3px 3px 5px #c7cdd4,inset -3px -3px 5px white}
.swatch-pearl-dark{background:#282e36;box-shadow:inset 3px 3px 5px #191e25,inset -3px -3px 5px #39424d}
.swatch-pearl-system{background:linear-gradient(90deg,#eef0f2 50%,#282e36 50%)}
[data-preview-theme=pearl-light]{--bg:#eef0f2;--panel:#eef0f2;--ink:#1e2938;--muted:#536071;--button:#d79aa8;--button-text:#16202c;--line:#788491;background:#eef0f2;color:#1e2938}
[data-preview-theme=pearl-dark]{--bg:#282e36;--panel:#282e36;--ink:#f5f2f1;--muted:#c2c9d2;--button:#e5a7b6;--button-text:#16202c;--line:#84919f;background:#282e36;color:#f5f2f1}
@media(min-width:700px){[data-surface=customer][data-look=pearl] .journey-home{margin-top:32px}[data-surface=customer][data-look=pearl] dialog{border-radius:24px}}
@media(max-width:350px){[data-surface=customer][data-look=pearl] .page,[data-surface=customer][data-look=pearl] .section,[data-surface=customer][data-look=pearl] .journey-home{padding-left:16px;padding-right:16px}[data-surface=customer][data-look=pearl] .card{padding:18px}[data-surface=customer][data-look=pearl] .journey-need-card>img{width:62px}[data-surface=customer][data-look=pearl] .journey-need-card h2{font-size:22px}}
@media(forced-colors:active){[data-surface=customer][data-look=pearl] *{box-shadow:none!important;background-image:none!important}[data-surface=customer][data-look=pearl] :is(button,a,input,select,textarea,.card){border:1px solid CanvasText}[data-surface=customer][data-look=pearl] [aria-pressed=true],[data-surface=customer][data-look=pearl] [aria-current]{outline:3px solid Highlight}}