@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--bg:#101a21;--fg:#f6f1e8;--muted:#aec0c2;--card:#f0eadd;--ink:#25322f;--soft-ink:#75817c;--accent:#d3f089;--line:rgba(35,48,43,.15);--outline:#a7cf89;--shadow:0 25px 80px rgba(1,9,14,.28)}
*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden;transition:background .25s,color .25s}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--outline);outline-offset:4px}.background-orbit{position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(3px)}.orbit-one{width:650px;height:650px;right:-340px;top:-280px;background:radial-gradient(circle at 45% 45%,#536549 0%,#1a373a 34%,transparent 71%);opacity:.5}.orbit-two{width:610px;height:610px;left:-430px;bottom:-280px;background:radial-gradient(circle at 50% 50%,#2a443e,transparent 70%);opacity:.55}.page{width:min(1060px,calc(100% - 44px));margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:34px 0;gap:20px}.brand{color:var(--fg);font-size:.79rem;font-weight:700;letter-spacing:.16em;text-decoration:none;display:inline-flex;align-items:center;gap:12px}.brand-mark{background:var(--accent);color:#162522;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:25px;font-weight:400}.theme-toggle{background:transparent;border:1px solid rgba(231,239,233,.25);border-radius:100px;padding:9px 15px;color:var(--fg);font-size:.78rem;display:inline-flex;gap:9px;align-items:center}.intro{padding:52px 0 43px;max-width:780px}.eyebrow{font-size:.74rem;font-weight:700;letter-spacing:.23em;color:var(--accent);margin:0 0 19px}.intro h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(3.4rem,7.4vw,6.1rem);line-height:1.04;letter-spacing:-.045em;font-weight:500;margin:0}.intro h1 em{color:var(--accent);font-weight:500}.intro-copy{max-width:480px;color:var(--muted);font-size:1rem;line-height:1.8;margin:24px 0 0}.quote-card{background:var(--card);color:var(--ink);padding:40px clamp(24px,6.3vw,76px) 45px;border-radius:15px;box-shadow:var(--shadow);position:relative;overflow:hidden}.quote-card:after{content:"";position:absolute;width:200px;height:200px;right:-125px;top:90px;border:1px solid rgba(36,53,43,.10);border-radius:50%;pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.today-label,.edition{font-size:.72rem;letter-spacing:.15em;font-weight:700}.today-label{background:#dce6cc;border-radius:30px;padding:10px 14px}.edition{color:var(--soft-ink);text-align:right}.quote-icon{font-family:Georgia,serif;font-size:6.2rem;line-height:.8;color:#7d9474;margin:46px 0 5px}.quote-text{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(1.95rem,4.5vw,3.75rem);line-height:1.23;letter-spacing:-.02em;max-width:810px;margin:0 0 28px}.author{font-size:.68rem;color:#6c7b73;letter-spacing:.18em;font-weight:700}.fine-rule{height:1px;background:var(--line);margin:40px 0 31px}.reflection{display:flex;gap:18px;align-items:flex-start}.reflection-icon{background:#dce6cc;color:#254336;border-radius:13px;font-size:1.5rem;display:grid;place-items:center;flex:0 0 47px;height:47px}.reflection-heading{font-size:.7rem;letter-spacing:.15em;font-weight:700;color:#597069;margin:2px 0 7px}.reflection-text{margin:0;line-height:1.7;font-size:.95rem}.action-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:35px}.action{border-radius:9px;border:1px solid #b4c0b5;padding:12px 18px;font-size:.85rem;font-weight:700;display:flex;gap:10px;align-items:center;justify-content:center}.primary{background:#253b33;color:#fff;border-color:#253b33}.secondary{background:transparent;color:#2f473d}.action:hover,.browse-button:hover{transform:translateY(-1px)}.below{display:flex;justify-content:space-between;align-items:end;gap:25px;padding:44px 0 26px}.below .eyebrow{font-size:.68rem;margin:0 0 13px}.footer-text{max-width:430px;line-height:1.7;font-size:.88rem;color:var(--muted);margin:0}.browse-button{padding:11px 0;background:transparent;border:0;border-bottom:1px solid var(--accent);color:var(--fg);white-space:nowrap;font-size:.86rem;font-weight:700}.browse-button span{margin-left:12px}.browse-notice{margin:0 0 32px;color:var(--muted);font-size:.87rem}.browse-notice button{border:0;border-bottom:1px solid var(--accent);background:transparent;color:var(--accent);padding:3px}footer{display:flex;gap:13px;align-items:center;border-top:1px solid rgba(234,243,236,.15);color:#849b9a;padding:24px 0 40px;font-size:.68rem;letter-spacing:.08em;flex-wrap:wrap}footer span:last-child{margin-left:auto}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#d3f089;color:#1c332a;border-radius:99px;padding:13px 22px;font-weight:700;box-shadow:0 12px 36px rgba(0,0,0,.2);z-index:99;white-space:nowrap}
body.light{--bg:#e9eadd;--fg:#20382f;--muted:#617569;--accent:#3b694a;--shadow:0 22px 70px rgba(46,63,45,.12)}body.light .theme-toggle{border-color:#8d9e91}body.light .brand-mark{background:#345b46;color:#fff}body.light footer{border-color:#a4b1a7;color:#65786d}body.light .orbit-one{opacity:.1}body.light .orbit-two{opacity:.14}
@media(max-width:650px){.page{width:min(100% - 30px,600px)}.topbar{padding:21px 0}.brand{font-size:.69rem;letter-spacing:.11em}.intro{padding:40px 0 30px}.intro-copy{font-size:.9rem}.quote-card{border-radius:11px;padding:29px 23px 32px}.quote-icon{margin:35px 0 3px;font-size:5rem}.quote-text{font-size:clamp(2rem,7.5vw,3rem)}.edition{font-size:.6rem}.today-label{font-size:.61rem}.fine-rule{margin:30px 0}.action{flex:1;min-width:110px}.action.primary{flex-basis:100%}.below{align-items:start;flex-direction:column;padding-top:32px}.browse-button{align-self:start}footer span:last-child{margin-left:0}.toast{bottom:15px;max-width:calc(100% - 25px);font-size:.82rem;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}