:root{--text: #5f6472;--text-h: #101221;--muted: #8a90a3;--bg: #f6f3ee;--card-bg: rgba(255, 255, 255, .82);--border: rgba(21, 24, 38, .1);--accent: #e85d04;--accent-border: rgba(232, 93, 4, .38);--soft-bg: rgba(16, 18, 33, .07);--favorite-bg: #ffe8c2;--shadow: 0 24px 80px rgba(31, 24, 15, .1);--button-shadow: 0 14px 32px rgba(232, 93, 4, .25);font:18px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(255,209,102,.32),transparent 34rem),radial-gradient(circle at top right,rgba(232,93,4,.18),transparent 28rem),var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}body,button{font-family:inherit}#root{min-height:100vh}@media(prefers-color-scheme:dark){:root{--text: #b6bdcc;--text-h: #fff8ef;--muted: #818899;--bg: #11131d;--card-bg: rgba(22, 25, 38, .88);--border: rgba(255, 255, 255, .09);--accent: #ff8a3d;--accent-border: rgba(255, 138, 61, .45);--soft-bg: rgba(255, 255, 255, .08);--favorite-bg: rgba(255, 209, 102, .18);--shadow: 0 24px 80px rgba(0, 0, 0, .36);--button-shadow: 0 14px 32px rgba(255, 138, 61, .2)}}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:48px 0;display:grid;gap:24px}.hero-card,.quote-card,.favorites-panel{border:1px solid var(--border);border-radius:28px;background:var(--card-bg);box-shadow:var(--shadow)}.hero-card{padding:clamp(28px,6vw,64px);text-align:left;overflow:hidden;position:relative}.hero-card:after{content:"🔥";position:absolute;right:clamp(20px,8vw,80px);bottom:-28px;font-size:clamp(96px,18vw,190px);opacity:.09;transform:rotate(-10deg)}.eyebrow{margin:0 0 12px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-card h1{max-width:820px;margin:0;font-size:clamp(2.4rem,8vw,5.8rem);line-height:.95;letter-spacing:-.075em}.subtitle{max-width:720px;margin-top:24px;color:var(--text);font-size:clamp(1rem,2vw,1.25rem)}.quote-card{padding:clamp(24px,5vw,48px)}.quote-meta{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}blockquote{margin:28px 0 18px;color:var(--text-h);font-size:clamp(1.8rem,5vw,4rem);font-weight:800;line-height:1.05;letter-spacing:-.05em}.author{margin:0;color:var(--text);font-size:1.1rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}button{border:0;border-radius:999px;padding:12px 18px;color:#fff;background:var(--accent);font:inherit;font-weight:800;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}button:hover{transform:translateY(-2px);box-shadow:var(--button-shadow)}button:focus-visible{outline:3px solid var(--accent-border);outline-offset:3px}button.secondary{color:var(--text-h);background:var(--soft-bg)}button.favorite{color:var(--text-h);background:var(--favorite-bg)}button.favorite.active{color:#3d2500;background:#ffd166}.favorites-panel{padding:clamp(24px,4vw,40px);text-align:left}.favorites-panel h2{margin:0;font-size:clamp(1.5rem,4vw,2.5rem)}.empty-state{margin:24px 0 0;color:var(--text)}.favorites-panel ul{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}.favorites-panel li button{width:100%;border-radius:18px;padding:18px;color:var(--text-h);background:var(--soft-bg);text-align:left}.favorites-panel li span{display:block;margin-top:8px;color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}@media(max-width:640px){.app-shell{width:min(100% - 20px,1120px);padding:20px 0}.actions button{width:100%}}