.audio-player{position:fixed;bottom:0;left:0;width:100%;background-color:#171717;display:flex;flex-direction:column;z-index:1000;box-shadow:0 -1px 10px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.audio-player .progress-container{position:relative;width:100%;height:3px;padding-bottom:10px;cursor:pointer;overflow:visible;margin:0}.audio-player .progress-background{position:absolute;top:0;left:0;height:3px;width:100%;background-color:#333}.audio-player .progress-bar{position:absolute;top:0;left:0;height:3px;background-color:#fff;transition:width .1s}.audio-player .progress-handle{position:absolute;top:2px;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:50%;background-color:#fff;box-shadow:0 0 4px #0000004d;z-index:2;opacity:0;transition:opacity .2s}.audio-player .progress-handle.visible{opacity:1}.audio-player .time-tooltip{position:absolute;top:-25px;transform:translate(-50%);background-color:#000c;color:#fff;padding:2px 5px;border-radius:3px;font-size:11px;pointer-events:none;z-index:3;white-space:nowrap}.audio-player-controls{display:flex;align-items:center;padding:10px 25px 20px;gap:10px}.playback-controls{display:flex;align-items:center;gap:8px;margin-right:6px}.audio-control-btn{display:flex;align-items:center;justify-content:center;background-color:transparent;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.audio-player .audio-control-btn:disabled{opacity:.5;cursor:not-allowed;color:#666}.audio-player .audio-control-btn.primary{color:#fff}.audio-player .audio-control-btn.primary svg{height:28px;width:28px;stroke-width:0}.audio-player .audio-control-btn.primary.playing{background-color:}.audio-player .audio-control-btn.secondary{color:#fff}.audio-player .audio-control-btn.secondary svg{color:#fff;width:18px;height:18px}.audio-player .audio-control-btn.secondary .time-indicator{color:#898989;font-size:10px;position:absolute}.audio-player .back,.audio-player .forward{padding:0}.audio-control-btn.secondary.back svg,.audio-control-btn.secondary.forward svg{color:#898989;width:28px;height:28px}.time-display{display:flex;align-items:center;color:#ccc;font-size:11px;min-width:80px;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;margin-right:10px}.duration-separator{margin:0 3px;opacity:.6}.now-playing{display:flex;align-items:center;color:#fff;font-size:13px;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:15px}.track-name{font-weight:500;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis}.now-playing .loading{opacity:.7;animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.audio-icon{margin-right:8px;color:#b4b4b4;flex-shrink:0}.volume-control{display:flex;align-items:center;margin-left:auto;gap:8px}.volume-btn{background:none;border:none;color:#ccc;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s}.volume-btn:active{color:#fff}.audio-error{display:flex;align-items:center;margin-left:8px;padding:4px 8px;background-color:#ff000026;border-radius:3px;font-size:11px;color:#ff5252;flex-shrink:0}.error-icon{margin-right:4px;color:#ff5252;flex-shrink:0}.clear-error-btn{background:none;border:none;color:#ff5252;cursor:pointer;padding:2px;margin-left:6px;display:flex;align-items:center;justify-content:center;border-radius:50%}.audio-play-button{display:flex;justify-content:center;align-items:center;background-color:#fff;color:#121212;border:none;border-radius:50%;width:36px;height:36px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #0003}.audio-play-button:disabled{background-color:#444;cursor:not-allowed;opacity:.5}.audio-play-button.playing{background-color:#fff;color:#000}.audio-play-button.playing:hover{background-color:#fff}.audio-play-button.playing svg{fill:#000;color:#000;stroke-width:0px}.audio-play-button.paused{animation:pulse 2s infinite}.audio-play-button.small{width:28px;height:28px}.audio-play-button.large{width:44px;height:44px}.download-btn{color:#66bb6a}.download-btn:active{color:#43a047}@media (max-width: 768px){.audio-player-controls{padding:10px 15px 15px}.playback-controls{gap:8px}.volume-btn,.time-display,.audio-icon{display:none}}.app-header{background-color:#121212b3;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:10;height:50px;border-bottom:1px solid transparent;border-image:linear-gradient(to right,transparent 0%,#2e2e2e 25%,#2e2e2e 75%,transparent 100%) 1}.header-container{display:flex;align-items:center;max-width:1200px;padding:0 15px;height:100%;margin:0 auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-actions{margin-left:auto}.logo a .beta{color:#b4b4b4;font-size:10px;padding:1px 4px;background-color:#303030;margin-left:5px;border-radius:5px;font-weight:600;line-height:1;display:none}.main-nav{margin-left:50px;display:flex;align-items:center}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.main-nav a{text-decoration:none;color:#c8c8c8;font-weight:400;transition:color .2s;font-size:15px}.main-nav a:hover{color:var(--primary-color)}.auth-actions{display:flex;align-items:center;gap:15px}.auth-actions .cta{font-size:15px;font-weight:500;padding:5px 10px;border-radius:5px;display:flex;align-items:center;gap:3px}.auth-actions .cta1{background-color:#fff;color:#000}.token-balance{padding:5px 8px;background-color:#232323;border-radius:5px;font-size:12px;height:20px;display:flex;align-items:center;justify-content:center}.token-balance span{display:flex;align-items:center;gap:3px}.token-balance .lucide-plus{background-color:#fff;padding:2px;border-radius:50px;color:#000;margin-left:2px}.user-icon{height:20px;width:20px;background-color:#232323;padding:5px;border-radius:5px}.mobile-menu-toggle{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:0;margin-right:15px}.mobile-menu-overlay{position:fixed;top:51px;left:0;width:100%;height:100%;background-color:#000000b3;z-index:15;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:51px;left:-300px;width:250px;height:100%;background-color:#121212;z-index:20;overflow-y:auto;transition:left .3s ease;box-shadow:2px 0 5px #0000004d;border-right:1px solid #2e2e2e}.mobile-menu-drawer.active{left:0}.mobile-menu-close{background:none;border:none;color:#fff;cursor:pointer;padding:0}.mobile-nav ul{list-style:none;padding:0;margin:0}.mobile-nav li{border-top:none;background-image:linear-gradient(to right,rgba(46,46,46,0),rgb(35 35 35) 20%,rgb(35 35 35) 80%,rgba(46,46,46,0));background-size:100% 1px;background-repeat:no-repeat;background-position:top}.mobile-nav a{display:block;padding:20px;color:#c8c8c8;text-decoration:none;font-size:16px;transition:background-color .2s}.mobile-nav a:hover{background-color:#1a1a1a}.mobile-token-balance{padding:15px 20px;color:#afa1ff}.mobile-cta{color:#fff;display:flex;align-items:center;gap:5px}@media (max-width: 768px){.main-nav{display:none}.mobile-menu-toggle{display:block}.auth-actions{gap:10px}.auth-actions .cta-2{display:none}.auth-actions .cta1{margin-left:auto;font-size:12px;padding:5px 8px}}.tabbar-container{width:100%;display:none;justify-content:center;background-color:#171717;box-shadow:0 -1px 10px #0000001a;position:fixed;bottom:0;left:0;z-index:100;height:60px}.tabbar{display:flex;justify-content:space-between;width:100%;padding:0 15px}.tab-button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;border:none;background:transparent;cursor:pointer;transition:all .2s ease;color:#8a8a8a;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none}.tab-button:active{color:#333}.tab-button.active{color:#4263eb}.tab-icon{margin-bottom:3px;width:20px;height:20px}.tab-text{font-size:10px;font-weight:500}.home h1{font-size:32px;margin:0;font-weight:600}.home h2{font-weight:600;font-size:25px;margin:0}.head{padding:0 15px;grid-gap:15px;display:grid}.head p{font-size:16px;color:#b4b4b4;margin:0;line-height:1.4;font-weight:300}@media (max-width: 768px){.home h1,.home h2{font-size:20px}.head{text-align:;grid-gap:10px}.head p{font-size:14px}}.hero{max-width:900;padding:50px 0;display:grid;grid-gap:50px;text-align:center}.hero .cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:900px;margin:0 auto;padding:0 15px;box-sizing:border-box;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.hero .cards .card{aspect-ratio:3/4;background-color:#171717;border-radius:10px;position:relative;margin:0;box-sizing:border-box;overflow:hidden;cursor:pointer}.hero .cards img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;transform:scale(1)}.hero .cards .card .details{width:100%;position:absolute;bottom:0;left:0;right:0;padding:30px 8px 10px;gap:6px;justify-content:center;display:flex;align-items:center;justify-content:left;box-sizing:border-box;background:rgb(0,0,0);background:linear-gradient(0deg,rgba(0,0,0,.7245491946778712) 0%,rgba(255,255,255,0) 100%)}.hero .cards .card .details .play{height:35px;width:35px;background-color:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center}.hero .cards .card .play svg{width:20px;height:20px;fill:#171717;stroke:none}.hero .cards .card .details .info{display:grid;grid-gap:5px}.hero .cards .card .details .info .title{display:flex;align-items:center;line-height:1;font-size:15px;font-weight:500}.hero .cards .card .details .info .tags{display:flex;align-items:center;gap:5px}.hero .cards .card .details .info .tags .tag{font-size:10px;line-height:1;background-color:#ffffff91;border-radius:50px;padding:3px 6px;color:#000;font-weight:500}.hero .cta{background-color:#fff;border-radius:5px;width:fit-content;padding:10px 25px;color:#121212;box-sizing:border-box;font-weight:600;display:flex;align-items:center;gap:8px;margin:0 auto}.hero .cta svg{height:20px;width:20px}@media (max-width: 768px){.hero{max-width:900;padding:30px 0;display:grid;grid-gap:30px;text-align:center}.hero .head h1{font-size:20px}.hero .cards{display:flex;overflow:auto;width:100%;gap:15px}.hero .cards .card{min-width:65%;max-width:38%}}.home-features{display:grid;text-align:center;max-width:900px;margin:0 auto;padding:50px 0}.home-features .feature{display:grid;grid-gap:25px}.home-features .feature .more{color:#696969;font-size:14px}.boxes{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:15px;padding:0 15px}.boxes .box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;aspect-ratio:1 / 1;background-color:#171717;color:#b4b4b4;font-size:14px;border-radius:10px}.box svg{margin-bottom:.5rem;width:24px;height:24px}@media (max-width: 768px){.boxes{grid-template-columns:repeat(3,1fr);grid-gap:10px}.boxes .box{font-size:12px}}.faq-section{max-width:600px;margin:4rem auto;padding:0 1rem;display:grid;grid-gap:25px}.faq-title{text-align:center;margin-bottom:2rem;font-size:1.8rem;color:#fff}.faq-container{border-radius:8px;overflow:hidden}.faq-item{background:#171717;border-bottom:1px solid #2e2e2e;overflow:hidden}.faq-item:last-child{border-bottom:none}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:25px 20px;cursor:pointer;color:#b4b4b4;font-size:14px;font-weight:400}.faq-icon{display:flex;align-items:center;color:#b4b4b4;height:18px;width:18px}.faq-answer{height:0;overflow:hidden;opacity:0;transition:height .3s ease,opacity .3s ease}.faq-open{height:auto;opacity:1;padding:0 1rem 1rem;padding:20px;color:#b4b4b4;background-color:#1c1c1c}.faq-answer p{color:#b4b4b4;line-height:1.5;font-size:14px;margin:0;font-weight:300}.dashboard{padding:15px;max-width:700px;margin:0 auto}.dashboard .cards{display:grid;grid-gap:25px}.dashboard .cards .card{background-color:#171717;border-radius:10px;padding:15px;border:1px solid #232323}.dashboard .cards .card h2{font-size:15px;font-weight:500;margin-bottom:12px}.dashboard .elements{display:grid;grid-gap:15px}.dashboard .elements div{display:grid;grid-gap:5px}.dashboard .elements div label{font-size:12px;color:#c8c8c8;font-weight:500}.dashboard .elements div span{font-size:12px;color:#898989;font-weight:400;padding:4px 6px;background-color:#232323;border-radius:5px;width:fit-content}.dashboard .cards .card a{font-size:13px;color:#c8c8c8}.dashboard .cards .card a.cta{font-size:13px;color:#121212;background-color:#fff;width:fit-content;padding:5px 10px;border-radius:3px;font-weight:500}.dashboard .cards .card a.delete{padding-top:15px;border-top:none;background-image:linear-gradient(to right,rgba(46,46,46,0),rgb(35 35 35) 5%,rgb(35 35 35) 95%,rgba(46,46,46,0));background-size:100% 1px;background-repeat:no-repeat;background-position:top;color:#757575;font-size:12px}.billing-cycle{max-width:350px}.billing-cycle .timeline{position:relative;height:4px;background-color:#2e2e2e;margin-top:10px;margin-bottom:5px;border-radius:10px}.billing-cycle .billing-progress{position:absolute;height:2px;width:40%;background-color:#c8c8c8;border:1px solid #ccc;margin:0;border-radius:10px}.billing-cycle .dates{display:flex!important;justify-content:space-between}.billing-cycle .dates span{color:#777!important;font-size:10px!important}.purchases{display:grid;grid-gap:15px}.purchases .empty{color:#898989;font-size:12px}.purchase-item{border-radius:10px;padding:15px;font-size:12px;position:relative;display:grid;grid-gap:5px;border:1px solid #232323;color:#898989}.purchase-status{position:absolute;right:15px;top:15px}.purchase-status span{background-color:#121212;padding:3px 6px;text-transform:capitalize;border-radius:5px;font-size:10px}.purchase-status .success{background-color:#00968836;color:#b4ffd6c7}.purchase-status .error{background-color:#ff908821;color:#ff9191cf}.purchase-info{text-transform:capitalize;display:flex;gap:6px}.purchase-info em{color:#3d3d3d}.purchase-id{color:#898989}.purchases button{background-color:#232323;color:#898989;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;width:fit-content;margin:0 auto;font-size:12px}.loading-dots{margin-top:100px;margin-bottom:25px;display:flex;justify-content:center;align-items:center;gap:8px}.dot{width:8px;height:8px;background-color:#fff;border-radius:50%;display:inline-block;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}}:root{--color-primary: #9d8efa;--color-primary-dark: #6a5acd;--color-success: #4CAF50;--color-success-light: #75e37c;--color-danger: #ff6b6b;--color-warning: #ff9800;--bg-dark: #222;--bg-medium: #171717;--bg-light: #444;--text-primary: #fff;--text-secondary: #eee;--text-muted: #bbb;--text-dim: #999;--border-color: #2e2e2e;--border-color-hover: #555;--shadow-sm: 0 4px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 15px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .3);--spacing-xs: 5px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 5px;--radius-round: 10px;--radius-full: 50%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-bar-stripes{0%{background-position:30px 0}to{background-position:0 0}}@keyframes progress-animation{0%{background-position:0 0}to{background-position:60px 0}}.create-container{max-width:900px;margin:0 auto;padding:15px}.stories-form-container{border-radius:var(--radius-lg);color:var(--text-secondary);margin-bottom:40px}.stories-form-container h1{margin-bottom:20px;text-align:center;color:var(--text-primary);font-size:22px;font-weight:600}@media (max-width: 768px){.stories-form-container h1{font-size:20px}}.form-group{margin-bottom:25px;min-height:}.form-group label{display:block;margin-bottom:10px;font-weight:500;color:var(--text-secondary);font-size:16px}.form-text{display:block;color:var(--text-dim);margin-top:5px;font-size:14px}.form-control{width:100%;padding:12px 15px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:16px;background-color:var(--bg-medium);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.form-control:focus{border-color:var(--color-primary-dark);outline:none;box-shadow:0 0 0 2px #6a5acd40}input[type=checkbox],input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border-color);outline:none;transition:all .1s ease;position:relative;background-color:var(--bg-medium);margin:0}input[type=checkbox]{border-radius:3px}input[type=radio]{border-radius:var(--radius-full)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#535353;border-color:#d1d1d1}input[type=checkbox]:checked:before{content:"✓";position:absolute;color:#fff;font-size:16px;line-height:1;top:50%;left:50%;transform:translate(-50%,-50%)}input[type=radio]:checked:before{content:"";position:absolute;width:10px;height:10px;background-color:#fff;border-radius:var(--radius-full);top:50%;left:50%;transform:translate(-50%,-50%)}.btn{padding:12px 30px;border:none;border-radius:var(--radius-md);font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#ffffff1a;transition:width .3s ease}.btn:hover:before{width:100%}.btn:hover{transform:translateY(-2px)}.btn-primary,.btn-success{background:white;color:#000;margin-left:auto;display:flex;align-items:center;gap:8px;width:fit-content}.btn-primary svg{width:18px;height:18px}.btn-primary.end{margin:0 auto}.btn-secondary{background-color:var(--bg-light);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.form-buttons{display:flex;align-items:center;justify-content:space-between;padding:15px;height:90px;border-top:1px solid #1d1d1d;position:fixed;max-width:900px;width:100%;left:0;right:0;bottom:0;margin:0 auto;background-color:#121212;box-sizing:border-box}.checkbox-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;width:100%}.checkbox-grid.x1{grid-template-columns:repeat(1,1fr)}.checkbox-grid.x2{grid-template-columns:repeat(2,1fr)}.checkbox-grid.x3{grid-template-columns:repeat(3,1fr)}.checkbox-item{align-items:center;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background-color:var(--bg-medium);position:relative;overflow:hidden;display:flex;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;font-size:14px}.checkbox-item:hover{background-color:#90909033;transform:translateY(-2px);box-shadow:;border-color:#fff}.checkbox-item.selected{background-color:#90909033;border-color:#eee}.checkbox-item.selected:before{content:"";position:absolute;top:0;left:0;height:100%;width:4px;background:linear-gradient(to bottom,#636363,#ffffff)}.checkbox-label{margin-left:10px;color:var(--text-secondary);font-weight:400;font-size:15px}.alert{padding:15px;margin-bottom:20px;border-radius:var(--radius-md);animation:slideDown .3s ease forwards;position:relative;overflow:hidden}.alert-danger{background-color:#dc354533;color:var(--color-danger);border:1px solid rgba(220,53,69,.3);border-left:4px solid var(--color-danger);padding:10px;display:grid;grid-gap:5px}.alert-danger h4{color:var(--color-danger);margin:0;font-size:12px;font-weight:600}.alert-danger p{margin:0;font-size:12px;font-weight:300}.alert-success{background-color:#28a74533;color:var(--color-success-light);border:1px solid rgba(40,167,69,.3)}.alert-warning,.no-durations-available{background-color:#dc354533;color:var(--color-danger);padding:15px;border-radius:var(--radius-lg);text-align:center;margin:15px 0;display:flex;align-items:center;gap:10px;border:1px solid rgba(220,53,69,.4)}.error-debug{margin-top:15px;padding-top:10px;border-top:1px dashed rgba(220,53,69,.3);font-size:.85rem;opacity:.8}.progress-container{margin:20px 0}.progress{height:10px;background-color:#1d1d1d;border-radius:5px;overflow:hidden;margin-bottom:10px;position:relative}.progress-bar{background:linear-gradient(90deg,#ffffff29,#4a4a4a78);transition:width .5s ease-in-out;border-radius:5px;height:100%;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%);background-size:30px 30px;animation:progress-bar-stripes 1s linear infinite}.progress-text{text-align:center;font-size:14px;color:var(--text-muted);font-weight:500}.progress-bar-animated{background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary));height:100%;width:100%;animation:progress-animation 2s infinite linear;background-size:30px 30px;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%)}.spinner{display:inline-block;width:50px;height:50px;border:3px solid rgb(148,148,148,.3);border-radius:var(--radius-full);border-top-color:#ffffff4d;animation:spin 1s ease-in-out infinite;margin:0 auto 20px}.loading-icon{padding:60px 40px;text-align:center;color:#fff;border-radius:var(--radius-lg)}.summary-box{background-color:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;margin-top:20px;display:grid;grid-gap:10px}.summary-item{display:flex;gap:6px;font-size:12px;gap:8px;color:#898989;align-items:center}.summary-item .item-label{display:flex;align-items:center;min-width:90px;gap:5px}.confirmation-note{margin-top:25px;padding:15px;background-color:#6a5acd1a;border-left:4px solid var(--color-primary-dark);border-radius:var(--radius-sm)}.stories-form{display:flex;flex-direction:column;justify-content:space-between}.step-content{min-height:auto;animation:fadeIn .3s ease-in-out}.step-content h2{color:#fff;font-size:18px;font-weight:600;margin:0 0 15px;display:flex;align-items:center}.step-content h2 span{color:#858585;margin-left:10px;font-weight:400;font-size:10px;background-color:#232323;border-radius:5px;padding:2px 5px}@media (max-width: 768px){.step-content h2{font-size:16px}}.auth-required{padding:40px;text-align:center;color:var(--text-secondary);background-color:var(--bg-dark);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-required h2{color:var(--color-primary);margin-bottom:15px}.generating-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem;text-align:center;margin:2rem auto;max-width:800px;color:var(--text-secondary)}.generating-container h2{color:#fff;margin-bottom:1rem}.generation-progress{width:100%;margin:1.5rem 0}.generation-complete{margin-top:2rem;padding:1.5rem;background-color:#4caf501a;border-radius:var(--radius-lg);border-left:4px solid var(--color-success);text-align:center;color:var(--text-secondary)}.check-icon{font-size:2.5rem;color:var(--color-success);margin-bottom:1rem}.generation-complete h3{color:var(--color-success-light);margin-bottom:1rem}.action-buttons{display:flex;justify-content:center;gap:15px;margin-top:20px}.verification-status{color:var(--text-dim);font-style:italic;text-align:center;margin-top:10px}.generated-story-container{background-color:var(--bg-medium);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:grid;grid-gap:10px;max-width:500px;margin:25px auto 0}.story-header{text-align:center;width:100%;display:grid;grid-gap:10px}.story-header svg{height:50px;width:50px;margin:0 auto;color:#4caf50}.story-header h2{text-align:center;display:grid;font-weight:400;font-size:18px}.story-actions{width:100%;display:grid;grid-gap:15px}.story-actions .btn{width:100%;box-sizing:border-box;text-align:center;display:block}.story-error{background-color:#dc354533;color:var(--color-danger);border:1px solid rgba(220,53,69,.3);padding:1.5rem;text-align:center;border-radius:var(--radius-lg);margin:1rem 0}.duration-selector{width:100%;display:flex;flex-direction:column;align-items:center}.range-container{width:100%;margin-bottom:15px;position:relative}.range-labels{display:flex;justify-content:space-between;font-size:.9rem;color:var(--text-dim);margin-bottom:8px}.form-range{width:100%;-webkit-appearance:none;background:transparent;outline:none;margin:15px 0}.form-range::-webkit-slider-runnable-track{width:100%;height:10px;background:var(--bg-light);border-radius:5px;cursor:pointer}.form-range::-webkit-slider-fill-lower{background:var(--color-primary);height:10px;border-radius:5px}.form-range::-moz-range-track{width:100%;height:10px;background:var(--bg-light);border-radius:5px;cursor:pointer}.form-range::-moz-range-progress{background:var(--color-primary);height:10px;border-radius:5px}.form-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;margin-top:-5px;transition:all .2s ease;box-shadow:0 0 0 3px var(--bg-dark)}.form-range::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary);border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease;box-shadow:0 0 0 3px var(--bg-dark)}.form-range:hover::-webkit-slider-thumb{background:var(--color-primary-dark);transform:scale(1.1)}.form-range:hover::-moz-range-thumb{background:var(--color-primary-dark);transform:scale(1.1)}#duration-markers{display:flex;justify-content:space-between;color:var(--text-dim);font-size:12px}.duration-info-card{background:linear-gradient(145deg,#333,#222);border-radius:15px;padding:15px 25px;box-shadow:var(--shadow-md);text-align:center;min-width:200px;transition:all .3s ease;border:1px solid var(--border-color);margin-top:10px}.duration-value{margin-bottom:10px;font-size:1.5rem;font-weight:700;color:var(--color-primary)}.duration-details{display:flex;justify-content:space-between;gap:15px;color:var(--text-muted);font-size:.9rem}.duration-info{margin-left:5px}.warning-icon{font-size:1.5rem}.debug-details{margin-top:10px;padding:10px;background-color:#0003;border-radius:var(--radius-sm);font-family:monospace;font-size:.8rem}.debug-details p{margin:4px 0;line-height:1.4}@media (max-width: 768px){.checkbox-grid{grid-template-columns:repeat(2,1fr)}.btn{padding:10px 20px;font-size:15px}.summary-item strong{width:100%;margin-bottom:8px}.duration-details{flex-direction:column;gap:10px}.duration-info-card{width:100%;padding:15px}.duration-selector .checkbox-grid{grid-template-columns:repeat(1,1fr)}}#voices input[type=radio]{display:none}#voices .checkbox-label{display:grid;grid-gap:8px;margin:0;padding:8px}#voices .voice-name{display:flex;gap:10px;align-items:center}#voices .voice-tags{display:flex;align-items:center;gap:10px}#voices .voice-tag{background-color:#201f1f;color:#898989;border-radius:100px;padding:3px 8px;line-height:1;border:0px;font-size:12px;text-transform:capitalize;display:flex;align-items:center}#voices .voice-play-button-container{aspect-ratio:1 / 1;height:100%;display:flex;align-items:center;justify-content:center}.voice-play-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#2d2d2d;color:#fff;border:none;cursor:pointer;transition:all .2s ease}.voice-play-button.selected{background-color:#fff;color:#000}.voice-play-button svg{fill:currentcolor;stroke-width:0}.voice-play-button:hover{background-color:#fff;fill:#000}.voice-play-button:hover svg{fill:#000}.voice-play-button:active{background-color:#fff;fill:#000}.voice-play-button:active svg{background-color:#fff;fill:#000}.checkbox-item{display:flex;align-items:center;text-transform:capitalize}#voices .checkbox-grid .checkbox-item{padding-left:8px}.checkbox-item.playing{background-color:#4a90e21a}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.checkbox-item.playing .voice-play-button{animation:pulse 1.5s infinite;background-color:#45c46f}#voices input[type=radio]:checked+.checkbox-item .voice-play-button,#voices input[type=radio]:checked~.checkbox-item .voice-play-button{background-color:#fff}#voices input[type=radio]:checked+.checkbox-item .voice-play-button svg,#voices input[type=radio]:checked~.checkbox-item .voice-play-button svg{fill:#000}@media (max-width: 768px){#voices .x2{grid-template-columns:repeat(1,1fr)}}.custom-dropdown{position:relative;width:100%}.dropdown-selected{display:flex;align-items:center;padding:15px;background-color:#171717;border:1px solid #2e2e2e;border-radius:4px;cursor:pointer;font-size:16px}.dropdown-arrow{margin-left:auto}.dropdown-options{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background-color:#232323;border:1px solid #2d2d2d;margin-top:5px;border-top:none;border-radius:5px;z-index:10;box-shadow:0 4px 8px #0000001a}.dropdown-option{display:flex;align-items:center;padding:15px;cursor:pointer}.dropdown-option:hover{background-color:#171717}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.popup{background-color:#1e1e1e;border-radius:10px;box-shadow:0 10px 25px -5px #0000004d;width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;border:1px solid #2d2d2d;margin:25px}.popup-close{background:none;border:none;color:#6b7280;padding:0;position:absolute;right:8px;top:8px;cursor:pointer}.popup-close svg{height:18px;width:auto}.popup-close:hover{color:#f3f4f6}.popup-top,.popup-bottom{padding:30px;width:100%;box-sizing:border-box}.popup-bottom{background-color:#282828;border-radius:0 0 10px 10px}.google-btn{display:flex;align-items:center;justify-content:center;background-color:#fff;border:none;border-radius:.5rem;padding:8px;width:100%;margin:0 auto;max-width:300px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:background-color .2s ease}.google-btn:hover{background-color:#f9fafb}.google-icon{margin-right:.75rem}#projects{width:100%;margin:0 auto;display:flex;justify-content:center;box-sizing:border-box;padding:15px;gap:25px}#projects h1{margin:0 0 15px;font-size:18px;font-weight:500}.project-list{list-style:none;padding:0;margin:0;flex:1;max-width:700px}.project-list ul{display:grid;grid-gap:15px}.project-item{border-radius:10px;background-color:#171717;padding:0;scroll-margin-top:60px;position:relative}.project-overview{display:flex;align-items:center;width:100%;padding:25px;box-sizing:border-box;gap:25px}.project-play{flex-shrink:0}.project-summary{flex:1;cursor:pointer;padding:0;min-width:0;overflow:hidden;display:grid;grid-gap:10px}.project-title{margin:0 35px 0 0;padding:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;font-size:15px;font-weight:400;color:#c8c8c8;max-width:350px}.project-info{display:flex;align-items:center;gap:8px}.project-meta{color:#898989;font-size:10px;font-weight:400;display:flex;align-items:center;gap:15px}.project-meta .duration{font-weight:500}.project-meta .date{margin-left:auto;display:flex}.project-meta .date .now{background-color:#fff;border-radius:50px;padding:2px 5px;color:#121212}.project-info .status{color:#898989;font-size:11px;text-transform:capitalize;display:flex;align-items:center}.project-info .status.pending{color:#7091ac;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.project-info .status svg{height:14px;width:14px}.project-info .status .completed{color:#898989}.project-info .status .error{color:#be6b6b}.project-info .visibility,.project-info .role{background-color:#201f1f;color:#898989;border-radius:100px;padding:3px 8px;line-height:1;border:0px;font-size:12px;text-transform:capitalize;display:flex;align-items:center}.status-icon{margin-right:4px;height:10px;width:10px}.expand-icon{color:#898989;cursor:pointer;padding:0;flex-shrink:0;position:absolute;right:25px;top:25px}.project-item.expanded .expand-icon{transform:rotate(180deg)}.play-button{background-color:#2d2d2d;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease;padding:0}.play-button:hover{background-color:#4a4a4a}.play-button svg{margin-left:2px;width:16px;height:16px;color:#fff;fill:#fff}.project-details{overflow:hidden;max-height:0;opacity:0;transform:scaleY(0);transform-origin:top;transition:max-height .3s ease-out,opacity .3s ease-out,transform .3s ease-out;display:grid;grid-gap:6px}.project-item.expanded .project-details{max-height:500px;opacity:1;transform:scaleY(1);padding:25px;border-top:1px solid #2e2e2e;border-radius:0 0 10px 10px}.load-more-container{display:flex;justify-content:center;margin:20px 0}.load-more-button{background-color:#232323;color:#898989;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px}.load-more-button:hover{background-color:#333}.load-more-button:disabled{background-color:#777;cursor:not-allowed}.load-more-button svg{transition:transform .3s ease}.load-more-button:hover svg{transform:translateY(2px)}.project-columns-container{width:100%;margin:0 auto;display:flex;gap:20px;justify-content:center;box-sizing:border-box;padding:15px}.project-list-column{flex:1;max-width:700px;overflow-y:auto}.project-details-column{width:40px;position:sticky;top:65px;align-self:flex-start;background-color:#171717;padding:15px;border-radius:10px}.details-container{height:auto}.project-details.always-visible{max-height:none;opacity:1;padding:15px;display:grid;grid-gap:6px}.project-item.active-project{border-left:3px solid #4a6cf7}.project-details-card{display:grid;grid-gap:20px}.details-header h2{margin:0;padding:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;text-overflow:ellipsis;font-size:15px;font-weight:400;color:#c8c8c8;max-width:350px}.details-content{display:grid;grid-gap:10px}.detail-item{display:flex;gap:6px;font-size:12px;gap:8px;color:#898989;align-items:center}.detail-label{display:flex;align-items:center;min-width:90px;gap:5px}.item-values{display:flex;gap:6px;font-size:12px;flex-wrap:wrap}.item-value{background-color:#201f1f;color:#898989;border-radius:100px;padding:3px 8px;line-height:1;border:0px;font-size:12px}.popup-actions{display:flex;justify-content:right;gap:10px;border-top:1px solid transparent;margin-top:15px}.popup-actions a{background-color:#343434;padding:5px 8px;border-radius:5px;font-size:12px;display:flex;align-items:center;line-height:1;gap:5px;color:#aeaeae}.popup-actions a svg{height:12px;width:12px}.transcription-container{margin-top:10px;border-top:1px solid #2d2d2d;padding-top:15px;flex-direction:column;align-items:flex-start}.prompt-container{width:100%;margin-top:8px;align-items:start;display:grid}.prompt-content{background-color:#201f1f;border-radius:8px;padding:10px 12px;font-size:12px;line-height:1.5;color:#898989;white-space:pre-wrap;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 #333;position:relative}.copy-button{position:sticky;top:0;float:right;margin-top:0;margin-right:0;z-index:10;background-color:#2d2d2dd9;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#898989;opacity:.7}.copy-button:hover{opacity:1;background-color:#3c3c3cf2;color:#fff}.prompt-content:hover .copy-button{opacity:.9}.prompt-content p{margin-bottom:8px;padding:0}.prompt-content p:last-child{margin-bottom:0}.prompt-content::-webkit-scrollbar{width:6px}.prompt-content::-webkit-scrollbar-track{background:#333;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.prompt-content::-webkit-scrollbar-thumb:hover{background:#666}.empty-projects{margin:70px auto 0;width:fit-content;display:grid;text-align:center}.empty-projects span{margin-bottom:5px}.empty-projects span svg{color:#232323;height:100px;width:100px}.empty-projects div{color:#b4b4b4;font-size:14px;margin-bottom:15px}.empty-projects a{color:#000;background-color:#fff;font-size:15px;font-weight:500;padding:8px 15px;border-radius:5px;display:flex;justify-content:center;align-items:center;gap:8px}.empty-projects a svg{height:18px;width:18px}.feedback-container{margin-top:50px;display:grid;grid-gap:15px}.feedback-title{font-size:15px;font-weight:500;color:#898989;align-items:center;gap:6px;display:flex;gap:8px}.feedback-form{display:flex;flex-direction:column;width:100%}.feedback-input-wrapper{display:flex;position:relative;width:100%}.feedback-input{width:100%;height:70px;min-height:70px;max-height:70px;padding:12px 15px;border:1px solid var(--border-color, #ddd);border-radius:6px;font-size:14px;outline:none;transition:border-color .2s;resize:none;background-color:#171717;color:#898989;font-size:12px}.feedback-input:focus{border-color:var(--border-color, #ddd);box-shadow:none;outline:none}.feedback-submit-button{position:absolute;right:10px;bottom:10px;padding:5px 8px;background-color:#898989;color:#000;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;gap:5px;font-weight:500}.feedback-submit-button.valid{background-color:#fff;color:#000}.feedback-submit-button:hover:not(:disabled){background-color:var(--primary-hover-color, #2472c8);color:#fff}.feedback-submit-button.valid:hover:not(:disabled){background-color:#f0f0f0;color:#000}.feedback-submit-button:disabled{background-color:#898989;opacity:.6;cursor:not-allowed}.feedback-error{color:var(--error-color, #e53935);font-size:12px;margin-top:8px}.feedback-success{display:flex;align-items:center;justify-content:center;color:var(--success-color, #4caf50);font-weight:500;padding:10px}.feedback-success-icon{margin-right:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.feedback-success{animation:fadeIn .3s ease-in-out}@keyframes vc-spin{to{transform:rotate(360deg)}}.voice-customizer-container{--vc-primary-color: #3b82f6;--vc-primary-hover: #2563eb;--vc-secondary-color: #10b981;--vc-bg-color: #f9fafb;--vc-card-bg: #ffffff;--vc-border-color: #e5e7eb;--vc-text-primary: #111827;--vc-text-secondary: #4b5563;--vc-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--vc-bg-color);min-height:100vh;color:var(--vc-text-primary)}.voice-customizer-container .vc-layout-container{display:flex;flex-direction:column;gap:1rem;padding:1rem}@media (min-width: 768px){.voice-customizer-container .vc-layout-container{flex-direction:row;padding:1.5rem}}.voice-customizer-container .vc-voices-table-section{flex:1;background-color:var(--vc-card-bg);border-radius:.5rem;box-shadow:var(--vc-shadow);overflow:hidden}.voice-customizer-container .vc-table-header{padding:1rem;border-bottom:1px solid var(--vc-border-color)}.voice-customizer-container .vc-table-container{overflow-x:auto}.voice-customizer-container table{width:100%;border-collapse:collapse}.voice-customizer-container th{background-color:#f3f4f6;padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--vc-text-secondary);letter-spacing:.05em}.voice-customizer-container td{padding:.75rem 1rem;border-bottom:1px solid var(--vc-border-color)}.voice-customizer-container tr:hover{background-color:#f9fafb}.voice-customizer-container .vc-row-selected{background-color:#eff6ff!important}.voice-customizer-container .vc-voice-form-section{flex:1;background-color:var(--vc-card-bg);border-radius:.5rem;box-shadow:var(--vc-shadow);padding:1.5rem}@media (min-width: 768px){.voice-customizer-container .vc-voice-form-section{position:sticky;top:1.5rem;align-self:flex-start}}.voice-customizer-container .vc-voice-info{background-color:#eff6ff;border-radius:.375rem;padding:1rem;margin-bottom:1.5rem;border-left:4px solid var(--vc-primary-color)}.voice-customizer-container .vc-voice-info p{margin:.25rem 0}.voice-customizer-container .vc-form-group{margin-bottom:1.5rem}.voice-customizer-container .vc-form-label{display:block;margin-bottom:.5rem;font-weight:500}.voice-customizer-container .vc-text-input{width:100%;padding:.75rem;border:1px solid var(--vc-border-color);border-radius:.375rem;resize:vertical;min-height:120px;transition:border-color .15s ease-in-out}.voice-customizer-container .vc-text-input:focus{outline:none;border-color:var(--vc-primary-color);box-shadow:0 0 0 3px #3b82f633}.voice-customizer-container .vc-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.375rem;font-weight:500;transition:all .15s ease-in-out;cursor:pointer;border:none}.voice-customizer-container .vc-btn-primary{background-color:var(--vc-primary-color);color:#fff}.voice-customizer-container .vc-btn-primary:hover:not(:disabled){background-color:var(--vc-primary-hover)}.voice-customizer-container .vc-btn-primary:disabled{opacity:.65;cursor:not-allowed}.voice-customizer-container .vc-btn-full{width:100%}.voice-customizer-container .vc-audio-result{margin-top:1rem;padding:.75rem;background-color:#f8fafc;border:1px solid var(--vc-border-color);border-radius:.5rem}.voice-customizer-container .vc-custom-audio-player{width:100%;height:40px;margin-bottom:.5rem}.voice-customizer-container .vc-audio-controls{display:flex;justify-content:flex-end}.voice-customizer-container .vc-btn-copy{font-size:.75rem;background-color:var(--vc-primary-color);color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;transition:all .2s ease}.voice-customizer-container .vc-btn-copy:hover{background-color:var(--vc-primary-hover)}.voice-customizer-container .vc-loading-text{text-align:center;padding:2rem;color:var(--vc-text-secondary)}.voice-customizer-container .vc-spinner{display:inline-block;width:1rem;height:1rem;margin-right:.5rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:vc-spin 1s ease-in-out infinite}.voice-customizer-container .vc-status-message{padding:.75rem;border-radius:.375rem;margin-bottom:1rem}.voice-customizer-container .vc-status-success{background-color:#ecfdf5;color:#065f46;border-left:4px solid #10b981}.voice-customizer-container .vc-status-error{background-color:#fef2f2;color:#b91c1c;border-left:4px solid #ef4444}.voice-customizer-container .vc-status-warning{background-color:#fffbeb;color:#92400e;border-left:4px solid #f59e0b}.voice-customizer-container .vc-ssml-preview-container{margin-bottom:1.5rem;border:1px solid var(--vc-border-color);border-radius:.5rem;overflow:hidden}.voice-customizer-container .vc-ssml-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:#f3f4f6;border-bottom:1px solid var(--vc-border-color)}.voice-customizer-container .vc-ssml-title{font-size:.875rem;font-weight:600;margin:0;color:var(--vc-text-primary)}.voice-customizer-container .vc-btn-toggle{background-color:transparent;border:1px solid var(--vc-border-color);border-radius:.25rem;padding:.375rem .75rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.voice-customizer-container .vc-btn-toggle:hover{background-color:var(--vc-primary-color);color:#fff;border-color:var(--vc-primary-color)}.voice-customizer-container .vc-ssml-code-container{padding:1rem;background-color:#f8fafc}.voice-customizer-container .vc-ssml-code{margin:0;padding:1rem;background-color:#1e293b;color:#e2e8f0;border-radius:.375rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto;white-space:pre-wrap}.voice-customizer-container .vc-ssml-description{margin-top:.75rem;font-size:.75rem;color:var(--vc-text-secondary);font-style:italic}.voice-customizer-container .vc-auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background-color:#fff;border-radius:.5rem;box-shadow:var(--vc-shadow);max-width:30rem;margin:2rem auto;text-align:center}.voice-customizer-container .vc-auth-icon{font-size:3rem;margin-bottom:1rem}.voice-customizer-container .vc-auth-title{font-size:1.5rem;color:var(--vc-text-primary);margin-bottom:1rem}.voice-customizer-container .vc-auth-message{color:var(--vc-text-secondary);margin-bottom:2rem}.voice-customizer-container .vc-auth-button{background-color:var(--vc-primary-color);color:#fff;border:none;padding:.75rem 2rem;border-radius:.375rem;font-weight:500;cursor:pointer;transition:all .2s ease}.voice-customizer-container .vc-auth-button:hover{background-color:var(--vc-primary-hover);transform:translateY(-2px)}.voice-customizer-container .vc-loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px}.voice-customizer-container .vc-app-footer{text-align:center;font-size:.75rem;color:var(--vc-text-secondary);margin-top:2rem;padding:1rem}.voice-customizer-container .vc-user-info{font-size:.75rem;color:var(--vc-text-secondary);background-color:var(--vc-bg-color);padding:.25rem .5rem;border-radius:.25rem;margin-top:.5rem}.footer{margin-top:20px;width:100%;background-color:#171717}.footer-content{max-width:1200px;margin:0 auto;padding:25px 15px;display:flex;align-items:center;box-sizing:border-box}.footer .brand{display:none}.footer .brand .logo svg{height:18px;width:auto}.footer .brand .logo svg g{fill:#606060}.footer .footer-nav{font-size:12px;display:flex;align-items:center;gap:20px;margin:0 auto}.footer .footer-nav a{color:#606060}@media (max-width: 768px){.footer .brand .logo svg{height:14px}.footer .footer-nav{font-size:10px;gap:12px}}.filters-container{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px;flex-wrap:wrap}@media (max-width: 768px){.filters-container{grid-template-columns:repeat(2,1fr)}}.filters-container .custom-dropdown{position:relative;max-width:100%}.filters-container .dropdown-selected{display:flex;align-items:center;padding:5px 10px;background-color:#171717;border:1px solid #2e2e2e;border-radius:50px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;gap:5px}.filters-container .dropdown-selected span{flex-grow:1}.filters-container .dropdown-arrow{margin-left:8px;color:#666}.filters-container .dropdown-options{position:absolute;top:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:#171717;border:1px solid #2e2e2e;border-radius:6px;margin-top:5px;box-shadow:0 4px 6px #0000001a;z-index:10;font-size:12px}.filters-container .dropdown-option{display:flex;align-items:center;padding:10px 15px;cursor:pointer;transition:background-color .2s}.filters-container .dropdown-option:hover{background-color:#201f1f}.filters-container .dropdown-option.active{background-color:#201f1f;font-weight:500}.filters-container .language-filter,.role-filter,.fetish-filter{position:relative}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;background-color:#171717;border-radius:8px;margin-top:20px}.no-results div{margin-bottom:15px;color:#666;font-size:12px}.no-results .cta{padding:5px 10px;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:500;font-size:14px}.story-item{scroll-margin-top:60px}.pricing{max-width:500px;margin:0 auto;padding:15px}.pricing-container{display:grid;grid-gap:30px}.pricing-container h1{text-align:center;margin-top:10px;margin-bottom:0}.pricing-cards{display:grid;grid-gap:15px}.pricing-card{background-color:#171717;border:1px solid #2e2e2e;border-radius:10px;padding:15px;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;position:relative}.pricing-card:hover{border-color:#3e3e3e}.pricing-card.selected{border-color:#fff;box-shadow:0 0 0 1px #fff}.pricing-card .info{display:grid;grid-gap:10px}.pricing-card .info .title{font-size:16px;font-weight:500;display:flex;align-items:center}.pricing-card .info .title span{background-color:#fff;color:#121212;padding:1px 5px;font-size:12px;border-radius:3px;margin-left:10px}.pricing-card .info .title .tokens{background-color:#363636;font-size:12px;padding:2px 5px;border-radius:5px;margin-right:10px}.pricing-card .info .description{font-size:14px;font-weight:300;color:#b4b4b4}.pricing-card .info .description span{font-weight:600;color:#c8c8c8;background-color:#232323;padding:2px 5px;border-radius:5px;font-size:12px}.pricing-card .price{margin-left:auto;display:grid;grid-gap:5px}.pricing-card .price .value{font-weight:600;font-size:20px}.pricing-card .price .value span{margin-right:3px;font-size:16px;color:#c4c4c4}.pricing-card .price .period{font-size:10px;color:#b4b4b4}.payment-toggle-container{display:flex;justify-content:center}.payment-toggle{position:relative;display:flex;width:250px;height:40px;background-color:#171717;border:1px solid #2e2e2e;border-radius:30px;overflow:hidden;cursor:pointer}.payment-toggle-option{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;font-weight:500;font-size:14px;transition:color .3s ease;-webkit-user-select:none;user-select:none;color:#b4b4b4}.payment-toggle-option.selected{color:#fff}.payment-toggle-slider{position:absolute;top:3px;left:3px;width:calc(50% - 6px);height:calc(100% - 6px);background:linear-gradient(135deg,#2e2e2e 0%,#3e3e3e 100%);border-radius:25px;transition:transform .3s cubic-bezier(.25,.1,.25,1.4);z-index:1}.payment-toggle-icon{margin-right:5px;font-size:14px}.payment-toggle-icon svg{height:16px;width:16px;display:flex}.submit{background-color:#fff;color:#121212;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:fit-content;padding:10px;min-width:200px;margin:0 auto;justify-content:center;border-radius:5px;font-weight:500;font-size:16px;border:0px;cursor:pointer}.submit svg{width:18px;height:18px}.notice{margin-bottom:15px;font-size:12px;font-weight:300;text-align:center;color:#b4b4b4}.features{display:grid;text-align:left;margin:0 auto;background-color:#171717;width:100%;border-radius:10px;padding:15px;gap:10px;box-sizing:border-box}.features h2{font-size:16px;font-weight:500;color:#c8c8c8}.features .items{display:grid;gap:8px}.features .items .item{display:flex;align-items:center;font-size:14px;color:#b4b4b4;font-weight:300}.features .items .item svg{color:#9c8fdb;height:18px;widows:18px;margin-right:5px}.submit.loading{opacity:.8;cursor:not-allowed;position:relative}.animate-spin{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.submit.loading svg{margin-left:8px}.submit svg{vertical-align:middle}.ml-2{margin-left:8px}.payment-container{margin:50px;background-color:#121212;text-align:center}.payment-container .status-icon{height:60px;width:60px;margin:0 auto;padding:15px;display:flex;align-items:center;justify-content:center}.payment-container .status-icon svg{height:100%;width:100%;fill:currentColor;stroke:#121212}.payment-container h2{margin-bottom:15px}.payment-container .actions{display:grid;align-items:center;justify-content:center;grid-gap:10px;margin-top:30px}.payment-container .actions a.primary{background-color:#fff;padding:10px 20px;border-radius:5px;color:#000;font-weight:500}.payment-container .actions a.secondary{font-size:14px;color:#c8c8c8;font-weight:400}.popup-title{font-size:18px;font-weight:700;color:#fff;margin-bottom:15px}.popup-description{color:#a1a1aa;line-height:1.5;font-size:14px;text-align:center;width:100%;margin:0}.popup-description strong{color:#e2e2e2;font-weight:500}.popup .cta{display:flex;align-items:center;justify-content:center;background-color:#fff;border:none;border-radius:.5rem;padding:8px;width:100%;max-width:200px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:background-color .2s ease;gap:5px;margin:0 auto}.popup .cta svg{height:16px;width:16px}.popup .cta:hover{background-color:#f9fafb}.legal-container{width:100%;max-width:700px;margin:0 auto;display:flex;justify-content:center;box-sizing:border-box;padding:15px;gap:25px}.legal-content{width:100%}.legal-body{color:#c8c8c8;line-height:1.6}.legal-content h2{font-size:14px;font-weight:500;margin-bottom:5px}.legal-content p{font-size:12px;font-weight:300}*{outline:none;-webkit-tap-highlight-color:transparent}html{background-color:#121212;color:#fafafa}body{font-family:Inter,sans-serif;background-color:var(--background);color:var(--text-color);margin:0;padding:0}main{max-width:1200px;margin:0 auto;padding:0 0 60px}ul,li{padding:0;margin:0;list-style:none}a{text-decoration:none;color:#fff}button{font-family:Inter,sans-serif}h1,h2,h3,p{margin:0}h1{margin-bottom:15px;font-size:18px;font-weight:500}