:root{--bg-canvas:#fbf1f0;--bg-surface:#fffaf8;--bg-surface-hover:#f6e5e9;--text-primary:#1c1917;--text-muted:#62545b;--accent-primary:#6b2155;--accent-secondary:#b57387;--border-subtle:#dbc2cd;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(60,24,44,.13);--glow-accent:0 0 24px -4px #6b215525;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:24px;background:var(--bg-canvas);color:var(--text-primary);font:16px/1.7 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto;border:1px solid var(--border-subtle);min-height:calc(100vh - 48px)}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.12;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(2.6rem,5vw,4.8rem);margin:.3em 0}h2{font-size:clamp(1.9rem,3vw,2.8rem);margin:0 0 .6em}h3{font-size:1.6rem;margin:0 0 .55em}p{margin:0 0 1.15em}a{color:var(--accent-primary);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:visited{color:var(--accent-primary)}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button,input,textarea,select{ -webkit-tap-highlight-color:#6b215522} :focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}::selection{background:#eac8dc;color:#1c1917}.skip-link{position:absolute;left:24px;top:-100px;z-index:20;background:var(--bg-surface);padding:12px}.skip-link:focus{top:24px}.site-header{position:relative;display:flex;align-items:center;gap:24px;margin:20px;padding:17px 24px;border-radius:60px;background:var(--bg-surface);box-shadow:0 4px 22px #6b215510;z-index:5}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;text-decoration:none;font-size:.91rem;font-weight:750;letter-spacing:-.03em;margin-right:auto}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--accent-primary);border-radius:50%;font:italic 22px Georgia,serif}.site-nav{display:flex;align-items:center;gap:15px}.site-nav a{font-size:.73rem;font-weight:650;text-decoration:none;white-space:nowrap}.site-nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}.menu-button{display:none;color:var(--accent-primary);background:none;border:0;font-size:2rem;line-height:1;padding:4px 12px}.wrap{width:min(1200px,calc(100% - 72px));margin-inline:auto}main{padding:42px 0 70px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:24px 0 64px;position:relative}.hero:before{content:"";position:absolute;inset:-20px 25% 0 -20px;background:radial-gradient(ellipse at 35% 50%,#d9a6be3b,transparent 65%);background-size:200% 200%;animation:gradientShift 12s ease infinite;pointer-events:none;z-index:-1}.eyebrow{color:var(--accent-primary);font-size:.73rem;letter-spacing:.14em;text-transform:uppercase;font-weight:750;margin-bottom:14px}.lead{font-size:1.13rem;color:var(--text-muted);max-width:58ch}.button,button.action{display:inline-block;background:var(--accent-primary);color:#fffaf8;border:1px solid var(--accent-primary);padding:12px 21px;font-weight:650;font-size:.9rem;text-decoration:none;box-shadow:4px 4px 0 #bb8ba6;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}.button:visited{color:#fffaf8}.button:hover,button.action:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #bb8ba6}.button.secondary,button.secondary{color:var(--accent-primary);background:var(--bg-surface)}.actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px}.image-frame{margin:0;position:relative}.image-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.hero .image-frame img{aspect-ratio:4/5}.image-frame figcaption{font-size:.74rem;color:var(--text-muted);margin-top:10px}.image-note{position:absolute;bottom:18px;left:18px;background:#fffaf8eb;padding:10px 16px;max-width:calc(100% - 36px);font-size:.8rem;backdrop-filter:var(--glass-backdrop)}.badges{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.badge{display:inline-block;border-radius:30px;padding:4px 12px;background:#eed9e3;color:#592044;font-size:.75rem;font-weight:650}.section{padding:40px 0;scroll-margin-top:24px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px}.section-heading p{max-width:46ch;color:var(--text-muted)}.bento{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr)));gap:24px}.bento-home{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"intro intro quick" "sweat sun sun" "clean clean wind";gap:24px}.tile{background:var(--bg-surface);padding:32px;box-shadow:0 8px 26px #50213709;transition:transform .45s var(--ease-kinetic),box-shadow .45s var(--ease-kinetic),background .45s}.tile:hover{transform:translateY(-5px) scale(1.008);box-shadow:var(--shadow-elevation),var(--glow-accent)}.tile p:last-child{margin-bottom:0}.tile-intro{grid-area:intro}.tile-quick{grid-area:quick;background:#eddbe3}.tile-sweat{grid-area:sweat}.tile-sun{grid-area:sun}.tile-clean{grid-area:clean}.tile-wind{grid-area:wind}.tile-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent-primary);color:var(--bg-surface);font-size:.8rem;margin-bottom:20px}.split-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.split-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.text-link{font-size:.88rem;font-weight:700}.note{padding:28px 32px;background:#eddae3;border-left:3px solid var(--accent-primary);margin:26px 0}.note p:last-child{margin-bottom:0}.full-note{background:var(--accent-primary);color:var(--bg-surface);padding:40px}.full-note a{color:inherit}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.article-head{max-width:900px;margin:10px auto 40px}.article-head h1{font-size:clamp(2.5rem,4.5vw,4rem)}.article-head .lead{max-width:65ch}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:42px;align-items:start}.prose{max-width:70ch;margin:0 auto;min-width:0}.prose h2{font-size:2rem;margin-top:1.6em}.prose h3{font-size:1.4rem;margin-top:1.4em}.prose li{margin-bottom:10px}.prose img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.routine-aside{padding:26px;background:var(--bg-surface);position:sticky;top:24px;box-shadow:var(--shadow-elevation)}.routine-aside h2{font-size:1.5rem}.routine-steps{list-style:none;padding:0;margin:20px 0;counter-reset:step}.routine-steps li{position:relative;padding:0 0 24px 30px;border-left:1px solid var(--accent-secondary);margin-left:10px}.routine-steps li:before{counter-increment:step;content:counter(step);position:absolute;left:-12px;top:0;border-radius:50%;background:var(--accent-primary);color:white;width:24px;height:24px;text-align:center;font-size:.75rem;line-height:24px}.routine-steps li:last-child{border:0;padding-bottom:0}.small{font-size:.83rem;color:var(--text-muted)}.sources{padding-top:20px;border-top:1px solid var(--border-subtle);margin-top:36px;font-size:.86rem}.sources h2{font-size:1.5rem}.faq-list{max-width:800px;margin:auto}details{background:var(--bg-surface);padding:22px 26px;margin-bottom:14px;box-shadow:0 4px 18px #50213708}summary{cursor:pointer;color:var(--accent-primary);font-weight:650}details p{margin:16px 0 0}form label{display:block;font-weight:650;margin-bottom:7px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--border-subtle);border-radius:0;background:var(--bg-surface);color:var(--text-primary)}textarea{min-height:160px;resize:vertical}.field{margin-bottom:20px}.tool-panel{background:var(--bg-surface);padding:32px}.tool-output{white-space:pre-wrap;background:#f4e6ec;padding:20px;min-height:110px;font:inherit;font-size:.9rem}.status{min-height:1.8em;font-size:.85rem;color:var(--accent-primary);margin-top:16px}.site-footer{border-top:1px solid var(--border-subtle);padding:32px 0;margin-top:20px}.footer-inner{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}.footer-brand{font-size:.95rem;font-weight:700}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.83rem}.site-footer p{margin:7px 0;font-size:.78rem;color:var(--text-muted)}.js-reveal .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}.js-reveal .reveal-visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.bento{grid-template-columns:repeat(auto-fit,minmax(280px,1fr)))}}
@media(min-width:769px) and (max-width:1024px){body{margin:16px}.site-header{gap:14px;padding:18px}.site-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end}.site-nav a{font-size:.7rem}.hero{gap:28px}.wrap{width:calc(100% - 48px)}.bento-home{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"intro quick" "sweat sun" "clean clean" "wind wind"}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.split-card{grid-template-columns:1fr}}
@media(max-width:768px){body{margin:12px}.site-header{margin:12px;padding:12px 16px;gap:10px}.brand{font-size:.86rem}.menu-button{display:block}.site-nav{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-surface);padding:20px;box-shadow:var(--shadow-elevation);border:1px solid var(--border-subtle)}.site-nav.is-open{display:grid;gap:0;animation:menuOpen .3s var(--ease-kinetic)}.site-nav a{font-size:.95rem;padding:10px}.wrap{width:calc(100% - 40px)}main{padding-top:20px}.hero{grid-template-columns:1fr;gap:26px;padding-bottom:30px}.hero .image-frame img{aspect-ratio:16/9}.bento-home{grid-template-columns:1fr;grid-template-areas:"intro" "quick" "sweat" "sun" "clean" "wind"}.section-heading,.footer-inner{display:block}.section-heading p{max-width:none}.two-column,.article-layout{grid-template-columns:1fr}.routine-aside{position:static}.section{padding:28px 0}.article-head{margin-top:0}.footer-links{margin-top:20px}.split-card{grid-template-columns:1fr}.tile{padding:26px}.full-note{padding:28px}.bento{grid-template-columns:1fr}}
@media(min-width:481px) and (max-width:768px){.hero .image-frame img{aspect-ratio:16/9}.two-column.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){body{margin:8px}.wrap{width:calc(100% - 32px)}.site-header{margin:10px;padding:10px 12px}.brand-mark{width:26px;height:26px}.brand{font-size:.79rem}h1{font-size:2.6rem}.actions>*{width:100%;text-align:center}.tile,.tool-panel{padding:23px}.note{padding:22px}.footer-links{gap:12px 20px}.image-note{font-size:.72rem;left:12px;bottom:12px}}
@keyframes menuOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-reveal .reveal{opacity:1;transform:none}.tile:hover,.button:hover,button.action:hover{transform:none}}