*{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 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,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:var(--shadow-lg);padding:1.5rem 0}.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:80px;margin-right:.75rem;object-fit:cover;width:80px}.golpo-logo,.logo h1{vertical-align:middle}.logo h1{color:#2d3748;display:inline-block;font-size:2.2rem;font-weight:800;letter-spacing:-1px;margin:0}.tagline{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #fff3;box-shadow:var(--shadow-md);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:var(--text-secondary);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:#667eea1a;color:var(--primary-color)}.tab-button.active{background:var(--primary-color);box-shadow:var(--shadow-md);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(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}.config-card h2{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.config-card>p{color:var(--text-secondary);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:#667eea1a;border:1px solid #667eea33;border-radius:var(--border-radius);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;white-space:nowrap}.language-indicator,.language-indicator svg{color:var(--primary-color)}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group.full-width{grid-column:1/-1}.form-group label{color:var(--text-primary);font-size:1rem;font-weight:600}.option-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.option-button{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.option-button:hover{background:#667eea0d;border-color:var(--primary-color)}.option-button.selected{background:var(--primary-color);border-color:var(--primary-color);box-shadow:var(--shadow-md);color:#fff}.theme-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.theme-button{align-items:center;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius-lg);color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-weight:500;gap:.5rem;overflow:hidden;padding:1.5rem 1rem;position:relative;transition:all .3s ease}.theme-button:before{background:var(--theme-color);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.theme-button:hover:before{opacity:.1}.theme-button:hover{transform:translateY(-2px)}.theme-button.selected,.theme-button:hover{border-color:var(--theme-color);box-shadow:var(--shadow-lg)}.theme-button.selected{background:var(--theme-color);color:#fff}.theme-button.selected:before{opacity:0}.theme-icon{font-size:2rem;position:relative;z-index:2}.theme-name{font-size:.9rem;font-weight:600}.text-input{background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-primary);font-size:1rem;padding:1rem;transition:all .3s ease}.text-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}.text-input::placeholder{color:var(--text-secondary)}.generate-button{align-items:center;align-self:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;margin-top:1rem;padding:1.25rem 2.5rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.generate-button:hover:not(:disabled){box-shadow:var(--shadow-xl);transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.story-card{-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}.story-header{margin-bottom:1.5rem}.story-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.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{align-items:center;background:var(--primary-color);border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;margin-left:.5rem;width:24px}.story-content{margin-bottom:2rem}.story-content p{color:var(--text-primary);font-size:1.1rem;line-height:1.8;text-align:justify}.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.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{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem;transition:all .3s ease}.podcast-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.podcast-header{margin-bottom:1rem}.podcast-header h4{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.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}.podcast-actions .action-button.danger{background-color:#e53e3e;color:#fff}.podcast-actions .action-button.danger:hover{background-color:#c53030}.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);max-width:1200px;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{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:1.5rem}.setting-card h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.setting-card p{color:var(--text-secondary);font-size:.95rem;margin-bottom: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:1.5rem;margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center}.footer-content,.made-with-section{align-items:center;display:flex;flex-direction:column}.made-with-section{gap:.75rem}.made-with-section p{font-size:1rem;margin:0}.created-using-golpo,.made-with-section p{color:var(--text-secondary);font-weight:500}.created-using-golpo{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.created-using-golpo span{opacity:.8}.golpo-brand-logo{height:20px;opacity:.8;transition:opacity .3s ease}.golpo-brand-logo:hover{opacity:1}.developer-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius);max-width:600px;padding:1rem 1.5rem;width:100%}.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{gap:.5rem;margin-top:1rem}.powered-by-section,.yc-badge{align-items:center;display:flex}.yc-badge{background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:8px;box-shadow:0 2px 8px #ff6b354d;flex-direction:column;gap:.25rem;padding:.5rem .75rem;transition:all .3s ease}.yc-badge:hover{box-shadow:0 4px 12px #ff6b3566;transform:translateY(-2px)}.yc-text{color:#ffffffe6;font-size:.7rem;font-weight:500;text-transform:uppercase}.yc-logo,.yc-text{letter-spacing:.5px}.yc-logo{color:#fff;font-size:.9rem;font-weight:700}@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}.made-with-section{gap:.5rem}.created-using-golpo{font-size:.8rem}.golpo-brand-logo{height:18px}.developer-section{padding:.75rem;text-align:center}.developer-section p{font-size:.9rem}.api-link{font-size:.95rem;padding:.75rem 1.5rem}.powered-by-section{flex-direction:column;gap:.75rem}.yc-badge{padding:.4rem .6rem}.yc-text{font-size:.65rem}.yc-logo{font-size:.8rem}}@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}.progress-bar-container{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.progress-bar-container.small{gap:.5rem;margin-top:.75rem}.time-display{color:#718096;font-size:.8rem;min-width:35px;text-align:center}.progress-bar{-webkit-appearance:none;appearance:none;background:#e2e8f0;border-radius:5px;height:6px;opacity:.9;outline:none;transition:opacity .2s;width:100%}.progress-bar:hover{opacity:1}.progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:16px;width:16px}.progress-bar::-moz-range-thumb{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #0003;cursor:pointer;height:16px;width:16px}.privacy-toggle-container{margin-top:.5rem}.privacy-toggle{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s ease;width:100%}.privacy-toggle:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.privacy-toggle.private{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#f56565}.privacy-toggle.public{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-color:#48bb78}.privacy-icon{align-items:center;background:#fffc;border-radius:50%;color:#4a5568;display:flex;height:32px;justify-content:center;width:32px}.privacy-toggle.private .privacy-icon{color:#c53030}.privacy-toggle.public .privacy-icon{color:#2f855a}.privacy-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.privacy-label{color:#2d3748;font-size:1rem;font-weight:600}.privacy-description{color:#718096;font-size:.875rem}.privacy-indicator{font-size:1.25rem;opacity:.8}.privacy-badge{align-items:center;border-radius:6px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.privacy-badge.private{background:#fed7d7;border:1px solid #feb2b2;color:#c53030}.action-button:disabled{background:#e2e8f0!important;color:#a0aec0!important;cursor:not-allowed;opacity:.5}.action-button:disabled:hover{box-shadow:none!important;transform:none!important}.edit-privacy-container{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.edit-privacy-content{align-items:center;display:flex;flex:1 1;gap:1rem}.edit-label{color:#4a5568;font-size:.9rem;font-weight:600}.edit-privacy-toggle{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.edit-privacy-toggle:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.edit-privacy-toggle.private{background:linear-gradient(135deg,#fed7d7,#feb2b2);border-color:#f56565;color:#c53030}.edit-privacy-toggle.public{background:linear-gradient(135deg,#c6f6d5,#9ae6b4);border-color:#48bb78;color:#2f855a}.edit-privacy-icon{align-items:center;background:#fffc;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.edit-privacy-text{font-weight:600}.edit-privacy-emoji{font-size:1rem}.edit-cancel-button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#718096;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.edit-cancel-button:hover{background:#f7fafc;border-color:#cbd5e0}.share-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:480px;overflow:hidden;padding:0;width:90%}.share-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:1.75rem 2rem;position:relative}.share-modal-header:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.share-modal-header h3{font-size:1.4rem;font-weight:700;letter-spacing:-.025em;margin:0}.share-modal-header .close-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:36px;justify-content:center;padding:0;transition:all .2s ease;width:36px}.share-modal-header .close-modal:hover{background-color:#fff3;transform:scale(1.1)}.share-options{grid-gap:1rem;background:#fafbfc;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);padding:2rem}.share-option{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 1px 3px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.875rem;overflow:hidden;padding:1.25rem 1rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.share-option:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.share-option:hover{border-color:#667eea33;box-shadow:0 8px 25px #00000026;transform:translateY(-3px)}.share-option:hover:before{opacity:1}.share-icon{font-size:1.5rem}.share-icon,.share-option span:not(.share-icon){position:relative;z-index:1}.share-option.facebook:hover{background:linear-gradient(135deg,#1877f2,#166fe5);border-color:#1877f2;color:#fff}.share-option.twitter:hover{background:linear-gradient(135deg,#1da1f2,#1a91da);border-color:#1da1f2;color:#fff}.share-option.whatsapp:hover{background:linear-gradient(135deg,#25d366,#20ba5a);border-color:#25d366;color:#fff}.share-option.reddit:hover{background:linear-gradient(135deg,#ff4500,#e63900);border-color:#ff4500;color:#fff}.share-option.linkedin:hover{background:linear-gradient(135deg,#0077b5,#005885);border-color:#0077b5;color:#fff}.share-option.telegram:hover{background:linear-gradient(135deg,#08c,#069);border-color:#08c;color:#fff}.share-option.email:hover{background:linear-gradient(135deg,#ea4335,#d33426);border-color:#ea4335;color:#fff}.share-option.copy:hover{background:linear-gradient(135deg,#667eea,#5a67d8);border-color:#667eea;color:#fff}.modal-backdrop{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:slideIn .3s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.content-source-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:.5rem}.content-source-button{align-items:center;background:#f7fafc;border:2px solid #e2e8f0;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-align:left;transition:all .3s ease;width:100%}.content-source-button:hover{background:#667eea0d;transform:translateY(-2px)}.content-source-button.selected,.content-source-button:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md)}.content-source-button.selected{background:#667eea1a}.content-source-button svg{color:var(--primary-color);flex-shrink:0}.source-title{color:var(--text-primary);display:block;font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.source-description{color:var(--text-secondary);display:block;font-size:.9rem;line-height:1.4}.file-upload-container{margin-top:.5rem;position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-upload-label{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:var(--border-radius);cursor:pointer;display:block;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-label:hover{background:#667eea0d;border-color:var(--primary-color)}.file-upload-placeholder{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.5rem}.file-upload-placeholder svg{color:var(--primary-color)}.file-hint{color:#a0aec0;font-size:.8rem}.file-selected{align-items:center;color:var(--text-primary);display:flex;flex-direction:column;gap:.25rem}.file-name{font-size:1rem;font-weight:500}.file-size{color:var(--text-secondary);font-size:.8rem}.clear-file-button{align-items:center;background:#e53e3e;border:none;border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.clear-file-button:hover{background:#c53030;transform:scale(1.1)}.error-message{background:#e53e3e1a;border-left:3px solid #e53e3e;border-radius:var(--border-radius);color:#e53e3e;font-size:.9rem;margin-top:.5rem;padding:.5rem}@media (max-width:768px){.content-source-options{grid-template-columns:1fr}.content-source-button{padding:1rem}.content-source-button svg{height:18px;width:18px}.source-title{font-size:1rem}.source-description{font-size:.8rem}.file-upload-label{padding:1.5rem}}.source-info{background:#667eea0d;border-left:3px solid var(--primary-color);border-radius:var(--border-radius);margin-top:.75rem;padding:.75rem}.source-item{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.source-icon{flex-shrink:0;font-size:1rem}.source-text{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}.source-link{color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.source-link:hover{color:#5a67d8;text-decoration:underline}@media (max-width:768px){.source-info{padding:.5rem}.source-item{font-size:.8rem}.source-text{align-items:flex-start;flex-direction:column;gap:.25rem}}.public-story-view{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.public-story-view .story-card{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:2rem;width:100%}.public-story-view .story-header{margin-bottom:2rem;text-align:center}.public-story-view .story-header h3{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.public-story-view .story-meta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.public-story-view .story-content{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.public-story-view .story-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1.5rem}.public-story-view .action-button{align-items:center;border-radius:12px;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.public-story-view .action-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.public-story-view .action-button.secondary{background:#f8f9fa;border:2px solid #e2e8f0;color:#333}.public-story-view .action-button:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.public-story-view .progress-bar-container{align-items:center;display:flex;gap:1rem;margin-top:1rem}.public-story-view .time-display{color:#666;font-size:.9rem;min-width:45px}.public-story-view .progress-bar{background:#e2e8f0;border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.public-story-view .progress-bar::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:18px;width:18px}.public-story-view .progress-bar::-moz-range-thumb{background:#667eea;border:none;border-radius:50%;cursor:pointer;height:18px;width:18px}@media (max-width:768px){.public-story-view{padding:1rem}.public-story-view .story-card{padding:1.5rem}.public-story-view .story-header h3{font-size:1.5rem}.public-story-view .story-actions{align-items:center;flex-direction:column}.public-story-view .action-button{justify-content:center;max-width:300px;width:100%}}
/*# sourceMappingURL=main.4eb1da29.css.map*/