.quick-care-card,.public-preview-cta,.inventory-page,.demo-hero,.demo-card,.demo-bottom{border:1px solid var(--gh-border,#eadde8);border-radius:24px;background:var(--gh-paper,#fff);color:var(--gh-ink,#302333);box-shadow:0 12px 32px #49243f0b}
.quick-care-card{margin:24px 0;padding:clamp(20px,3vw,32px);background:linear-gradient(120deg,#fff,#f6edf5)}
.quick-care-intro{display:flex;align-items:flex-start;gap:15px}.quick-care-mark{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:16px;background:#ead8e9;color:#5b354e;font-size:25px}.quick-care-intro h2,.inventory-toolbar h2{margin:6px 0;font-size:clamp(20px,2.3vw,28px)}.quick-care-intro p,.inventory-toolbar p{margin:0;color:var(--gh-muted,#756a77);line-height:1.65}.quick-care-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}.quick-care-choices{display:flex;flex-wrap:wrap;gap:8px}.quick-care-choices button{min-height:40px;padding:8px 13px;border:1px solid #ddcddd;border-radius:999px;background:#fff;color:#543b52;font-weight:700}.quick-care-choices button[aria-pressed=true]{background:#5b354e;color:#fff;border-color:#5b354e}.quick-care-result:empty{display:none}.quick-care-result{margin-top:16px}.quick-care-answer{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--gh-border,#eadde8);border-radius:17px}.quick-care-answer>span{font-size:25px}.quick-care-answer div{flex:1}.quick-care-answer p{margin:4px 0 0;color:var(--gh-muted,#756a77)}.quick-care-answer a,.inventory-next a,.demo-card>a{color:#653b5c;font-weight:750;text-decoration:none}
.public-preview-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0;padding:20px 24px}.public-preview-cta h2{margin:5px 0;font-size:20px}.public-preview-cta p{margin:0;color:var(--gh-muted,#756a77)}
.inventory-page{padding:clamp(18px,3vw,30px)}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:13px;margin-top:24px}.inventory-item{display:flex;align-items:center;gap:13px;min-width:0;padding:16px;border:1px solid var(--gh-border,#eadde8);border-radius:18px;background:#fff}.inventory-item-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:15px;background:#f4eaf2;font-size:22px}.inventory-item>div{flex:1;min-width:0}.inventory-item .eyebrow{font-size:9px}.inventory-item h3{margin:4px 0;overflow-wrap:anywhere}.inventory-item p{margin:0;color:var(--gh-muted,#756a77);font-size:12px}.inventory-empty{text-align:center;padding:44px 20px;margin-top:20px;border:1px dashed #cfbace;border-radius:20px;background:#fffafd}.inventory-empty>span{font-size:38px}.inventory-empty h3{margin:10px 0}.inventory-empty p{max-width:530px;margin:0 auto 18px;color:var(--gh-muted,#756a77);line-height:1.7}.inventory-next{display:flex;align-items:center;gap:12px;margin-top:20px;padding:14px 16px;border-radius:16px;background:#f4edf4}.inventory-next p{flex:1;margin:0;color:var(--gh-muted,#756a77);font-size:12px;line-height:1.6}
.demo-hero{display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;margin-bottom:16px;background:linear-gradient(130deg,#f6eaf2,#fbf6ee)}.demo-hero>div:first-child{padding:clamp(24px,5vw,58px)}.demo-hero h1{margin:12px 0;font-size:clamp(36px,5vw,62px)}.demo-hero p{max-width:520px;margin-bottom:22px;color:var(--gh-muted,#756a77);line-height:1.8}.demo-portrait{position:relative;min-height:280px}.demo-portrait img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.demo-portrait span{position:absolute;left:16px;bottom:16px;padding:10px 14px;border-radius:999px;background:#fff;color:#55364f;font-size:12px;font-weight:750}.demo-disclaimer{margin:14px 0;padding:12px 16px;border-radius:14px;background:#fff4df;color:#745b29;font-size:13px}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.demo-card{padding:24px}.demo-card h2{margin:10px 0;font-size:23px}.demo-card p{color:var(--gh-muted,#756a77);line-height:1.7}.demo-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.demo-tags span{padding:7px 10px;border-radius:999px;background:#f4eaf2;color:#5b354e;font-size:12px;font-weight:700}.demo-step-list{display:grid;gap:10px;margin:16px 0}.demo-step-list span{display:flex;gap:12px;align-items:center;padding:10px;border-radius:12px;background:#fbf7fb}.demo-step-list b{color:#9c7293}.demo-reactions{display:block;margin:18px 0;color:#6f536b;font-size:13px}.demo-game-art{display:flex;gap:15px;align-items:center;margin:18px 0;font-size:28px}.demo-bottom{display:grid;justify-items:center;text-align:center;margin-top:20px;padding:28px}.demo-bottom p{color:var(--gh-muted,#756a77)}.demo-bottom .text-link{margin-top:14px}
html[data-theme=dark] .quick-care-card,html[data-theme=dark] .inventory-page,html[data-theme=dark] .inventory-item,html[data-theme=dark] .public-preview-cta,html[data-theme=dark] .demo-hero,html[data-theme=dark] .demo-card,html[data-theme=dark] .demo-bottom{background:#211b25;color:#f5edf4;border-color:#49394d}html[data-theme=dark] .quick-care-card{background:linear-gradient(120deg,#211b25,#302234)}html[data-theme=dark] .quick-care-choices button,html[data-theme=dark] .quick-care-answer,html[data-theme=dark] .demo-step-list span,html[data-theme=dark] .inventory-empty{background:#2b2430;color:#f5edf4;border-color:#55435a}html[data-theme=dark] .inventory-next{background:#302637}html[data-theme=dark] .quick-care-answer a,html[data-theme=dark] .inventory-next a,html[data-theme=dark] .demo-card>a{color:#edc9e3}html[data-theme=dark] .demo-disclaimer{background:#382e24;color:#f6dfb2}
@media(max-width:720px){.public-preview-cta,.inventory-toolbar{align-items:stretch;flex-direction:column}.demo-hero{grid-template-columns:1fr}.demo-portrait{min-height:210px}.demo-grid{grid-template-columns:1fr}.inventory-next{align-items:flex-start;flex-wrap:wrap}.inventory-next p{flex-basis:calc(100% - 40px)}.quick-care-row{align-items:stretch;flex-direction:column}.quick-care-row>.primary-button{width:100%}.quick-care-moods{width:100%}}
@media(prefers-reduced-motion:reduce){.quick-care-card,.demo-card{animation:none!important;transition:none!important}}
.routine-inventory-hint{margin-top:22px;padding:18px;border:1px solid #e7d9e6;border-radius:18px;background:#fbf5fa}.routine-inventory-hint h3{margin:7px 0 12px}.routine-inventory-hint ul{display:grid;gap:8px;padding:0;list-style:none}.routine-inventory-hint li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#fff}.routine-inventory-hint li>span{color:#6c8b61;font-weight:800}.routine-inventory-hint li small{margin-left:auto;color:#817381}.routine-inventory-hint p{color:var(--gh-muted,#756a77);font-size:12px;line-height:1.6}.routine-inventory-hint>a{color:#653b5c;font-size:13px;font-weight:750;text-decoration:none}
.quick-care-status{margin:12px 0 0;color:var(--gh-muted,#756a77);font-size:12px}
.journal-before-after{margin:8px 0 24px;padding:clamp(16px,3vw,26px);border:1px solid var(--gh-border,#eadde8);border-radius:24px;background:linear-gradient(130deg,#fff,#f5edf5)}.journal-before-after-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;color:var(--gh-plum,#5b354e)}.journal-before-after-pair{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:12px}.journal-before-after-pair figure{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid var(--gh-border,#eadde8);border-radius:18px;background:#fff}.journal-before-after-pair img{display:block;width:100%;height:clamp(180px,27vw,330px);object-fit:cover}.journal-before-after-pair figcaption{display:grid;gap:4px;padding:12px 14px}.journal-before-after-pair figcaption small{color:var(--gh-muted,#756a77)}.journal-before-after-pair figcaption .journal-measurement{margin-top:5px;color:#684d65;font-size:12px;font-weight:750}.journal-photo-period{position:absolute;z-index:1;top:10px;left:10px;padding:6px 10px;border-radius:999px;background:#fff;color:#54364f;font-size:9px;font-weight:850;letter-spacing:.09em}.journal-before-after-arrow{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e9d9e8;color:#5b354e;font-size:20px}.journal-measurement-note{margin:14px 0 0;color:var(--gh-muted,#756a77);font-size:12px;line-height:1.6}.journal-compare-label{align-items:center;cursor:pointer}.journal-compare-label input{accent-color:#704567}
html[data-theme=dark] .journal-before-after{background:linear-gradient(130deg,#211b25,#302234);border-color:#49394d}html[data-theme=dark] .journal-before-after-heading,html[data-theme=dark] .journal-before-after-pair figcaption .journal-measurement{color:#edc9e3}html[data-theme=dark] .journal-before-after-pair figure{background:#211b25;border-color:#49394d}html[data-theme=dark] .journal-photo-period{background:#2b2430;color:#f5edf4}html[data-theme=dark] .journal-before-after-arrow{background:#49394d;color:#f5edf4}
@media(max-width:560px){.journal-before-after-heading{align-items:flex-start;flex-direction:column}.journal-before-after-pair{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);gap:6px}.journal-before-after-pair img{height:190px}.journal-before-after-pair figcaption{padding:9px;font-size:12px}.journal-before-after-pair figcaption small{font-size:10px}.journal-before-after-arrow{width:26px;height:26px;font-size:15px}}
html[data-theme=dark] .routine-inventory-hint{background:#302637;border-color:#55435a}html[data-theme=dark] .routine-inventory-hint li{background:#211b25}html[data-theme=dark] .routine-inventory-hint>a{color:#edc9e3}

.family-agenda-peek{margin:18px 0 22px;padding:clamp(17px,2.5vw,24px);border:1px solid var(--gh-border,#eadde8);border-radius:22px;background:linear-gradient(135deg,#fff,#f8f1f7);color:var(--gh-ink,#302333)}.family-agenda-peek-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px}.family-agenda-peek-heading h2{margin:5px 0 0;font-size:clamp(19px,2vw,25px)}.family-agenda-peek-heading>span{padding:7px 11px;border-radius:999px;background:#eadde9;color:#5b354e;font-size:12px;font-weight:750}.family-agenda-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:10px}.family-agenda-card{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid var(--gh-border,#eadde8);border-radius:17px;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.family-agenda-card:hover{transform:translateY(-2px);border-color:#c7a9c3;box-shadow:0 8px 20px #49243f12}.family-agenda-card>.family-avatar,.family-agenda-avatar>.family-avatar{width:42px;height:42px;flex:0 0 42px}.family-agenda-copy{display:grid;gap:4px;min-width:0;flex:1}.family-agenda-copy strong{font-size:14px}.family-agenda-copy small{color:var(--gh-muted,#756a77);font-size:9px;font-weight:800;letter-spacing:.07em}.family-agenda-copy>span{overflow:hidden;color:#5b354e;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.family-agenda-arrow{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#f2e8f1;color:#684462;font-weight:800}.family-agenda-card.is-free{border-style:dashed}.family-agenda-card.is-free .family-agenda-copy small{font-size:11px;letter-spacing:0}.family-agenda-peek>p{margin:12px 0 0;color:var(--gh-muted,#756a77);font-size:11px}.family-agenda-avatar{display:block;flex:0 0 42px}.family-agenda-avatar .family-avatar{display:grid}
html[data-theme=dark] .family-agenda-peek{background:linear-gradient(135deg,#211b25,#302234);border-color:#49394d;color:#f5edf4}html[data-theme=dark] .family-agenda-peek-heading>span,html[data-theme=dark] .family-agenda-arrow{background:#49394d;color:#f5edf4}html[data-theme=dark] .family-agenda-card{background:#2b2430;border-color:#55435a;color:#f5edf4}html[data-theme=dark] .family-agenda-card:hover{border-color:#9a7795;box-shadow:0 8px 20px #0003}html[data-theme=dark] .family-agenda-copy>span{color:#edc9e3}
@media(max-width:560px){.family-agenda-peek{margin:14px 0;padding:15px;border-radius:18px}.family-agenda-peek-heading{align-items:flex-start}.family-agenda-card{padding:11px}.family-agenda-copy small{font-size:8px}}

.home-next-care{display:flex;width:100%;align-items:center;gap:15px;margin:20px 0 0;padding:17px 20px;border:1px solid var(--gh-border,#eadde8);border-radius:20px;background:linear-gradient(110deg,#fff,#f7eff6);color:var(--gh-ink,#302333);text-align:left;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px #49243f0a}.home-next-care-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:17px;background:#ead8e9;color:#5b354e;font-size:23px}.home-next-care-copy{display:grid;gap:5px;min-width:0;flex:1}.home-next-care-copy .eyebrow{font-size:9px}.home-next-care-copy strong{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.home-next-care-copy small{color:var(--gh-muted,#756a77);font-size:12px}.home-next-care-arrow{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:50%;background:#5b354e;color:white;font-size:18px}.home-next-care-empty{cursor:default}.home-next-care-empty>div{min-width:0;flex:1}.home-next-care-empty h2{margin:4px 0;font-size:18px}.home-next-care-empty p{margin:0;color:var(--gh-muted,#756a77);font-size:13px;line-height:1.55}.home-next-care-empty .secondary-button{flex:0 0 auto}
.home-next-care:not(.home-next-care-empty){transition:transform .18s ease,box-shadow .18s ease}.home-next-care:not(.home-next-care-empty):hover{transform:translateY(-2px);box-shadow:0 12px 28px #49243f16}
html[data-theme=dark] .home-next-care{background:linear-gradient(110deg,#211b25,#302234);border-color:#49394d;color:#f5edf4}html[data-theme=dark] .home-next-care-icon{background:#49394d;color:#f5edf4}html[data-theme=dark] .home-next-care-arrow{background:#edc9e3;color:#302333}
@media(max-width:560px){.home-next-care{gap:11px;padding:14px;border-radius:17px}.home-next-care-icon{width:42px;height:42px;flex-basis:42px}.home-next-care-copy .eyebrow{font-size:8px}.home-next-care-copy strong{font-size:15px}.home-next-care-copy small{font-size:11px}.home-next-care-arrow{width:30px;height:30px;flex-basis:30px}.home-next-care-empty{align-items:flex-start;flex-wrap:wrap}.home-next-care-empty>div{flex:1 1 calc(100% - 60px)}.home-next-care-empty .secondary-button{width:100%;justify-content:center}}


.hair-observation-guide{margin:20px 0;padding:18px;border:1px solid var(--gh-border,#eadde8);border-radius:20px;background:linear-gradient(135deg,#fbf5fa,#fff);color:var(--gh-ink,#302333)}.hair-observation-title{display:flex;align-items:center;gap:12px}.hair-observation-title>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:14px;background:#ead8e9;color:#5b354e;font-size:21px}.hair-observation-title>div{display:grid;gap:4px}.hair-observation-title strong{font-size:15px}.hair-observation-title small,.hair-observation-steps small{color:var(--gh-muted,#756a77);font-size:11px;line-height:1.5}.hair-observation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:15px}.hair-observation-steps article{display:grid;align-content:start;gap:6px;min-height:108px;padding:12px;border:1px solid #eee3ed;border-radius:15px;background:#fff}.hair-observation-steps article>span{font-size:21px}.hair-observation-steps strong{font-size:12px}.hair-observation-guide>p{margin:13px 0 0;color:var(--gh-muted,#756a77);font-size:11px;line-height:1.55}.hair-observation-guide~.texture-options .option{min-height:118px}html[data-theme=dark] .hair-observation-guide{background:linear-gradient(135deg,#211b25,#302234);border-color:#49394d;color:#f5edf4}html[data-theme=dark] .hair-observation-title>span{background:#49394d;color:#edc9e3}html[data-theme=dark] .hair-observation-steps article{background:#2b2430;border-color:#49394d;color:#f5edf4}@media(max-width:560px){.hair-observation-guide{padding:14px;border-radius:17px}.hair-observation-steps{gap:6px}.hair-observation-steps article{min-height:115px;padding:9px}.hair-observation-steps strong{font-size:11px}.hair-observation-steps small{font-size:10px}}

.hair-pattern-comparison{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(0,1.2fr);gap:13px;margin:20px 0}.hair-pattern-photo{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:15px;border:1px solid var(--gh-border,#eadde8);border-radius:18px;background:linear-gradient(145deg,#fbf5fa,#fff)}.hair-pattern-photo>div:first-child{display:grid;gap:5px}.hair-pattern-photo .eyebrow{font-size:9px}.hair-pattern-photo>div:first-child strong{font-size:15px}.hair-pattern-photo>div:first-child small,.hair-photo-local-note{margin:0;color:var(--gh-muted,#756a77);font-size:11px;line-height:1.5}.hair-pattern-photo figure{display:grid;gap:6px;margin:0;min-height:145px}.hair-pattern-photo figure img{width:100%;height:215px;object-fit:contain;border-radius:12px;background:#f4edf3}.hair-pattern-photo figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;overflow-wrap:anywhere;color:var(--gh-muted,#756a77);font-size:10px}.hair-photo-remove{border:0;background:none;color:#74405f;font:inherit;text-decoration:underline;cursor:pointer}.hair-photo-placeholder{display:grid;place-content:center;justify-items:center;gap:7px;min-height:145px;border:1px dashed #c8b4c5;border-radius:13px;background:#fff;color:#866d83;font-size:24px}.hair-photo-placeholder span{font-size:11px}.hair-photo-pick{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;border:1px solid #77506e;border-radius:12px;background:#5b354e;color:#fff;text-align:center;font-size:12px;font-weight:700;cursor:pointer}.hair-photo-pick input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.hair-photo-pick:focus-within{outline:3px solid #bf91b3;outline-offset:2px}.hair-pattern-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.hair-pattern-example{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:100px;padding:10px;border:1px solid var(--gh-border,#eadde8);border-radius:15px;background:var(--gh-paper,#fff);color:var(--gh-ink,#302333);text-align:left;cursor:pointer}.hair-pattern-example.selected{border-color:#754969;background:#f5eaf3;box-shadow:0 0 0 2px #75496924}.hair-pattern-example>span:nth-child(2){display:grid;gap:3px;min-width:0}.hair-pattern-example>span:nth-child(2)>b{color:#704361;font-family:var(--font-display,'DM Serif Display',serif);font-size:20px}.hair-pattern-example strong{font-size:12px}.hair-pattern-example small{color:var(--gh-muted,#756a77);font-size:10px;line-height:1.35}.hair-pattern-drawing{display:grid;place-items:center;width:43px;height:72px;flex:0 0 43px;color:#704361}.hair-pattern-drawing .hair-drawing{width:40px;height:68px;overflow:visible}.hair-pattern-drawing .hair-drawing path{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.hair-pattern-example>i{position:absolute;top:7px;right:8px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#5b354e;color:#fff;font-size:11px;font-style:normal}html[data-theme=dark] .hair-pattern-photo{background:linear-gradient(145deg,#211b25,#302234);border-color:#49394d;color:#f5edf4}html[data-theme=dark] .hair-photo-placeholder,html[data-theme=dark] .hair-pattern-photo figure img{background:#2b2430;color:#d6c1d3}html[data-theme=dark] .hair-pattern-example{background:#2b2430;border-color:#49394d;color:#f5edf4}html[data-theme=dark] .hair-pattern-example.selected{background:#3a2d3d;border-color:#edc9e3}html[data-theme=dark] .hair-pattern-example>span:nth-child(2)>b,html[data-theme=dark] .hair-pattern-drawing{color:#edc9e3}html[data-theme=dark] .hair-photo-remove{color:#edc9e3}@media(max-width:760px){.hair-pattern-comparison{grid-template-columns:1fr}.hair-pattern-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.hair-pattern-photo>div:first-child{grid-column:1/-1}.hair-pattern-photo figure,.hair-photo-placeholder{grid-row:2/4}.hair-pattern-photo figure img{height:190px}.hair-pattern-photo .hair-photo-pick{align-self:end}}@media(max-width:430px){.hair-pattern-examples{grid-template-columns:1fr}.hair-pattern-example{min-height:82px}.hair-pattern-photo{grid-template-columns:1fr}.hair-pattern-photo figure,.hair-photo-placeholder{grid-row:auto}.hair-pattern-photo>div:first-child{grid-column:auto}.hair-pattern-photo figure img{height:200px}}