/* Public entry only. The account forms and palette implementation remain independent. */
html body.v16-public.entry173{--button:#95265f;--hover:#76204c;--field:var(--paper);font-family:"Source Sans 3","Segoe UI",Arial,sans-serif}
html body.entry173 .shell{width:100%;max-width:1320px!important;padding:18px clamp(20px,4vw,56px) 24px!important}
html body.entry173 .header{padding:8px 0 20px;gap:16px}
html body.entry173 .header-tools{width:auto;gap:12px;margin:0;justify-content:flex-end;flex:1}
html body.entry173 .entry173-free{font-size:12px;line-height:1.4;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--rose);text-align:end}
html body.entry173 .header-tools :is(select,button){font-size:14px!important;min-height:44px;border-radius:4px}
html body.entry173 .header-tools select{max-width:160px}
html body.entry173 .theme-switch button{padding-inline:9px}

html body.entry173 .entry173-banner{position:relative;isolation:isolate;display:grid;margin:0;background:#080808;color:#fff;min-height:290px;overflow:hidden;border-radius:4px}
html body.entry173 .entry173-banner>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:70% 0%;z-index:-2}
html body.entry173 .entry173-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.79) 27%,rgba(0,0,0,.15) 53%,transparent 70%)}
html body.entry173 .entry173-values{width:47%;min-width:0;padding:28px 32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px}
html body.entry173 .entry173-values-label{font-size:11px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#f3bbd2}
html body.entry173 p.entry173-value-text{color:#fff;font-size:clamp(25px,2.5vw,34px);font-weight:750;line-height:1.18;margin:0;max-width:25ch;text-wrap:balance;overflow-wrap:break-word}
html body.entry173 .entry173-values-pause{color:#fff;background:rgba(0,0,0,.6);border:1px solid #c6b6bd;border-radius:3px;min-height:44px;padding:7px 11px;font-size:13px;line-height:1.35;text-align:start}
html body.entry173 .entry173-values-pause[hidden]{display:none}
html body.entry173 .entry173-values-pause:focus-visible{outline-color:#ffb8d9}

html body.entry173 .entry{flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,1fr)!important;grid-template-areas:"intro access" "benefits access" "palette access";gap:23px 40px;align-items:start;padding:34px 0 36px}
html body.entry173 .entry173-intro{grid-area:intro;display:block!important}
html body.entry173 .entry173-intro h1{font-size:clamp(28px,2.75vw,38px)!important;line-height:1.14!important;max-width:none!important;letter-spacing:-.025em;margin:0 0 14px}
html body.entry173 .entry173-intro h1 span{display:block}
html body.entry173 .entry173-intro p{font-size:18px;line-height:1.55;max-width:38em;margin:0;color:var(--muted)}
html body.entry173 .entry173-benefits{grid-area:benefits;list-style:none;display:grid;gap:15px;padding:0;margin:0}
html body.entry173 .entry173-benefits li{display:flex;align-items:flex-start;gap:13px;font-size:16px;line-height:1.55;margin:0;color:var(--muted)}
html body.entry173 .entry173-benefits svg{color:var(--rose);width:22px;height:22px;flex:0 0 22px;margin-top:3px}
html body.entry173 .entry173-benefits strong{color:var(--ink);font-weight:750}

html body.entry173 .entry173-palette{grid-area:palette;padding:21px 20px 18px;border:1px solid var(--line);border-radius:4px;min-width:0;background:var(--paper)}
html body.entry173 .entry173-palette-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 15px;margin-bottom:16px}
html body.entry173 .entry173-palette-heading h2{font-size:24px!important;line-height:1.2!important;margin:0;letter-spacing:-.02em}
html body.entry173 .entry173-example{font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:5px 8px;border:1px solid var(--line);border-radius:3px}
html body.entry173 .entry173-paints{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0;padding:0}
html body.entry173 .entry173-paints li{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;font-size:14px;line-height:1.35;margin:0}
html body.entry173 .entry173-paints strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere;hyphens:auto;font-weight:700;width:100%}
html body.entry173 .entry173-rating{font-size:13px;line-height:1.4;margin-top:4px;color:var(--muted);overflow-wrap:anywhere}
/* Four public examples rendered from the existing paint renderer, with no profile data. */
html body.entry173 .entry173-paint{display:block;flex:0 0 76px;width:70px;height:76px;margin:0 auto 9px;background-repeat:no-repeat;background-size:contain;background-position:center}
html body.entry173 .entry173-heart-pink{background-image:url('entry-v173-touch.webp')}
html body.entry173 .entry173-heart-yellow{background-image:url('entry-v173-mindful.webp')}
html body.entry173 .entry173-plus-cyan{background-image:url('entry-v173-play.webp')}
html body.entry173 .entry173-plus-purple{background-image:url('entry-v173-aftercare.webp')}
html body.entry173 .entry173-caption{font-size:14px;line-height:1.5;margin:18px 0 0;color:var(--muted)}

html body.entry173 .auth-card{grid-area:access;align-self:start;max-width:none;width:100%;padding:24px!important;box-shadow:none;background:var(--soft)!important}
html body.entry173 .auth-card .entry-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0;padding:0;margin:0 0 24px;border-bottom:1px solid var(--line);background:transparent;border-radius:0}
html body.entry173 .auth-card .entry-tabs a{font-size:15px!important;padding:11px 8px!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;background:transparent!important;color:var(--muted)!important;box-shadow:none;line-height:1.4}
html body.entry173 .auth-card .entry-tabs a.active{border-bottom-color:var(--rose)!important;color:var(--ink)!important}
html body.entry173 .auth-card .account-options{gap:8px;margin-bottom:21px}
html body.entry173 .auth-card .account-options a{font-size:14px;flex:1 1 100px;padding:8px;min-height:44px;background:var(--paper);border-color:var(--line)}
html body.entry173 .auth-card .account-options a.active{border:1px solid var(--rose);background:var(--paper);color:var(--rose)}
html body.entry173 .auth-card .panel h2{font-size:28px!important;line-height:1.2!important;margin-bottom:12px;letter-spacing:-.02em}
html body.entry173 .auth-card .panel>p{font-size:16px;line-height:1.55;color:var(--muted);margin-bottom:18px}
html body.entry173 .auth-card .entry-consent{padding:12px;border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:14px!important;line-height:1.55!important}
html body.entry173 .auth-card .entry-consent input{width:18px;height:18px;margin-top:3px}
html body.entry173 .auth-card .helper{font-size:13px!important;line-height:1.5!important;margin:11px 0 16px!important}
html body.entry173 .auth-card .field label{font-size:14px!important}
html body.entry173 .auth-card .field input{border:1px solid var(--line);border-radius:4px;background:var(--paper);color:var(--ink)}
html body.entry173 .auth-card .btn{font-size:16px!important;background:#95265f;color:#fff;border-color:#95265f;padding:12px 16px!important}
html body.entry173 .auth-card .btn:hover{background:#76204c;border-color:#76204c}
html body.entry173 .auth-card .panel>p.entry173-free-note{font-size:13px;line-height:1.5;text-align:center;color:var(--muted);margin:14px 0 0}
html body.entry173 .auth-card .forgot-link{min-height:44px;font-size:14px}
html body.entry173 .auth-card .login-row{flex-direction:column;align-items:stretch;gap:16px}
html body.entry173 .auth-card .login-row .check{font-size:14px!important}
html body.entry173 .legal{margin-top:auto;font-size:13px!important;line-height:1.5!important;padding-top:18px;flex-wrap:wrap}
html body.entry173 .entry173-language-links{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;padding-block:12px}

@media(max-width:1000px){
 html body.entry173 .entry{grid-template-columns:minmax(0,1fr) minmax(310px,.9fr)!important;gap:24px}
 html body.entry173 .entry173-values{width:49%;padding:24px}
 html body.entry173 p.entry173-value-text{font-size:28px}
 html body.entry173 .entry173-banner{min-height:275px}
 html body.entry173 .auth-card{padding:21px!important}
 html body.entry173 .entry173-palette{padding:18px 14px}
 html body.entry173 .entry173-paint{width:60px;height:66px;flex-basis:66px}
}
@media(max-width:760px){
 html body.entry173 .shell{padding:14px 20px 24px!important}
 html body.entry173 .entry{display:flex;flex-direction:column;padding:26px 0 30px;gap:24px}
 html body.entry173 .entry>*{width:100%}
 html body.entry173 .entry173-intro{order:0}
 html body.entry173 .auth-card{order:1;padding:21px!important}
 html body.entry173 .entry173-benefits{order:2}
 html body.entry173 .entry173-palette{order:3;padding:20px 16px}
 html body.entry173 .entry173-intro h1{font-size:30px!important}
 html body.entry173 .entry173-intro p{font-size:17px}
 html body.entry173 .header{align-items:center;gap:10px;padding-bottom:16px}
 html body.entry173 .header-tools{gap:5px 9px;flex-wrap:wrap}
 html body.entry173 .entry173-free{flex:1 1 100%;font-size:10px}
 html body.entry173 .header-tools :is(select,button){font-size:12px!important}
 html body.entry173 .header-tools select{max-width:130px;padding-inline:7px}
 html body.entry173 .theme-switch button{padding-inline:6px}
 html body.entry173 .entry173-banner{min-height:250px}
 html body.entry173 .entry173-values{width:57%;padding:22px 18px;gap:12px}
 html body.entry173 p.entry173-value-text{font-size:25px;line-height:1.2}
 html body.entry173 .entry173-banner>img{object-position:66% 0%}
 html body.entry173 .entry173-banner::after{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.82) 25%,rgba(0,0,0,.25) 62%,transparent)}
 html body.entry173 .entry173-values-label{font-size:10px}
 html body.entry173 .entry173-values-pause{font-size:12px;min-height:44px}
 html body.entry173 .entry173-paint{width:70px;height:76px;flex-basis:76px}
}
@media(max-width:480px){
 html body.entry173 .header{align-items:flex-start}
 html body.entry173 .header .brand{margin-top:7px;gap:5px}
 html body.entry173 .header .brand img{width:28px!important;height:28px!important}
 html body.entry173 .header .brand-name{font-size:25px!important}
 html body.entry173 .header-tools{width:auto;flex:1 1 150px}
 html body.entry173 .header-tools select{max-width:115px}
 html body.entry173 .theme-switch{gap:0}
 html body.entry173 .theme-switch button{padding-inline:4px}
 html body.entry173 .entry173-values{width:65%;padding:18px 15px}
 html body.entry173 p.entry173-value-text{font-size:22px}
 html body.entry173 .entry173-banner>img{object-position:67% 0%}
 html body.entry173 .entry173-intro h1{font-size:28px!important}
 html body.entry173 .auth-card{padding:18px!important}
 html body.entry173 .auth-card .panel h2{font-size:26px!important}
 html body.entry173 .entry173-paints{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
 html body.entry173 .entry173-paints strong{font-size:15px}
 html body.entry173 .entry173-palette-heading h2{font-size:23px!important}
}
@media(prefers-reduced-motion:reduce){html body.entry173 *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
