:root{--ui:"DM Sans",sans-serif;--serif:"Instrument Serif",Georgia,serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--ui)}button{font:inherit}.backdrop{position:fixed;inset:0;z-index:-2;background-size:cover;background-position:center}.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#f5f8f633,#f0f6f307 65%,#1423281a)}body{--ink:#24363d;--muted:#60777d;--accent:#91b4a8;--surface:#f7f9f6c7;--line:#24363d40;color:var(--ink);min-height:100svh;display:flex;flex-direction:column}.theme-dawn{--ink:#153228;--muted:#728675;--accent:#829b85;--surface:#fff9efcf;--line:#1532283d}.theme-dawn .backdrop{background-image:url('dawn-bg.webp'),linear-gradient(135deg,#fbf3e8,#f2cbb2)}.theme-water .backdrop{background-image:url('water-bg.webp'),linear-gradient(#eef3f1,#a8c5c4)}body.theme-moonlight{--ink:#f3efe7;--muted:#b8c8dc;--accent:#dce6ee;--surface:#0b182ac9;--line:#dde8f273}.theme-moonlight .backdrop{background-image:url('moonlight-bg.webp'),linear-gradient(#071321,#284158)}.header{display:flex;align-items:center;justify-content:space-between;padding:32px clamp(24px,5vw,72px);z-index:5}.brand{border:0;background:none;color:inherit;font:clamp(25px,2.1vw,34px) var(--serif);cursor:pointer}.header nav{display:flex;gap:36px}.header nav button{border:0;background:none;color:inherit;opacity:.7;padding:8px 0;cursor:pointer}.header nav .active{opacity:1;border-bottom:1px solid}.header nav span{font-size:11px;border:1px solid var(--line);border-radius:50%;padding:2px 6px}.menu{display:none}main{flex:1}.view{display:none}.view.active{display:flex}.hero{min-height:calc(100svh - 170px);flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:45px 24px 90px}#quote-wrap{max-width:1000px;transition:.22s}#quote-wrap.changing{opacity:0;transform:translateY(6px)}blockquote{margin:0;text-wrap:balance;font:clamp(52px,5.8vw,88px)/1.04 var(--serif);letter-spacing:-.025em}.note{color:var(--muted);font-size:17px}.note:before{content:"";display:block;width:64px;height:1px;margin:28px auto 20px;background:var(--accent)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:34px}.primary,.secondary,.copy{min-width:190px;min-height:60px;border-radius:999px;padding:16px 28px;cursor:pointer}.primary{border:0;background:var(--accent);color:#18312e}.secondary{border:1px solid var(--line);background:var(--surface);color:inherit;backdrop-filter:blur(16px)}.text-link{margin-top:24px;border:0;background:none;color:inherit;opacity:.68;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.panel{width:min(900px,calc(100% - 48px));margin:auto;padding:64px clamp(24px,6vw,72px);border:1px solid var(--line);border-radius:42px;background:var(--surface);backdrop-filter:blur(24px);text-align:center;flex-direction:column}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--muted)}.panel h1,.share-sheet h2{font:clamp(42px,5vw,68px)/1 var(--serif);margin:16px 0}.intro{color:var(--muted)}.feeling-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:36px auto;max-width:640px}.feeling-grid button{border:1px solid var(--line);border-radius:20px;background:#ffffff1f;color:inherit;padding:20px;cursor:pointer}.saved-card{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;text-align:left}.saved-card p{margin:0;font:26px/1.25 var(--serif)}.saved-card button{border:0;background:none;color:inherit;opacity:.6}.themes{position:fixed;left:clamp(24px,5vw,72px);bottom:30px;display:flex;align-items:center;gap:10px}.themes span{font-size:12px;opacity:.55}.themes button{width:18px;height:18px;border-radius:50%;border:1px solid #fff;cursor:pointer}.themes button:nth-of-type(1){background:#efc8aa}.themes button:nth-of-type(2){background:#9dbdb7}.themes button:nth-of-type(3){background:#193048}.themes .selected{transform:scale(1.25);box-shadow:0 0 0 3px var(--surface)}footer{display:flex;justify-content:flex-end;gap:16px;padding:18px clamp(24px,5vw,72px) 28px;font-size:11px;opacity:.6}footer a{color:inherit}.share-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#08141c75;backdrop-filter:blur(10px)}.share-layer[hidden]{display:none}.share-sheet{position:relative;width:min(560px,100%);padding:48px;border:1px solid var(--line);border-radius:36px;background:var(--surface);text-align:center;backdrop-filter:blur(30px)}.close{position:absolute;right:18px;top:12px;border:0;background:none;color:inherit;font-size:30px}.share-quote{color:var(--muted);font:23px/1.25 var(--serif)}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.share-grid button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;border:0;border-radius:18px;background:#ffffff24;color:inherit}.share-grid span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.copy{width:100%;margin-top:14px;border:0;background:var(--accent);color:#17302d}.share-note{font-size:12px;color:var(--muted)}button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:720px){.header{padding:24px}.menu{display:block;border:0;background:var(--surface);color:inherit;border-radius:50%;width:44px;height:44px}.header nav{display:none;position:absolute;top:78px;left:20px;right:20px;flex-direction:column;gap:0;padding:18px;background:var(--surface);border-radius:24px;backdrop-filter:blur(24px)}.header nav.open{display:flex}.header nav button{padding:14px}.hero{min-height:calc(100svh - 100px);padding:30px 20px 110px}blockquote{font-size:clamp(42px,12vw,58px)}.actions{flex-direction:column;width:min(100%,360px)}.primary,.secondary{width:100%}.panel{width:calc(100% - 32px);padding:42px 20px;margin-bottom:100px}.feeling-grid{grid-template-columns:1fr}.themes{left:24px;bottom:20px;padding:10px 14px;background:var(--surface);border-radius:999px}footer{display:none}.share-sheet{padding:40px 20px 26px}.share-grid{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.secondary-copy{background:transparent;color:inherit;border:1px solid var(--line)}.legal{width:min(760px,calc(100% - 32px));margin:48px auto;padding:clamp(28px,6vw,64px);border:1px solid var(--line);border-radius:36px;background:var(--surface);backdrop-filter:blur(24px);line-height:1.75}.legal h1{font:clamp(48px,7vw,76px)/1 var(--serif);margin:28px 0}.legal h2{font:32px/1.15 var(--serif);margin:36px 0 8px}.legal a{color:inherit;text-underline-offset:4px}.legal-home{display:inline-flex;text-decoration:none;margin-top:20px;align-items:center;justify-content:center}

/* 2026-10 growth update */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.panel h2.panel-title{font:clamp(42px,5vw,68px)/1 var(--serif);margin:16px 0}
.explore-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin-top:22px;font-size:13px}
.explore-strip a{color:var(--muted);text-underline-offset:4px}
.site-footer{flex-wrap:wrap;align-items:center}
.site-footer nav{display:flex;flex-wrap:wrap;gap:14px}
.share-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:720px){footer.site-footer{display:flex;justify-content:center;text-align:center;gap:10px 16px;padding:18px 20px 96px}.site-footer nav{justify-content:center}.share-grid{grid-template-columns:repeat(3,1fr)}}
footer.site-footer{opacity:1;color:var(--ink);background:var(--surface);backdrop-filter:blur(16px);border-top:1px solid var(--line)}