:root{--paper: #f5eddf;--paper-deep: #e8dcc8;--ink: #1c1713;--muted: #736657;--walnut: #3a2417;--tea: #a97938;--indigo: #26344c;--moss: #66715a;--seal: #b8573b;--line: rgba(58, 36, 23, .16);--shadow: 0 22px 80px rgba(35, 20, 10, .24);--font-serif: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;--font-hand: "Kaiti SC", "STKaiti", "KaiTi", var(--font-serif)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,input,textarea{letter-spacing:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-header{position:fixed;top:0;right:0;left:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 5rem;color:#fff8eb;background:#1c17137a;border-bottom:1px solid rgba(245,237,223,.16);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:baseline;gap:.75rem;min-width:0}.brand-name{font-family:var(--font-serif);font-size:1.35rem;font-weight:700}.brand-subtitle{color:#fff8ebb8;font-size:.85rem}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a,.menu-button{min-height:2.5rem;padding:.65rem .95rem;border-radius:6px;color:#fff8eb;font-size:.95rem;transition:background .18s ease,color .18s ease,transform .18s ease}.site-nav a:hover,.site-nav a:focus-visible,.menu-button:hover,.menu-button:focus-visible{background:#fff8eb29;outline:none}.menu-button{display:none;border:1px solid rgba(255,248,235,.28);background:#fff8eb14}.hero{position:relative;display:grid;min-height:780px;padding:9rem 5rem 5rem;overflow:hidden;background-image:linear-gradient(90deg,#120c08db,#1e140d85 48%,#140d082e),url(/assets/slow-change-handwritten-note.png);background-position:center;background-size:cover;color:#fff8eb}.hero-copy{align-self:end;max-width:680px;padding-bottom:3rem;text-shadow:0 2px 16px rgba(0,0,0,.28)}.section-kicker{margin:0 0 .85rem;color:var(--seal);font-size:.92rem;font-weight:700}.hero .section-kicker{color:#e8b775}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-serif);font-weight:700}h1{margin-bottom:1.2rem;font-size:4.8rem;line-height:1.06}h2{margin-bottom:1rem;font-size:2.55rem;line-height:1.18}h3{margin-bottom:.65rem;font-size:1.45rem;line-height:1.25}.hero-copy p:not(.section-kicker){max-width:520px;color:#fff8ebdb;font-size:1.12rem;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button,.practice-card button,.subscribe-form button{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.8rem 1.15rem;border:1px solid transparent;border-radius:6px;font-weight:700;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.button:hover,.practice-card button:hover,.subscribe-form button:hover{transform:translateY(-1px)}.button-primary,.subscribe-form button{background:var(--seal);color:#fff8eb}.button-primary:hover,.button-primary:focus-visible,.subscribe-form button:hover,.subscribe-form button:focus-visible{background:#9f4530;outline:none}.button-secondary{border-color:#fff8eb6b;background:#fff8eb1a;color:#fff8eb}.button-secondary:hover,.button-secondary:focus-visible{border-color:#fff8ebb8;background:#fff8eb2e;outline:none}.hero-panel{position:absolute;right:5rem;bottom:4.8rem;width:300px;padding:1.2rem;border:1px solid rgba(255,248,235,.2);border-radius:8px;background:#1c171394;box-shadow:0 16px 50px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-panel span{display:block;margin-bottom:.55rem;color:#e8b775;font-size:.88rem;font-weight:700}.hero-panel strong{display:block;font-family:var(--font-serif);font-size:1.25rem;line-height:1.45}.note-section,.practice-section,.letters-section,.subscribe-section{padding:6rem 5rem}.section-heading{max-width:760px;margin-bottom:2.8rem}.section-heading.compact{max-width:none;display:flex;align-items:end;justify-content:space-between;gap:2rem}.note-layout{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(320px,1fr);gap:4rem;align-items:center}.note-image{margin:0;padding:.7rem;border:1px solid var(--line);border-radius:8px;background:#fff8ebad;box-shadow:var(--shadow)}.note-image img{width:100%;max-height:820px;border-radius:4px;object-fit:cover}.note-copy{max-width:680px}.lead{color:var(--muted);font-size:1.1rem;line-height:1.9}.quote-block{margin:2rem 0;padding:1.8rem;border-left:4px solid var(--tea);border-radius:0 8px 8px 0;background:#fff8eb;box-shadow:0 18px 60px #3a24171a}.quote-block p{margin:0;font-family:var(--font-hand);font-size:1.9rem;line-height:1.9}.observation-list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}.observation-list li{padding:1rem 1.15rem;border:1px solid var(--line);border-radius:8px;background:#fff8ebb3;color:#44362d;line-height:1.7}.practice-section{background:var(--indigo);color:#fff8eb}.practice-section .section-kicker,.letters-section .section-kicker{color:#d9a867}.practice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.practice-card{display:flex;min-height:330px;flex-direction:column;justify-content:space-between;padding:1.35rem;border:1px solid rgba(255,248,235,.18);border-radius:8px;background:#fff8eb14}.practice-card span{display:inline-block;margin-bottom:1.5rem;color:#d9a867;font-weight:700}.practice-card p{color:#fff8ebbd;line-height:1.8}.practice-card button{width:100%;border-color:#fff8eb3d;background:#fff8eb;color:var(--indigo)}.practice-card button:hover,.practice-card button:focus-visible{background:#eadfcd;outline:none}.saved-note{display:grid;grid-template-columns:120px 1fr;gap:1.2rem;align-items:start;margin-top:1.2rem;padding:1rem 1.15rem;border:1px solid rgba(255,248,235,.2);border-radius:8px;background:#fff8eb14}.saved-note span{color:#d9a867;font-weight:700}.saved-note p{margin:0;color:#fff8ebc7;line-height:1.7}.letters-section{background:#1f1712;color:#fff8eb}.letters-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:2rem;align-items:stretch}.letter-tabs{display:grid;gap:.8rem}.letter-tab{width:100%;min-height:5.5rem;padding:1rem;border:1px solid rgba(255,248,235,.14);border-radius:8px;background:#fff8eb0f;color:#fff8ebb8;text-align:left}.letter-tab span{display:block;margin-bottom:.35rem;color:#d9a867;font-size:.82rem;font-weight:700}.letter-tab[aria-selected=true],.letter-tab:hover,.letter-tab:focus-visible{border-color:#d9a867b8;background:#d9a86724;color:#fff8eb;outline:none}.letter-preview{display:flex;min-height:360px;flex-direction:column;justify-content:space-between;padding:2rem;border:1px solid rgba(255,248,235,.14);border-radius:8px;background:#fff8eb;color:var(--ink)}.letter-preview h3{font-size:2rem}.letter-preview p:not(.section-kicker){color:#4d4037;font-size:1.12rem;line-height:2}.rhythm-meter{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin-top:2rem}.rhythm-meter span{min-height:3rem;padding:.85rem;border-radius:6px;background:var(--paper-deep);color:var(--walnut);font-weight:700;text-align:center}.subscribe-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,.8fr);gap:3rem;align-items:center;background:var(--moss);color:#fff8eb}.subscribe-section .section-kicker{color:#f0c583}.subscribe-form{padding:1.4rem;border:1px solid rgba(255,248,235,.22);border-radius:8px;background:#fff8eb1a}.subscribe-form label,.practice-modal label{display:block;margin-bottom:.55rem;font-weight:700}.input-row{display:grid;grid-template-columns:1fr auto;gap:.65rem}.subscribe-form input,.practice-modal textarea{width:100%;min-height:2.9rem;border:1px solid rgba(28,23,19,.18);border-radius:6px;background:#fff8eb;color:var(--ink)}.subscribe-form input{padding:.8rem .9rem}.subscribe-form input:focus,.practice-modal textarea:focus{border-color:var(--tea);outline:3px solid rgba(169,121,56,.22)}.subscribe-form p{margin:.75rem 0 0;color:#fff8ebc2;line-height:1.6}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:1.5rem;background:#140d08ad}.practice-modal{position:relative;width:min(620px,100%);max-height:calc(100svh - 3rem);overflow:auto;padding:2rem;border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.practice-modal p:not(.section-kicker){color:var(--muted);line-height:1.8}.modal-close{position:absolute;top:1rem;right:1rem;min-height:2.4rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:6px;background:#fff8ebcc;color:var(--ink)}.modal-close:hover,.modal-close:focus-visible{background:#fff8eb;outline:none}.mood-group{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0}.mood-group button{min-height:2.55rem;padding:.65rem .85rem;border:1px solid var(--line);border-radius:6px;background:#fff8ebb8;color:var(--ink)}.mood-group button[aria-pressed=true]{border-color:var(--seal);background:#b8573b1f;color:var(--seal);font-weight:700}.practice-modal textarea{display:block;min-height:9rem;margin-bottom:1rem;padding:.9rem;resize:vertical}@media(max-width:1080px){.site-header,.hero,.note-section,.practice-section,.letters-section,.subscribe-section{padding-right:2rem;padding-left:2rem}.hero-panel{right:2rem}.note-layout,.subscribe-section,.practice-grid{grid-template-columns:1fr}.practice-card{min-height:250px}}@media(max-width:760px){.site-header{align-items:flex-start;padding-top:.85rem;padding-bottom:.85rem}.brand{flex-direction:column;gap:.05rem}.brand-name{font-size:1.12rem}.menu-button{display:inline-flex;align-items:center;justify-content:center}.site-nav{position:absolute;top:calc(100% - 1px);right:1rem;left:1rem;display:none;grid-template-columns:1fr;padding:.6rem;border:1px solid rgba(255,248,235,.18);border-radius:8px;background:#1c1713f0}.site-header[data-open=true] .site-nav{display:grid}.site-nav a{width:100%}.hero{min-height:720px;padding-top:7rem;padding-bottom:2rem;background-position:55% center}.hero-copy{align-self:center;padding-bottom:8rem}h1{font-size:3rem}h2{font-size:2rem}.hero-copy p:not(.section-kicker),.lead,.letter-preview p:not(.section-kicker){font-size:1rem}.hero-panel{right:1rem;bottom:1.5rem;left:1rem;width:auto}.note-section,.practice-section,.letters-section,.subscribe-section{padding-top:4.2rem;padding-bottom:4.2rem}.note-layout,.letters-layout{grid-template-columns:1fr;gap:1.4rem}.quote-block{padding:1.25rem}.quote-block p{font-size:1.35rem}.section-heading.compact{display:block}.saved-note{grid-template-columns:1fr;gap:.35rem}.letter-preview{min-height:320px;padding:1.35rem}.letter-preview h3{font-size:1.55rem}.input-row,.rhythm-meter{grid-template-columns:1fr}.subscribe-form button{width:100%}.practice-modal{padding:1.35rem}}@media(max-width:440px){.site-header,.hero,.note-section,.practice-section,.letters-section,.subscribe-section{padding-right:1rem;padding-left:1rem}.hero{min-height:680px}h1{font-size:2.55rem}h2{font-size:1.75rem}.hero-actions{display:grid}.hero-actions .button{width:100%}}