*{box-sizing:border-box;padding:0;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e4e4e4;min-height:100vh;padding:2rem}.container{max-width:900px;margin:0 auto}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:2.5rem;font-weight:300;margin-bottom:.5rem;color:#f0a500}.header p{color:#a8a8a8;font-size:1rem}.theme-input-section{background:hsla(0,0%,100%,.05);border-radius:12px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(240,165,0,.2)}.theme-input-section h2{font-size:1.2rem;margin-bottom:1rem;color:#f0a500;font-weight:400}.theme-input{width:100%;padding:.75rem 1rem;font-size:1rem;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#e4e4e4;margin-bottom:1rem}.theme-input:focus{outline:none;border-color:#f0a500}.generate-button{width:100%;padding:1rem;font-size:1.1rem;font-weight:500;background:#f0a500;color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.generate-button:hover:not(:disabled){background:#ffc233;transform:translateY(-2px)}.generate-button:disabled{opacity:.5;cursor:not-allowed}.transcript-section{margin-bottom:2rem}.transcript-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.transcript-header h2{font-size:1.5rem;color:#f0a500;font-weight:400}.play-all-button{padding:.75rem 1.5rem;background:rgba(240,165,0,.2);color:#f0a500;border:1px solid #f0a500;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease}.play-all-button:hover:not(:disabled){background:rgba(240,165,0,.3)}.play-all-button:disabled{opacity:.5;cursor:not-allowed}.dialogue-line{background:hsla(0,0%,100%,.05);border-radius:12px;padding:1.5rem;margin-bottom:1rem;border-left:4px solid;display:flex;gap:1rem;align-items:flex-start;transition:all .3s ease}.dialogue-line.lena{border-left-color:#e63946}.dialogue-line.isaac{border-left-color:#457b9d}.dialogue-line.playing{background:rgba(240,165,0,.1);border-left-width:6px}.speaker-label{font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;min-width:60px}.speaker-label.lena{color:#e63946}.speaker-label.isaac{color:#457b9d}.line-content{flex:1 1}.line-text{line-height:1.6;margin-bottom:.75rem;color:#e4e4e4}.line-controls{display:flex;gap:.5rem;align-items:center}.play-button{padding:.5rem 1rem;background:hsla(0,0%,100%,.1);color:#e4e4e4;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.play-button:hover:not(:disabled){background:hsla(0,0%,100%,.2);border-color:#f0a500}.play-button:disabled{opacity:.5;cursor:not-allowed}.status-indicator{font-size:.85rem;color:#a8a8a8;display:flex;align-items:center;gap:.5rem}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(240,165,0,.3);border-top-color:#f0a500;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.error-message{color:#e63946;font-size:.85rem}.download-section{text-align:center;padding:2rem;background:hsla(0,0%,100%,.05);border-radius:12px;border:1px solid rgba(240,165,0,.2)}.download-button{padding:1rem 2rem;background:#f0a500;color:#1a1a2e;border:none;border-radius:8px;cursor:pointer;font-size:1.1rem;font-weight:500;transition:all .3s ease}.download-button:hover:not(:disabled){background:#ffc233;transform:translateY(-2px)}.download-button:disabled{opacity:.5;cursor:not-allowed}.loading-message{padding:2rem;font-size:1.1rem}.empty-state,.loading-message{text-align:center;color:#a8a8a8}.empty-state{padding:3rem}.empty-state p{font-size:1.1rem;margin-bottom:.5rem}