:root{
  --bg:#f7f8f4;--surface:#fff;--ink:#172019;--muted:#66716a;--line:#dfe5df;
  --accent:#79c267;--accent2:#dff3d8;--shadow:0 20px 60px rgba(22,38,25,.09);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.6}
body.dark{--bg:#101510;--surface:#182019;--ink:#f0f6ef;--muted:#aab5aa;--line:#2b372d;--accent:#8bd279;--accent2:#263d28;--shadow:0 20px 60px rgba(0,0,0,.28)}
a{color:inherit;text-decoration:none}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:10px;font:700 20px "Space Grotesk"}.brand span span{color:var(--accent)}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--bg);border-radius:10px}
nav{display:flex;gap:28px;color:var(--muted);font-size:14px}nav a:hover{color:var(--ink)}button{font:inherit;border:0;cursor:pointer;color:inherit}.theme-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface)}
.hero{min-height:640px;padding:90px 8%;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{letter-spacing:.14em;font-size:11px;font-weight:700;color:#579e48}.hero h1{font:700 clamp(52px,8vw,92px)/.94 "Space Grotesk";margin:16px 0 26px;letter-spacing:-.06em}.hero h1 span{color:var(--accent)}.hero p{font-size:19px;max-width:600px;color:var(--muted)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{padding:13px 18px;border-radius:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--bg)}.ghost{background:var(--surface);border:1px solid var(--line)}.small{padding:9px 13px;font-size:13px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.hero-orb{min-height:430px;display:grid;place-items:center;position:relative}.orb-ring{position:absolute;width:350px;height:350px;border:1px solid var(--accent);border-radius:50%;opacity:.35}.orb-ring:after{content:"";position:absolute;inset:35px;border:1px dashed var(--accent);border-radius:50%}.orb-card{position:relative;width:min(320px,80%);padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow);transform:rotate(2deg)}.orb-icon{font-size:45px;display:block;margin-bottom:20px}.orb-card strong{font:600 26px/1.15 "Space Grotesk";display:block}.orb-card small{color:var(--muted);display:block;margin-top:12px}
.section{padding:85px 8%;max-width:1400px;margin:auto}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.section h2{font:600 clamp(32px,5vw,54px)/1.05 "Space Grotesk";margin:10px 0}.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);padding:10px 14px;border-radius:12px;width:290px}.search input{border:0;outline:0;background:none;color:var(--ink);width:100%}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:24px;transition:.25s}.topic:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.topic-icon{font-size:35px}.topic h3{font:600 25px "Space Grotesk";margin:12px 0 5px}.topic p{color:var(--muted);margin:0 0 18px}.topic button{background:none;color:#579e48;font-weight:700;padding:0}.empty{display:none;color:var(--muted)}
.daily{padding-top:20px}.daily-card{background:var(--ink);color:var(--bg);border-radius:28px;padding:42px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.daily-card .eyebrow{color:var(--accent)}.daily-card p{color:color-mix(in srgb,var(--bg) 68%,transparent)}.moods{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.moods button{background:color-mix(in srgb,var(--bg) 10%,transparent);border:1px solid color-mix(in srgb,var(--bg) 20%,transparent);border-radius:17px;padding:17px 5px;font-size:28px}.moods span{display:block;font-size:11px;margin-top:4px}.moods button:hover{background:var(--accent);color:var(--ink)}.checkin-result{grid-column:1/-1;font-weight:700;min-height:25px}
.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{background:var(--surface);border:1px solid var(--line);padding:25px;border-radius:22px}.tool-card>span{font-size:30px}.tool-card h3{font:600 23px "Space Grotesk";margin:12px 0 3px}.tool-card p{color:var(--muted);font-size:14px}.timer{font:700 30px "Space Grotesk";margin-top:12px}.progress{height:8px;background:var(--accent2);border-radius:9px;margin:16px 0 8px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--accent);transition:.3s}.breath-circle{width:90px;height:90px;border-radius:50%;background:var(--accent2);display:grid;place-items:center;margin:15px 0;font-size:12px;transition:1s}.breathing{transform:scale(1.3)}
.age-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.age-cards{display:grid;gap:12px}.age-cards div{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:19px}.age-cards p{margin:6px 0 0;color:var(--muted);font-size:14px}.safety{margin:0 8% 70px;padding:22px 26px;border:1px solid var(--line);border-radius:20px;background:var(--accent2)}.safety>div{display:flex;gap:18px;align-items:flex-start}.safety span{font-size:28px}.safety h3{margin:0}.safety p{margin:4px 0 0;color:var(--muted);font-size:13px}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.source-grid a{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:15px;display:flex;justify-content:space-between;font-weight:700}.source-grid a:hover{border-color:var(--accent)}
footer{padding:28px 8%;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
dialog{border:1px solid var(--line);border-radius:24px;padding:35px;max-width:620px;width:calc(100% - 30px);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.5)}.close{position:absolute;right:18px;top:14px;background:none;font-size:28px}.modal-list{padding-left:20px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--bg);padding:12px 17px;border-radius:12px;z-index:50;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.hero-orb{min-height:300px}.topic-grid,.tools-grid{grid-template-columns:1fr 1fr}.daily-card,.age-section{grid-template-columns:1fr}.source-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.search{width:100%}}
@media(max-width:560px){.topic-grid,.tools-grid{grid-template-columns:1fr}.hero{padding-left:6%;padding-right:6%}.section{padding-left:6%;padding-right:6%}.hero h1{font-size:55px}.safety{margin-left:6%;margin-right:6%}.daily-card{padding:28px}.moods{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column;gap:8px}}