@layer utilities{.haru-public{--background:#050505;--foreground:#f6f3ee;--primary:#ead1be;--primary-foreground:#15110f;--card:#151313;--card-foreground:#f6f3ee;--secondary:#242022;--muted:#191717;--muted-foreground:#b7afa9;--border:#ffffff21;--ring:#ead1be;--glass:#14121294;--glass-border:#ffffff29;color:var(--foreground);background:var(--background);font-weight:400}.haru-public :is(button,input,select,textarea){font-family:var(--font-sans),sans-serif}.haru-public main h1:not(.hero-editorial-title){font-size:clamp(1.75rem,3vw,2.7rem)!important;line-height:1.08!important}.haru-public main h2:not(.hero-benefit h2){font-size:clamp(1.35rem,2.1vw,2rem)!important;line-height:1.12!important}.haru-public main h3:not(.haru-goals-wheel-copy h3){font-size:clamp(1.05rem,1.5vw,1.35rem)!important;line-height:1.2!important}.haru-hero{background:radial-gradient(at 82% 40%,#ead1be1c,#0000 35%),radial-gradient(at 25% 10%,#c2aeff1c,#0000 40%),#050505}.haru-routines{background:#050505}.haru-public .haru-glass,.haru-public .haru-glow-card,.haru-public main [data-slot=card]{-webkit-backdrop-filter:blur(22px)saturate(135%);background:var(--glass)!important;color:var(--foreground)!important;border:1px solid var(--glass-border)!important;box-shadow:inset 0 1px #ffffff36,inset 0 -1px #ffdcbe0d,0 22px 70px -45px #000000f2!important}.haru-public .haru-hero-glass,.haru-public .haru-score-gauge{color:var(--foreground);-webkit-backdrop-filter:blur(24px)saturate(145%);background:#120f0f94;border-color:#fff0e233;box-shadow:inset 0 1px #ffffff38,0 24px 50px #0000006b}.haru-public .haru-hero :is(.bg-white,.bg-\[\#fafaf8\]){border-color:var(--border)!important;background:#fff1!important}.haru-public .haru-hero [class*=text-\[]{color:var(--foreground)!important}.haru-goals-heading{width:100%}.haru-goals-pin-track{height:210svh}.haru-goals-pin-stage{grid-template-rows:auto minmax(0,1fr);align-items:center;min-height:100svh;padding-block:clamp(1.5rem,4vh,3rem);display:grid;position:sticky;top:0}.haru-public .haru-goals-wheel-panel{width:100%;min-height:22rem;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1.1fr) minmax(14rem,.58fr);align-items:center;gap:clamp(1.4rem,4vw,3.8rem);padding:0;display:grid}.haru-wheel-carousel{background:0 0;border-radius:0;grid-template-columns:11rem minmax(11rem,1fr);gap:1.35rem;height:15.5rem;display:grid;overflow:visible}.haru-wheel-photo{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#ffffff12;border:1px solid #fff4ed42;border-radius:1.25rem;align-self:center;width:11rem;height:12.75rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 20px 44px -28px #000}.haru-wheel-photo:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #ffffff21;position:absolute;inset:0}.haru-wheel-photo img{object-fit:cover;width:200%;max-width:none;height:200%;position:absolute}.haru-wheel-photo img[data-card="0"]{top:0;left:0}.haru-wheel-photo img[data-card="1"]{top:0;left:-100%}.haru-wheel-photo img[data-card="2"]{top:-100%;left:0}.haru-wheel-photo img[data-card="3"]{top:-100%;left:-100%}.haru-wheel-list{background:0 0;outline:none;min-width:0;position:relative;overflow:hidden}.haru-wheel-marker{background:#ead1be;border-radius:50%;width:.6rem;height:.6rem;margin-top:-.3rem;position:absolute;top:50%;left:1.7rem;box-shadow:0 0 0 5px #ead1be1a,0 0 18px #f6d7c0}.haru-wheel-item{color:#f7f0ea;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:calc(100% - 3.8rem);padding:0;font-size:clamp(.9rem,1.5vw,1.18rem);font-weight:400;transition:opacity .28s,transform .38s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:3.15rem;overflow:hidden}.haru-goals-wheel-copy h3{font-family:var(--font-serif),serif;margin-top:.65rem;font-size:clamp(1.65rem,2.7vw,2.45rem);font-weight:500;line-height:1.02}.haru-goals-wheel-copy>p:not(:first-child){color:var(--muted-foreground);margin-top:1rem;font-size:.83rem;line-height:1.6}.haru-goals-wheel-copy .haru-cta{margin-top:1.25rem}@media (max-width:720px){.haru-goals-pin-track{height:190svh}.haru-goals-pin-stage{min-height:100svh;padding-block:1.25rem}.haru-goals-heading{gap:.75rem}.haru-public .haru-goals-wheel-panel{grid-template-columns:1fr;gap:1.1rem;min-height:0}.haru-wheel-carousel{grid-template-columns:8.4rem minmax(0,1fr);gap:.8rem;height:11rem}.haru-wheel-photo{border-radius:1rem;width:8.4rem;height:10.6rem}.haru-wheel-item{font-size:.92rem;left:2.55rem}.haru-wheel-marker{left:1.15rem}.haru-goals-wheel-copy{padding:0}}.haru-public .haru-routine-card{background:#ffffff0e;box-shadow:0 6px 22px -16px #000}.haru-public .haru-routine-card:hover{box-shadow:0 20px 42px -24px #000}.haru-start-card{border-radius:1rem;min-width:0;padding:1rem}.haru-start-card h3{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.83rem!important}.haru-start-card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.7rem;display:-webkit-box;overflow:hidden}@media (max-width:540px){.haru-start-card{padding:.7rem}.haru-start-card .haru-icon-disc{width:2rem;height:2rem}.haru-start-card h3{font-size:.7rem!important}.haru-start-card p{display:none}}.haru-public .haru-home-product-card{border-radius:1.05rem;color:#f8f3ee!important;background:#090909!important;border:1px solid #fff3!important;box-shadow:0 12px 28px -22px #000!important}.haru-public .haru-home-product-card>div:first-child{box-shadow:none;background:#f7f3ef;border:0;border-radius:0;padding:.8rem}.haru-public .haru-home-product-card>span{background:#090909;border-top:1px solid #ffffff24}.haru-video-gallery-visual{border-radius:1.25rem;position:relative;overflow:hidden;box-shadow:0 24px 64px -40px #000}.haru-video-gallery-visual img{display:block}.haru-routine-lab-preview{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(110deg,#ffffff12,#dec4b20f);border:1px solid #fff3eb2b;border-radius:1.2rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;padding:1.25rem;display:grid;box-shadow:inset 0 1px #ffffff29}@media (max-width:640px){.haru-routine-lab-preview{grid-template-columns:auto 1fr}.haru-routine-lab-preview .haru-cta{grid-column:1/-1;width:max-content}}.haru-public :is(.no-scrollbar,[class*=overflow-x-auto]){scrollbar-width:none;-ms-overflow-style:none}.haru-public :is(.no-scrollbar,[class*=overflow-x-auto])::-webkit-scrollbar{display:none}.haru-scroll-cue{position:relative}.haru-scroll-cue:before,.haru-scroll-cue:after{content:"";z-index:4;pointer-events:none;background:#f0d8c7;border-radius:999px;width:.42rem;height:.42rem;margin-top:1rem;position:sticky;top:50%;box-shadow:0 0 12px #efd3c0}.haru-scroll-cue:before{left:.2rem}.haru-scroll-cue:after{right:.2rem}.haru-public .haru-icon-disc{background:var(--secondary)}.haru-public main [class*=text-muted-foreground],.haru-public main [data-slot=card] [class*=text-muted-foreground]{color:var(--muted-foreground)!important}.haru-public main [class*=text-white],.haru-public main [class*=text-foreground],.haru-public main [class*=text-card-foreground],.haru-public .haru-icon-halo{color:var(--foreground)!important}.haru-public main [class*=border-border],.haru-public main [class*=border-white]{border-color:var(--border)!important}.haru-public .haru-cta{background:var(--primary);min-height:36px;color:var(--primary-foreground);border:1px solid var(--primary);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;transition:transform .18s,box-shadow .18s;display:inline-flex}.haru-public .haru-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #142f251a}.haru-public .haru-cta-secondary{background:var(--glass);color:var(--foreground);border-color:var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.haru-public [data-slot=button]{height:36px!important;min-height:36px!important;padding-inline:14px!important;font-size:12px!important}.haru-public input,.haru-public textarea,.haru-public select{color:var(--foreground)!important;background-color:var(--glass)!important;border-color:var(--border)!important}.haru-public input::placeholder{color:var(--muted-foreground)!important}.haru-public select option{color:#202b29;background:#fff}.haru-public header button,.haru-public header a{color:var(--foreground)}.haru-public header a.bg-primary{color:var(--primary-foreground)}.haru-public header .ring-1{--tw-ring-color:var(--border)}.haru-public img[alt=Haru\ Skin]{filter:none;opacity:1}.haru-site-header{-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);background:#070606b3;border-bottom:0}.haru-public .haru-site-header{box-shadow:none;background:linear-gradient(#05050594,#05050514);border-color:#ffffff14}.haru-public .haru-site-header img[alt=Haru\ Skin]{object-fit:contain;filter:none;width:auto;height:2.5rem}.hero-editorial-bg{z-index:-2;opacity:.88}.hero-editorial-shade{z-index:-1;background:linear-gradient(90deg,#050505 0%,#050505eb 25%,#05050575 52%,#05050514 100%);position:absolute;inset:0}.hero-kicker{color:#faefe7b8;letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.62rem;font-weight:500;display:inline-flex}.hero-editorial-title{font-family:var(--font-serif),serif;color:#f8f1eb;letter-spacing:-.04em;font-size:clamp(2.05rem,3.2vw,3.25rem);font-weight:400;line-height:.98}.haru-public .haru-cta-compact{border-radius:999px;min-height:36px;padding:8px 14px;font-size:12px;line-height:1}.hero-reference-scan{-webkit-backdrop-filter:blur(16px)saturate(125%);backdrop-filter:blur(16px)saturate(125%);background:#28191554;border:1px solid #ffeee336;border-radius:1.25rem;width:14rem;padding:1.25rem;position:absolute;top:50%;right:6%;transform:translateY(-26%);box-shadow:inset 0 1px #ffffff2b,0 20px 55px #00000040}.hero-reference-scan>p{color:#f3e8df;letter-spacing:.18em;font-size:10px}.hero-reference-scan div>p{justify-content:space-between;gap:1rem;display:flex}.hero-reference-scan i{opacity:.65;background:linear-gradient(90deg,#f5dfce 0 76%,#ffffff2e 76%);height:1px;display:block}.hero-benefits{color:#241b19;background:linear-gradient(105deg,#f8efe8f5,#e3cfc2e3 55%,#dbc4bcd1);box-shadow:inset 0 1px #ffffffb8}.hero-benefit{border-left:1px solid #57413726}.hero-benefit:first-child{border-left:0}.hero-benefit span{color:#846b5e;letter-spacing:.14em;font-size:.6rem;display:block}.hero-benefit h2{font-family:var(--font-serif),serif;margin-top:.45rem;font-size:1rem;font-weight:500;line-height:1.1}.hero-benefit p{color:#6f615b;max-width:11rem;margin-top:.4rem;font-size:.66rem;line-height:1.42}@media (max-width:1023px){.hero-editorial-bg{opacity:.52;object-position:72% center}.hero-editorial-shade{background:linear-gradient(#050505cc,#0505056b 65%,#050505)}.hero-benefit:nth-child(3){border-left:0}.hero-benefit:nth-child(n+3){margin-top:1rem}}@media (max-width:560px){.hero-editorial-title{font-size:clamp(1.9rem,9vw,2.5rem)}.hero-benefits{grid-template-columns:1fr 1fr}.hero-benefit{padding-left:.8rem;padding-right:.8rem}.hero-benefit h2{font-size:.95rem}}.haru-public footer{border-top:0;padding-bottom:48px}.haru-public .haru-rail{scrollbar-width:thin;scrollbar-color:#789b8f55 transparent}.haru-public :is(a,button,input,select,[tabindex]):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.haru-skip{background:#fff;border-radius:8px;padding:12px;position:absolute;top:-100px;left:20px;color:#13251d!important}.haru-skip:focus{z-index:60;top:8px}.haru-bottom-nav{color:var(--foreground);border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f0d0dd9;box-shadow:0 8px 32px #0008}.haru-bottom-public{color:var(--foreground);border-color:var(--border);background:#0f0d0de0}.haru-tab-active{background:#ead1be20}.haru-tab-personal{background:linear-gradient(145deg,#e0ccbf6b,#8068605c);border:1px solid #ffecdf2e}.haru-learning :is(h1,h2,h3){font-family:var(--font-sans),sans-serif;letter-spacing:-.02em;overflow-wrap:break-word;word-break:normal;text-wrap:pretty;font-weight:600;line-height:1.35}.haru-learning h1{font-size:clamp(1.8rem,4vw,3rem)}.haru-learning h2{font-size:clamp(1.4rem,3vw,2rem)}.haru-learning h3{font-size:1.125rem}.haru-learning :is(button,a){white-space:normal;height:auto;min-height:44px;line-height:1.5}.haru-learning select{text-overflow:ellipsis}.haru-bottom-public .haru-tab-active{background:#ead1be20}.haru-bottom-nav a:focus-visible{outline-offset:-2px;outline:2px solid}@media (prefers-reduced-motion:reduce){.haru-public *,.haru-public :before,.haru-public :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.haru-public{--glass:var(--card)}.haru-public .haru-glass{-webkit-backdrop-filter:none;backdrop-filter:none}}}