:root{--bg: #f3f7fb;--card: #fff;--muted: #666 }*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial}body{display:flex;align-items:center;justify-content:center;background:var(--bg)}.app .card{width:min(720px,94%);background:var(--card);padding:2rem;border-radius:12px;box-shadow:0 10px 30px #0814280f;text-align:center}h1{margin:0 0 .6rem;font-size:1.4rem}.quote{font-size:1.25rem;margin:1rem 0;color:#111}.author{font-weight:600;opacity:.8;margin-bottom:.75rem}.meta{color:var(--muted);font-size:.85rem}.controls{margin-top:1rem;display:flex;gap:.6rem;justify-content:center}button,.tweet{padding:.55rem .9rem;border-radius:8px;border:none;cursor:pointer;text-decoration:none;background:#111;color:#fff}button:hover,.tweet:hover{opacity:.92}.error{color:#c0392b}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-start: #89f7fe;--bg-end: #66a6ff;--card-bg: #ffffff;--accent: #66a6ff;--accent-2: #89f7fe;--text: #333333;--muted: #777777}body,html,#root{height:100%;font-family:Poppins,sans-serif;background:linear-gradient(0deg,#000,#fff);display:flex;justify-content:center;align-items:center}.container{background:var(--card-bg);padding:40px;border-radius:15px;box-shadow:0 4px 20px #0000001f;text-align:center;width:350px}.container h1{font-size:28px;color:var(--text);margin-bottom:20px;font-weight:600}#quote{font-size:20px;font-style:italic;color:#555;margin-bottom:15px;line-height:1.4}#author{font-size:16px;color:var(--muted);margin-bottom:25px;display:block}#new-quote{background:var(--accent);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .25s ease,transform .12s ease;box-shadow:0 6px 18px #2266ff1f}#new-quote:hover{background:var(--accent-2)}#new-quote:active{transform:translateY(1px)}@media(max-width:420px){.container{width:calc(100% - 40px);padding:28px}#quote{font-size:18px}h1{font-size:22px}}