:root{--bg:#0f1115;--fg:#eaecef;--muted:#a8b3c2;--accent:#7cc4ff;--card:#171922;--badge:#2a2f3a;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.site-header{padding:24px 16px;text-align:center;border-bottom:1px solid #222}
.site-header h1{margin:0 0 8px 0;font-size:28px}
.subtitle{margin:0;color:var(--muted)}
.container{max-width:960px;margin:0 auto;padding:24px 16px;display:grid;grid-template-columns:1fr 420px;gap:24px}
@media(max-width:900px){.container{grid-template-columns:1fr}.visual{order:-1}}
.controls{background:var(--card);border:1px solid #222;border-radius:16px;padding:16px}
.control-row{display:flex;gap:12px;align-items:center;margin-bottom:12px}
label{font-weight:600}
select,button{background:#121520;color:var(--fg);border:1px solid #273043;border-radius:10px;padding:10px 12px;font-size:14px}
button{cursor:pointer;transition:transform .05s ease}
button:active{transform:scale(0.98)}
.visual{background:var(--card);border:1px solid #222;border-radius:16px;padding:12px;display:flex;align-items:center;justify-content:center}
.visual img{max-width:100%;border-radius:12px}
.quote-card{grid-column:1/-1;background:linear-gradient(180deg,#141827,#10131c);border:1px solid #222;border-radius:16px;padding:24px}
.quote-text{font-size:24px;line-height:1.5;margin:0 0 12px 0}
.quote-text .word{position:relative;border-bottom:1px dotted #444;cursor:pointer}
.author-line{color:var(--muted);margin-bottom:12px}
.author-line a{color:var(--accent);text-decoration:none}
.meta-row{display:flex;gap:8px}
.badge{background:var(--badge);color:#cbd5e1;border:1px solid #394151;padding:4px 8px;border-radius:999px;font-size:12px}
.site-footer{text-align:center;padding:18px;color:#8993a4;border-top:1px solid #222;margin-top:24px}
.tooltip{position:fixed;pointer-events:none;background:#000;padding:6px 8px;border:1px solid #333;border-radius:8px;font-size:12px;color:#ddd;opacity:0;transition:opacity .08s ease, transform .08s ease;transform:translate(-50%,-150%);}
.show{opacity:1}