*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#0f1117;color:#e1e4e8;min-height:100vh;line-height:1.6}.app{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:1.8rem;font-weight:700;color:#f0f6fc}.subtitle{color:#8b949e;font-size:.9rem;margin-top:.25rem}.app-main{display:grid;grid-template-columns:1fr 260px;gap:1.5rem;align-items:start}.main-content{display:flex;flex-direction:column;gap:1rem}.sidebar{position:sticky;top:2rem}.generate-btn{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;background:#238636;color:#fff;transition:background .15s;width:100%}.generate-btn:hover:not(:disabled){background:#2ea043}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#490202;border:1px solid #da3633;color:#ffa198;padding:.75rem 1rem;border-radius:8px;font-size:.9rem}.dialogue-view{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1.5rem;font-size:1.1rem;line-height:1.9;white-space:pre-wrap}.dialogue-view .highlight{background:#1f3a1f;color:#7ee787;font-weight:600;padding:.1em .3em;border-radius:4px}.dialogue-view p{margin-bottom:.5rem}.audio-player{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.audio-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:.9rem;transition:background .15s}.audio-btn.play{background:#1f6feb;color:#fff}.audio-btn.play:hover{background:#388bfd}.audio-btn.stop{background:#30363d;color:#e1e4e8}.audio-btn.stop:hover{background:#444c56}.audio-controls{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#8b949e}.audio-controls select{background:#0d1117;color:#e1e4e8;border:1px solid #30363d;border-radius:4px;padding:.25rem .5rem;font-size:.85rem}.audio-controls label{display:flex;align-items:center;gap:.4rem}.audio-controls input[type=range]{width:80px;accent-color:#1f6feb}.word-panel{background:#161b22;border:1px solid #30363d;border-radius:10px;padding:1rem}.word-panel h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#8b949e;margin-bottom:.75rem}.word-category{margin-bottom:.75rem}.word-category h4{font-size:.8rem;color:#58a6ff;margin-bottom:.35rem}.word-tags{display:flex;flex-wrap:wrap;gap:.35rem}.word-tag{font-size:.8rem;padding:.2em .55em;border-radius:4px;background:#21262d;border:1px solid #30363d;color:#e1e4e8}.word-tag.new{border-color:#238636;color:#7ee787}.word-tag.difficult{border-color:#da3633;color:#ffa198}.word-tag.mature{border-color:#d29922;color:#e3b341}.empty-state{text-align:center;color:#484f58;padding:3rem 1rem;font-size:.95rem}@media(max-width:700px){.app-main{grid-template-columns:1fr}.sidebar{position:static;order:-1}.audio-player{flex-direction:column;align-items:flex-start}}