@import "{}/node_modules/bootstrap/dist/css/bootstrap.min.css";:root{--primary-color:#7c3aed;--primary-hover:#6d28d9;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#0f172a;--text-muted:#64748b;--border-color:#e2e8f0}body.app-container{background-color:var(--bg-color);color:var(--text-main);display:flex;flex-direction:column;font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden}body.app-container .navbar{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.9)!important;border-bottom:1px solid var(--border-color)}body.app-container .navbar-brand{color:var(--text-main)!important;font-weight:700;letter-spacing:-.5px}body.app-container .navbar-brand span{color:var(--primary-color)}body.app-container .nav-link{color:var(--text-muted)!important}body.app-container .nav-link.active,body.app-container .nav-link:hover{color:var(--primary-color)!important}body.app-container .podcast-list-container{margin:0 auto;max-width:850px}body.app-container .podcast-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -1px rgba(0,0,0,.02);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}body.app-container .podcast-card:hover{border-color:var(--primary-color);box-shadow:0 10px 15px -3px rgba(124,58,237,.1),0 4px 6px -2px rgba(124,58,237,.05);transform:translateY(-2px)}body.app-container .badge-duration{background-color:rgba(124,58,237,.1);color:var(--primary-color);font-weight:600}body.app-container .podcast-description-content h2,body.app-container .podcast-description-content h3{color:var(--text-main);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;margin-top:0}body.app-container .podcast-description-content p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}body.app-container .podcast-description-content p:last-child{margin-bottom:0}body.app-container .audio-player-container{background-color:var(--card-bg);border-top:1px solid var(--border-color);bottom:0;box-shadow:0 -10px 25px -5px rgba(0,0,0,.05);left:0;position:fixed;right:0;z-index:1030}body.app-container .player-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-main);display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .2s;width:40px}body.app-container .player-btn:hover{background-color:rgba(0,0,0,.05);color:var(--primary-color)}body.app-container .player-btn.play-pause{background-color:var(--primary-color);color:#fff;font-size:1.5rem;height:50px;width:50px}body.app-container .player-btn.play-pause:hover{background-color:var(--primary-hover);transform:scale(1.05)}body.app-container .progress-container{background-color:var(--border-color);border-radius:3px;cursor:pointer;height:6px;position:relative;width:100%}body.app-container .progress-bar-custom{background-color:var(--primary-color);border-radius:3px;height:100%;position:relative;width:0}body.app-container .modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-main)}body.app-container .modal-header{border-bottom:1px solid var(--border-color)}body.app-container .modal-footer{border-top:1px solid var(--border-color)}body.app-container .form-control,body.app-container .form-select{background-color:#f1f5f9;border:1px solid var(--border-color);color:var(--text-main)}body.app-container .form-control:focus,body.app-container .form-select:focus{background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 .25rem rgba(124,58,237,.15);color:var(--text-main)}body.app-container .btn-primary{background-color:var(--primary-color);border:none}body.app-container .btn-primary:focus,body.app-container .btn-primary:hover{background-color:var(--primary-hover)}body.app-container .btn-outline-secondary{border-color:var(--border-color);color:var(--text-muted)}body.app-container .btn-outline-secondary:hover{background-color:rgba(0,0,0,.02);border-color:var(--text-muted);color:var(--text-main)}body.app-container .toast-container{bottom:110px;position:fixed;right:20px;z-index:1050}body.app-container .custom-toast{background-color:var(--card-bg);border-left:4px solid var(--primary-color);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);color:var(--text-main);min-width:250px}body{font-family:sans-serif;padding:10px}