@import"https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;700&display=swap";:root{--primary: #2060df;--bg-light: #f6f6f8;--bg-dark: #111621;--card: #ffffff;--text-main: #0f172a;--text-muted: #6b7280;--border-soft: #e5e7eb;--radius-lg: 16px;--radius-md: 12px;--shadow-soft: 0 10px 25px rgba(0, 0, 0, .08)}html,body,#root{height:100%}body{margin:0;font-family:Lexend,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-light);color:var(--text-main)}.page{min-height:100vh;background:var(--bg);display:flex;justify-content:center;padding:64px 16px}.home-shell{width:100%;max-width:720px}.letter-card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:40px 36px}.quote-mark{font-size:48px;line-height:1;color:var(--primary-soft);margin-bottom:8px}.letter{white-space:pre-line;font-size:18px;line-height:1.8;color:var(--text-main)}.meta{margin-top:24px;font-size:12px;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.counter{font-size:13px;color:var(--text-muted)}.read-btn{background:var(--primary);color:#fff;border:none;padding:12px 20px;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:0 8px 16px #2563eb4d}.read-btn:hover{opacity:.95}.about-page{padding:24px 16px 64px;max-width:720px;margin:0 auto}.hero{text-align:center;margin-bottom:32px}.hero-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#2060df1a;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:28px}.hero h2{font-size:24px;margin:8px 0}.hero p{color:var(--text-muted);line-height:1.6;font-size:15px}.section{margin-top:32px}.section h3{font-size:16px;margin-bottom:12px}.card{background:var(--card);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-soft);margin-bottom:12px}.cta-btn{margin-top:32px;width:100%;padding:14px;border:none;border-radius:12px;background:var(--primary);color:#fff;font-weight:700;font-size:15px}.footer{border-top:1px solid var(--border-soft);background:#fff;padding:24px 16px 32px}.footer-inner{max-width:720px;margin:0 auto;text-align:center}.footer-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.footer-links a{font-size:12px;color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--primary);text-decoration:underline}.footer-copy{font-size:11px;color:var(--text-muted)}.header{background:#fff;border-bottom:1px solid var(--border-soft);position:sticky;top:0;z-index:10}.header-inner{max-width:720px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;color:var(--primary);font-size:18px;text-align:left}.tabs{display:flex;justify-content:space-around;border-bottom:1px solid var(--border-soft);background:#fff}.tabs a{flex:1;text-align:center;padding:12px 8px;font-weight:500;font-size:14px;color:var(--text-muted);text-decoration:none;border-bottom:3px solid transparent;transition:color .15s ease,border-color .15s ease}.tabs a:hover{color:var(--primary)}.tabs a.active{color:var(--primary);border-bottom-color:var(--primary)}