*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#ff6b6b;--success-color:#51cf66;--warning-color:#ffd43b;--error-color:#ff6b6b;--text-primary:#2d3748;--text-secondary:#718096;--background-light:#f7fafc;--background-white:#fff;--border-color:#e2e8f0;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius:12px;--border-radius-lg:16px;--border-radius-xl:24px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out}.pulse{animation:pulse 2s infinite}.bounce{animation:bounce 1s infinite}.app{background:linear-gradient(135deg,#8b0000,#dc143c 25%,#b22222 50%,#8b0000 75%,#600);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.app:before{background-image:radial-gradient(circle at 20% 30%,#8b00004d 0,#0000 50%),radial-gradient(circle at 80% 20%,#dc143c66 0,#0000 50%),radial-gradient(circle at 40% 70%,#b222224d 0,#0000 50%),radial-gradient(circle at 90% 80%,#8b000066 0,#0000 50%),radial-gradient(circle at 10% 90%,#dc143c4d 0,#0000 50%),radial-gradient(circle at 70% 10%,#b2222266 0,#0000 50%)}.app:after,.app:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.app:after{animation:bloodDrip 8s ease-in-out infinite;background-image:radial-gradient(ellipse at 15% 25%,#8b000099 0,#0000 30%),radial-gradient(ellipse at 85% 15%,#dc143cb3 0,#0000 25%),radial-gradient(ellipse at 45% 75%,#b2222280 0,#0000 35%),radial-gradient(ellipse at 95% 85%,#8b000099 0,#0000 20%),radial-gradient(ellipse at 5% 95%,#dc143c80 0,#0000 30%),radial-gradient(ellipse at 75% 5%,#b22222b3 0,#0000 25%)}@keyframes bloodDrip{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(10px)}}.app>*{z-index:1}.app>*,.header{position:relative}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b0000,#dc143c 25%,#b22222 50%,#8b0000 75%,#600);border-bottom:1px solid #e74c3c4d;box-shadow:0 4px 20px #0000004d;padding:1.5rem 0;z-index:2}.header-content{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-content,.logo{align-items:center;display:flex}.logo{gap:.75rem;justify-content:center;margin-bottom:0}.logo-icon{color:var(--primary-color);height:2.5rem;width:2.5rem}.golpo-logo{border-radius:50%;box-shadow:0 2px 8px #667eea1a;height:360px;margin-right:.75rem;object-fit:cover;width:360px}.golpo-logo,.logo h1{vertical-align:middle}.logo h1{color:#fff;display:inline-block;font-size:2.2rem;font-weight:800;letter-spacing:-1px;margin:0}.tagline{color:#e0e0e0;font-size:1.1rem;font-weight:500;margin:0}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1ae6;border-bottom:1px solid #e74c3c4d;box-shadow:0 2px 10px #0003;display:flex;gap:1rem;justify-content:center;padding:0 2rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--border-radius);color:#b0b0b0;cursor:pointer;display:flex;font-weight:500;gap:.5rem;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.tab-button:hover{background:#e74c3c1a;color:#e74c3c}.tab-button.active{background:#e74c3c;box-shadow:0 4px 15px #e74c3c4d;color:#fff}.tab-button.active:before{background:#fff;border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.create-section{display:flex;flex-direction:column;gap:2rem}.config-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141414f2;border:1px solid #e74c3c4d;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #00000080;padding:2.5rem;position:relative;z-index:1}.config-card:before{background:linear-gradient(135deg,#8b000014,#dc143c08);border-radius:var(--border-radius-xl);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.config-card h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 2px 4px #00000080}.config-card>p{color:#e0e0e0;font-size:1.1rem;margin-bottom:2rem}.config-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.language-indicator{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:var(--border-radius);color:#e74c3c;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;white-space:nowrap}.language-indicator svg{color:#e74c3c}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:#fff;font-size:1rem;font-weight:600}.option-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:.5rem}.option-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#2c2c2ce6,#1a1a1ae6);border:2px solid #e74c3c33;border-radius:20px;box-shadow:0 4px 15px #0003;color:#b0b0b0;cursor:pointer;font-size:1rem;font-weight:600;padding:1.5rem 2rem;text-shadow:0 1px 2px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.option-button:hover{background:linear-gradient(145deg,#e74c3c26,#e74c3c0d);border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c4d;color:#e74c3c;transform:translateY(-3px) scale(1.02)}.option-button.selected{background:linear-gradient(145deg,#e74c3c,#c0392b);border-color:#e74c3c;box-shadow:0 8px 25px #e74c3c66;color:#fff;transform:translateY(-2px)}.theme-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.theme-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#2c2c2ce6,#1a1a1ae6);border:2px solid #e74c3c33;border-radius:28px;box-shadow:0 6px 20px #0000004d;cursor:pointer;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100px;min-width:180px;overflow:hidden;padding:1.5rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-button:before{background:linear-gradient(135deg,#e74c3c,#e74c3ccc);background:linear-gradient(135deg,var(--theme-color,#e74c3c) 0,#e74c3ccc 100%);border-radius:26px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.theme-button:hover:before{opacity:.15}.theme-button:hover{box-shadow:0 16px 40px #e74c3c66;transform:translateY(-6px) scale(1.03)}.theme-button.selected,.theme-button:hover{border-color:#e74c3c;border-color:var(--theme-color,#e74c3c)}.theme-button.selected{background:linear-gradient(145deg,#e74c3c,#e74c3ce6);background:linear-gradient(145deg,var(--theme-color,#e74c3c) 0,#e74c3ce6 100%);box-shadow:0 16px 40px #e74c3c80;color:#fff;transform:translateY(-4px)}.theme-button.selected:before{opacity:0}.theme-icon{filter:drop-shadow(0 3px 6px rgba(0,0,0,.4));font-size:3.5rem}.theme-icon,.theme-name{position:relative;z-index:1}.theme-name{font-size:1.1rem;font-weight:700;line-height:1.3;text-align:center;text-shadow:0 2px 4px #0006}.text-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:2px solid #e74c3c4d;border-radius:20px;color:#fff;font-family:inherit;font-size:1rem;padding:1.25rem 1.5rem;transition:all .3s ease}.text-input:focus{background:#1a1a1ae6;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c26;outline:none;transform:translateY(-2px)}.text-input::placeholder{color:#888;font-style:italic}.generate-button{align-items:center;background:linear-gradient(145deg,#e74c3c,#c0392b);border:none;border-radius:25px;box-shadow:0 8px 25px #e74c3c4d;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;justify-content:center;margin:2rem auto 0;min-width:250px;padding:1.5rem 3rem;text-shadow:0 1px 2px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.generate-button:hover:not(:disabled){background:linear-gradient(145deg,#c0392b,#e74c3c);box-shadow:0 12px 35px #e74c3c66;transform:translateY(-3px) scale(1.02)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.story-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141414f2;border:1px solid #e74c3c33;border-radius:var(--border-radius);box-shadow:0 4px 20px #0006;padding:1.5rem;position:relative;z-index:1}.story-card:before{background:linear-gradient(135deg,#8b000014,#dc143c08);border-radius:var(--border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.story-header{margin-bottom:1.5rem}.story-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.story-meta{display:flex;gap:1.5rem}.meta-item{color:var(--text-secondary);font-size:.9rem}.meta-item,.playing-indicator{align-items:center;display:flex;gap:.25rem}.playing-indicator{color:var(--primary-color)!important;font-weight:600}.playing-badge{animation:pulse 2s infinite;border-radius:50%;font-size:12px;height:24px;width:24px}.playing-badge,.privacy-badge{align-items:center;background:#e74c3c33;color:#e74c3c;display:flex;justify-content:center}.privacy-badge{border:1px solid #e74c3c4d;border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.story-content{border-top:1px solid #e74c3c33;margin-top:2rem;padding-top:2rem}.story-content h4{color:#e74c3c;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px #0000004d}.story-content p{color:#e0e0e0;font-size:1.1rem;line-height:1.7;margin:0;text-align:justify;text-shadow:0 1px 2px #0000004d}.story-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.action-button,.story-actions{align-items:center;display:flex}.action-button{border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-button.primary{background:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.action-button.primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-button.secondary{background:#ffffffe6;border:2px solid var(--border-color);color:var(--text-primary)}.action-button.secondary:hover:not(:disabled){background:#fff;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.action-button.danger{background:#ef4444;color:#fff}.action-button.danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.action-button.small{font-size:.85rem;min-width:auto;padding:.5rem}.action-button.audio-control{overflow:hidden;position:relative}.action-button.audio-control:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-button.audio-control:hover:before{left:100%}.action-button.playing{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 0 0 #667eea00}}.library-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem}.library-section h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem}.empty-state{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.empty-state h3{color:var(--text-primary);margin:1rem 0 .5rem}.loading-state{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.loading-state h3{color:var(--text-primary);margin:1rem 0 .5rem}.podcast-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.podcast-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141414f2;border:1px solid #e74c3c33;border-radius:var(--border-radius);box-shadow:0 4px 20px #0006;padding:1.5rem;position:relative;transition:all .3s ease;z-index:1}.podcast-card:before{background:linear-gradient(135deg,#8b000014,#dc143c08);border-radius:var(--border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.podcast-card:hover{border-color:#e74c3c66;box-shadow:0 8px 30px #00000080;transform:translateY(-2px)}.podcast-header{margin-bottom:1rem}.podcast-header h4{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.podcast-meta{display:flex;gap:.5rem}.theme-badge{align-items:center;border-radius:20px;color:#fff;display:flex;font-size:.8rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.podcast-preview{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.podcast-actions{display:flex;gap:.5rem}.settings-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);padding:2.5rem}.settings-section h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:2rem}.settings-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.setting-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#141414f2;border:1px solid #e74c3c33;border-radius:var(--border-radius);box-shadow:0 4px 20px #0006;padding:1.5rem;position:relative;z-index:1}.setting-card:before{background:linear-gradient(135deg,#8b000014,#dc143c08);border-radius:var(--border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.setting-card h3{color:#fff;font-size:1.3rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px #00000080}.setting-card p{color:#e0e0e0;margin:0 0 1rem}.setting-options{display:flex;flex-direction:column;gap:.5rem}.setting-button{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-weight:500;padding:.75rem 1rem;text-align:left;transition:all .3s ease}.setting-button:hover{background:#667eea0d;border-color:var(--primary-color)}.setting-button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.setting-card .preferences-display{background:#f7fafc;border-radius:18px;box-shadow:0 2px 12px #667eea12;display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem;padding:1.5rem 1.5rem 1.25rem}.preference-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 0}.preference-row:last-child{border-bottom:none}.preference-label{color:#4a5568;font-size:1.05rem;font-weight:600}.preference-value{background:#e9d8fd;border-radius:12px;box-shadow:0 1px 4px #667eea0f;color:#6b21a8;font-size:1rem;font-weight:500;min-width:120px;padding:.4rem 1rem;text-align:center}.setting-card .setting-button{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 8px #667eea1a;color:#fff;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:.9rem 0;transition:background .2s,box-shadow .2s}.setting-card .setting-button:hover{background:linear-gradient(90deg,#764ba2,#667eea);box-shadow:0 4px 16px #667eea21}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-top:1px solid #fff3;color:var(--text-secondary);font-weight:500;padding:1.5rem;text-align:center}.footer-content{gap:1rem;margin:0 auto;max-width:1200px}.developer-section,.footer-content{align-items:center;display:flex;flex-direction:column}.developer-section{background:#667eea0d;border:1px solid #667eea1a;border-radius:var(--border-radius);gap:.75rem;margin-top:.5rem;padding:1rem}.developer-section p{color:var(--text-primary);font-size:.95rem;margin:0}.api-link{align-items:center;background:var(--primary-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.api-link:hover{background:#5a67d8;box-shadow:var(--shadow-md);transform:translateY(-1px)}.api-link:active{transform:translateY(0)}.powered-by-section{align-items:center;display:flex;gap:.5rem;margin-top:1rem}.powered-by-section p{color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.golpo-brand-logo{border-radius:4px;filter:brightness(.9);height:32px;opacity:.9;transition:all .3s ease;width:auto}.golpo-brand-logo:hover{filter:brightness(1);opacity:1;transform:scale(1.05)}@media (max-width:768px){.header-content{padding:0 1rem}.logo h1{font-size:2rem}.nav-tabs{gap:.5rem;padding:0 1rem}.tab-button{font-size:.9rem;padding:.75rem 1rem}.main-content{padding:1rem}.config-card,.library-section,.settings-section,.story-card{padding:1.5rem}.form-grid{gap:1.5rem;grid-template-columns:1fr}.theme-grid{grid-template-columns:repeat(2,1fr)}.option-grid,.podcast-grid,.settings-grid{grid-template-columns:1fr}.story-actions{flex-direction:column}.action-button{width:100%}.config-header{align-items:flex-start;flex-direction:column;gap:1rem}.language-indicator{align-self:flex-start}.footer-content{padding:0 1rem}.developer-section{padding:.75rem;text-align:center}.developer-section p{font-size:.9rem}.api-link{font-size:.95rem;padding:.75rem 1.5rem}}@media (max-width:480px){.logo{flex-direction:column;gap:.5rem}.logo h1{font-size:1.75rem}.nav-tabs{flex-direction:column;gap:.25rem}.tab-button{justify-content:center}.theme-grid{grid-template-columns:1fr}.story-meta{flex-direction:column;gap:.5rem}}.language-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.language-button{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:80px;padding:1rem .75rem;transition:all .3s ease}.language-button:hover{background:#667eea0d;border-color:var(--primary-color);transform:translateY(-2px)}.language-button.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.language-flag{font-size:1.5rem}.language-name{font-size:.85rem;font-weight:600;text-align:center}.language-dropdown{margin-top:1rem}.language-select{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.language-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.language-select option{padding:.5rem}.language-flag-small{font-size:1rem;margin-right:.25rem}.language-badge{align-items:center;background:#ffffffe6;border-radius:var(--border-radius);color:var(--text-primary);display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem}.language-settings{display:flex;flex-direction:column;gap:1rem}.language-grid-settings{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.language-button-settings{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.5rem;justify-content:center;min-height:80px;padding:1rem .75rem;transition:all .3s ease}.language-button-settings:hover{background:#667eea0d;border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.language-button-settings.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-lg);color:#fff;transform:translateY(-2px)}.language-button-settings .language-flag{font-size:1.5rem}.language-button-settings .language-name{font-size:.875rem;line-height:1.2;text-align:center}.language-dropdown-settings{margin-top:.5rem}.language-select-settings{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.language-select-settings:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.language-select-settings option{padding:.5rem}.current-language-display{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:var(--border-radius);display:flex;justify-content:space-between;margin-top:1rem;padding:1rem}.current-language-label{color:var(--text-primary);font-weight:600}.current-language-value{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:500;gap:.5rem}@media (max-width:768px){.language-grid-settings{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.language-button-settings{min-height:70px;padding:.75rem .5rem}.language-button-settings .language-flag{font-size:1.25rem}.language-button-settings .language-name{font-size:.8rem}.current-language-display{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.language-grid-settings{grid-template-columns:repeat(2,1fr)}.language-button-settings{min-height:60px}}.modal-backdrop.registration-modal{align-items:center;background:#667eea26;bottom:0;display:flex;justify-content:center;left:0;min-height:100vh;min-width:100vw;position:fixed;right:0;top:0;z-index:10000}.modal.registration-modal-card{animation:fadeIn .5s;background:#fff;border-radius:24px;box-shadow:0 8px 32px #667eea26;max-width:420px;padding:2.5rem 2.5rem 2rem;text-align:center;width:100%}@media (max-width:600px){.modal.registration-modal-card{max-width:98vw;padding:1.25rem .5rem 1rem}}.header-right{flex-wrap:wrap;gap:1.5rem;justify-content:center}.header-right,.logout-button{align-items:center;display:flex}.logout-button{background:#ef44441a;border:1px solid #ef444433;border-radius:var(--border-radius);color:#ef4444;cursor:pointer;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.logout-button:hover{background:#ef444426;border-color:#ef44444d;transform:translateY(-1px)}.logout-button span{display:none}@media (min-width:768px){.logout-button span{display:inline}}.login-button{align-items:center;background:var(--primary-color);border:none;border-radius:var(--border-radius);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-button:hover{background:#5a67d8;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.login-button span{display:none}@media (min-width:768px){.login-button span{display:inline}}.auth-required-state{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.auth-required-state svg{color:var(--primary-color);margin-bottom:1.5rem;opacity:.8}.auth-required-state h3{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:1rem}.auth-required-state p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem;max-width:400px}.auth-required-state .generate-button{margin-top:1rem}textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border:2px solid #e74c3c4d;border-radius:20px;color:#fff;font-family:inherit;font-size:1rem;min-height:100px;padding:1.25rem 1.5rem;resize:vertical;transition:all .3s ease}textarea:focus{background:#1a1a1ae6;border-color:#e74c3c;box-shadow:0 0 0 4px #e74c3c26;outline:none;transform:translateY(-2px)}textarea::placeholder{color:#888;font-style:italic}.audio-progress-container{margin:1rem 0;padding:.5rem 0}.audio-progress-bar{background:#e74c3c33;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.audio-progress-bar:hover{background:#e74c3c4d;height:8px;transform:translateY(-1px)}.audio-progress-bar:active{background:#e74c3c66;height:10px}.audio-progress-fill{background:linear-gradient(90deg,#e74c3c,#c0392b);border-radius:3px;height:100%;position:relative;transition:width .1s ease}.audio-progress-fill:after{background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px #0000004d;content:"";height:12px;opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-3px);transition:all .2s ease;width:12px}.audio-progress-bar:hover .audio-progress-fill:after{box-shadow:0 3px 8px #0006;height:16px;opacity:1;transform:translate(50%,-5px);width:16px}.audio-progress-bar:active .audio-progress-fill:after{box-shadow:0 4px 12px #00000080;height:18px;transform:translate(50%,-6px);width:18px}.audio-time-display{align-items:center;color:#b0b0b0;display:flex;font-size:.85rem;font-weight:500;justify-content:space-between}.audio-time-display span{background:#e74c3c1a;border:1px solid #e74c3c33;border-radius:4px;padding:.25rem .5rem}@media (max-width:768px){.audio-progress-container{margin:.75rem 0}.audio-time-display{font-size:.8rem}.audio-time-display span{padding:.2rem .4rem}}.audio-tooltip{background:#000000e6;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;pointer-events:none;top:-35px;white-space:nowrap;z-index:10}.audio-tooltip,.audio-tooltip:after{position:absolute;transform:translateX(-50%)}.audio-tooltip:after{border:4px solid #0000;border-top-color:#000000e6;content:"";left:50%;top:100%}.ycombinator-badge{background:linear-gradient(135deg,#f60,#ff8533);border-radius:20px;box-shadow:0 2px 8px #ff66004d;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase;transition:all .3s ease}.ycombinator-badge:hover{box-shadow:0 4px 12px #f606;transform:translateY(-2px)}
/*# sourceMappingURL=main.0147459b.css.map*/