.stream-container{text-align:center;margin:48px 0}.word-blurred{opacity:.35;filter:blur(4px);font-size:20px}.word-current{font-size:clamp(36px,6vw,56px);font-weight:600;animation:wordFade .12s ease-out;white-space:nowrap}.word-normal{color:var(--text-primary)}.word-orp{color:var(--accent);font-weight:700}@keyframes wordFade{0%{opacity:.6;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sidebar{width:280px;background:var(--surface);padding:20px;border-radius:var(--radius);display:flex;flex-direction:column;gap:24px}.sidebar-section{display:flex;flex-direction:column;gap:10px}.sidebar-title{font-size:16px;font-weight:600}.sidebar-subtitle{font-size:14px;color:var(--text-secondary)}.progress-row{display:flex;flex-direction:column;gap:6px}.progress-bar{height:8px;background:#ffffff1a;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);transition:width .22s ease-out}.progress-text{font-size:13px;color:var(--text-secondary)}.chapter-current{font-weight:600}.chapter-meta{font-size:13px;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.chapter-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.chapter-item{display:flex;gap:8px;cursor:pointer;font-size:14px;align-items:center}.chapter-item:hover{opacity:.85}.chapter-item.done{color:var(--text-secondary)}.chapter-item.current{font-weight:600}.chapter-marker{width:16px;text-align:center}:root{--bg: #0f1115;--surface: #16181d;--text-primary: #e6e8eb;--text-secondary: #8b8f98;--accent: #f5b942;--highlight-bg: rgba(245, 185, 66, .35);--radius: 14px;--transition-fast: .12s ease-out;--transition-medium: .22s ease-out}[data-theme=light]{--bg: #faf7f2;--surface: #ffffff;--text-primary: #222;--text-secondary: #666;--accent: #c18f2c;--highlight-bg: rgba(193, 143, 44, .25)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.app{min-height:100vh;padding:20px;background:var(--bg);color:var(--text-primary);transition:background var(--transition-medium),color var(--transition-medium)}.input{width:100%;margin-top:12px;padding:12px;border-radius:var(--radius);background:var(--surface);color:var(--text-primary);border:none}.textarea{min-height:120px;resize:vertical}button{background:var(--surface);color:var(--text-primary);border:none;border-radius:var(--radius);padding:10px 14px;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}button:hover{opacity:.9}button:active{transform:scale(.97)}.page-container{margin-top:20px;max-height:60vh;overflow-y:auto;line-height:1.7;font-size:16px;background:var(--surface);padding:16px;border-radius:var(--radius)}.page-word{cursor:pointer;transition:background .12s ease-out}.page-word.active{background:var(--highlight-bg);border-radius:4px}