:root{--bg-frame:#0b1211;--bg-counterpoint:#0d1a18;--border-hairline:#1e2b29;--border-counterpoint:#234c47;--border-ghost:#2b3f3c;--text-primary:#e6ece9;--text-body:#c8d3d0;--text-intro:#8aa09b;--text-meta:#6f817d;--text-meta-dim:#5f716d;--accent:#3ad6c6;--accent-hover:#57e6d8;--on-accent:#06100e;--font-mono:"JetBrains Mono", monospace;--font-sans:"Space Grotesk", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-mono);background:var(--bg-frame);color:var(--text-primary);line-height:1.6}#root{max-width:920px;margin:0 auto;padding:20px}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.frame{background:var(--bg-frame);border:1px solid var(--border-hairline)}.meta-bar{border-bottom:1px solid var(--border-hairline);letter-spacing:.14em;color:var(--text-meta);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:22px 34px;font-size:12px;display:flex}.meta-bar-brand{color:var(--text-primary);letter-spacing:.24em;font-weight:700}.intro-copy{color:var(--text-intro);border-bottom:1px solid var(--border-hairline);padding:20px 40px;font-size:12.5px;line-height:1.7}.accent-word{color:var(--accent)}.insight-stage{padding:40px 40px 34px}.insight-label{letter-spacing:.06em;color:var(--accent);margin-bottom:22px;font-size:12px}.insight-label .cursor{opacity:.5}.wisdom{font-family:var(--font-sans);letter-spacing:-.02em;text-wrap:pretty;color:var(--text-primary);font-size:clamp(26px,3.3vw,46px);font-weight:700;line-height:1.14}.counterpoint-panel{border:1px solid var(--border-counterpoint);background:var(--bg-counterpoint);margin:0 34px 24px;padding:26px}.counterpoint-label{letter-spacing:.14em;color:var(--accent);margin-bottom:14px;font-size:12px}.counterpoint-text{font-family:var(--font-sans);color:var(--text-body);text-wrap:pretty;font-size:clamp(19px,2.2vw,30px);font-weight:500;line-height:1.28}.button-row{border-top:1px solid var(--border-hairline);flex-wrap:wrap;align-items:center;gap:12px;padding:22px 34px;display:flex}button{cursor:pointer;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border-radius:0;min-height:44px;padding:14px 20px;font-size:12px;transition:background-color .15s,border-color .15s,color .15s}.btn-primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border-ghost);background:0 0}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}.saved-count{color:var(--text-meta-dim);margin-left:auto;font-size:12px}.error-message{color:var(--accent)}.footer{border-top:1px solid var(--border-hairline);color:var(--text-meta-dim);padding:14px 34px;font-size:12px}.footer a{color:var(--accent)}.favorites-card{border:1px solid var(--border-hairline);background:var(--bg-frame);margin-top:24px;padding:26px 34px}.favorites-card h2{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-meta);margin-bottom:16px;font-size:12px;font-weight:700}.favorites-list{flex-direction:column;gap:10px;display:flex}.favorite-item{text-align:left;text-transform:none;letter-spacing:normal;width:100%;font-family:var(--font-sans);color:var(--text-body);border:1px solid var(--border-ghost);white-space:normal;background:0 0;font-size:15px;font-weight:500}.favorite-item:hover{border-color:var(--accent);color:var(--text-primary)}@media (width<=600px){.meta-bar,.button-row,.footer{padding-left:20px;padding-right:20px}.intro-copy,.insight-stage{padding-left:24px;padding-right:24px}.counterpoint-panel{margin-left:20px;margin-right:20px}.favorites-card{padding:22px 20px}}@media (width<=480px){.button-row{flex-direction:column;align-items:stretch}.button-row button{width:100%}.saved-count{text-align:center;margin-left:0}}