@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap";:root{--bg-primary:#030408;--bg-secondary:#0b0d15;--bg-card:#111522;--accent:#0b91ec;--accent-hover:#4a58e2;--text-primary:#e3e3e3;--text-secondary:#b4b7c4;--text-muted:#7d8799;--border:#e3e3e321;--brand-gradient:linear-gradient(90deg,#0b91ec,#4a58e2,#a32ded);--navbar-h:68px;--bottom-nav-h:64px;--radius:10px;--transition:.18s ease}.settings-page{width:min(100%,980px);margin:0 auto;padding:42px 24px 100px}.settings-heading{margin-bottom:26px}.settings-heading h1{letter-spacing:-.05em;margin:5px 0;font-size:clamp(2rem,5vw,3rem)}.settings-heading>p:last-child,.settings-card>div>p:not(.settings-kicker){color:var(--text-secondary);max-width:640px;line-height:1.55}.settings-status{color:#a7d9ff;min-height:1.4em;margin:0 0 12px}.settings-card{border:1px solid var(--border);background:linear-gradient(145deg,#121624f5,#05060cfa);border-radius:18px;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:26px;margin:18px 0;padding:28px;display:grid;box-shadow:0 18px 50px #00000040}.settings-card h2{margin:5px 0 9px;font-size:1.35rem}.settings-kicker{letter-spacing:.15em;color:#80caff;font-size:11px;font-weight:900}.settings-form,.settings-inline-form{flex-direction:column;gap:13px;display:flex}.settings-form label,.settings-inline-form label{flex-direction:column;gap:7px;font-size:13px;font-weight:700;display:flex}.settings-form input,.settings-inline-form input{border:1px solid var(--border);width:100%;min-height:48px;color:var(--text-primary);font:inherit;background:#060811;border-radius:10px;padding:0 14px}.settings-form .gradient-button{margin-top:0}.settings-danger{border-top:1px solid var(--border);grid-column:1/-1;justify-content:space-between;align-items:center;gap:22px;padding-top:22px;display:flex}.settings-danger h3,.settings-profile h3{font-size:1rem}.settings-danger p,.settings-profile p{color:var(--text-muted);margin-top:5px;font-size:.875rem;line-height:1.4}.outline-button,.text-button{border-radius:10px;min-height:44px;padding:0 16px;font-weight:800}.outline-button{color:#b9e1ff;background:#0b91ec14;border:1px solid #80caff8c}.text-button{color:#b9e1ff}.danger-button,.danger-text{color:#ffabb4}.settings-profiles{flex-direction:column;grid-column:1/-1;gap:10px;display:flex}.settings-profile{border:1px solid var(--border);background:#03040887;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px;display:grid}.profile-monogram{background:var(--brand-gradient);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid}.profile-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:3px;display:flex}.settings-inline-form{flex-direction:row;grid-column:1/-1;align-items:end;padding-top:4px}.settings-inline-form label{flex:1}.confirm-backdrop{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.confirm-dialog{background:#10121d;border:1px solid #ff9da659;border-radius:18px;width:min(100%,470px);padding:28px;box-shadow:0 24px 80px #000000b3}.confirm-dialog h2{margin:7px 0 10px}.confirm-dialog p:not(.settings-kicker){color:var(--text-secondary);line-height:1.5}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.confirm-actions .gradient-button{width:auto;margin:0;padding:0 17px}.danger-confirm{background:linear-gradient(90deg,#c73850,#8b1747)}@media (width<=767px){.settings-page{padding:28px 16px 90px}.settings-card{grid-template-columns:1fr;gap:20px;padding:21px}.settings-danger{flex-direction:column;grid-column:auto;align-items:flex-start}.settings-profile{grid-template-columns:auto 1fr}.profile-actions{grid-column:1/-1;justify-content:flex-start}.settings-inline-form{flex-wrap:wrap;grid-column:auto}.confirm-actions{flex-direction:column-reverse}.confirm-actions .outline-button,.confirm-actions .gradient-button{width:100%}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Lato,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}img{max-width:100%;display:block}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-loading,.connect-page,.profile-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.connect-page,.profile-page{background:radial-gradient(circle at 18% 25%,#0b91ec2e,#0000 24%),radial-gradient(circle at 78% 70%,#a32ded26,#0000 27%),#030408;padding:24px}.connect-card{border:1px solid var(--border);background:linear-gradient(145deg,#121624f5,#05060cfa);border-radius:24px;width:min(100%,470px);padding:25px 34px 32px;box-shadow:0 24px 80px #00000080}.connect-logo,.profile-logo{object-fit:contain;width:142px;height:112px;margin:0 auto 8px}.eyebrow{letter-spacing:.16em;color:#80caff;text-align:center;font-size:11px;font-weight:900}.connect-card h1,.profile-page h1{text-align:center;letter-spacing:-.04em;margin:8px 0;font-size:31px}.connect-lead,.profile-page>p{text-align:center;color:var(--text-secondary);margin:0 auto 24px;line-height:1.5}.connect-card label{flex-direction:column;gap:7px;margin:14px 0;font-size:13px;font-weight:700;display:flex}.connect-card input,.inline-form input{border:1px solid var(--border);width:100%;min-height:50px;color:var(--text-primary);font:inherit;background:#060811;border-radius:10px;padding:0 14px}.gradient-button,.prime-button{background:var(--brand-gradient);color:#fff;border-radius:12px;width:100%;min-height:50px;margin-top:16px;font-size:15px;font-weight:900;box-shadow:0 10px 24px #0b91ec30}.form-error{color:#ff9da6;text-align:center;font-size:13px}.profile-page{flex-direction:column}.profile-grid{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.profile-tile,.profile-add{border:1px solid var(--border);background:#0c101c;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:180px;min-height:205px;padding:18px;display:flex}.profile-tile span,.profile-add span{background:var(--brand-gradient);border-radius:50%;place-items:center;width:98px;height:98px;font-size:35px;font-weight:900;display:grid}.profile-tile small{color:var(--text-muted)}.profile-add{color:var(--text-secondary);border-style:dashed}.profile-add span{border:1px solid var(--accent);color:#80caff;background:0 0;width:45px;height:45px}.inline-form{gap:10px;width:min(100%,370px);margin-top:20px;display:flex}.inline-form .gradient-button{width:auto;margin:0;padding:0 20px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#4a58e2;border-radius:6px}.detail-modal-backdrop{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000c7;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.detail-modal{border:1px solid var(--border);background:linear-gradient(145deg,#151a29,#06070c);border-radius:22px 22px 14px 14px;width:min(100%,580px);max-height:min(92vh,760px);overflow:auto;box-shadow:0 28px 90px #000000b8}.detail-modal-hero{aspect-ratio:16/9;background:#090b12;position:relative;overflow:hidden}.detail-modal-hero>img,.detail-modal-art{object-fit:cover;width:100%;height:100%}.detail-modal-art{background:radial-gradient(circle at 25% 25%,#0b91ec59,#0000 30%),linear-gradient(135deg,#111827,#080a11)}.detail-modal-shade{background:linear-gradient(#03040814 30%,#030408f2);position:absolute;inset:0}.icon-button{border:1px solid var(--border);width:44px;height:44px;color:var(--text-primary);background:#030408bf;border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.detail-close{position:absolute;top:12px;right:12px}.detail-modal-title{position:absolute;bottom:18px;left:20px;right:72px}.content-pill{background:var(--brand-gradient);letter-spacing:.1em;border-radius:999px;padding:4px 8px;font-size:.65rem;font-weight:900;display:inline-block}.detail-modal-title h2{letter-spacing:-.03em;margin:8px 0 4px;font-size:clamp(1.35rem,5vw,2rem)}.detail-modal-title p{color:var(--text-secondary);font-size:.85rem}.detail-modal-body{padding:20px}.detail-episode,.detail-resume{color:var(--text-secondary);margin:0 0 12px;font-size:.9rem}.detail-progress{background:#e3e3e329;border-radius:99px;height:5px;margin:0 0 7px;overflow:hidden}.detail-progress span{border-radius:inherit;background:var(--brand-gradient);height:100%;display:block}.secondary-button{border:1px solid var(--border);background:#e3e3e30f;border-radius:12px;width:100%;min-height:48px;margin-top:10px;font-weight:800}.episode-picker{z-index:20;border-left:1px solid var(--border);background:#07090ffa;flex-direction:column;width:min(100%,380px);display:flex;position:absolute;inset:0 0 0 auto;box-shadow:-20px 0 50px #00000059}.episode-picker-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.season-tabs{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.season-tab{border:1px solid var(--border);min-width:44px;min-height:38px;color:var(--text-secondary);border-radius:99px;padding:0 13px;font-weight:800}.season-tab.active{background:var(--brand-gradient);color:#fff;border-color:#0000}.episode-list{flex:1;padding:10px;overflow:auto}.episode-row{text-align:left;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:64px;padding:10px;display:flex}.episode-row:hover,.episode-row.active{background:#0b91ec1a;border-color:#0b91ec8c}.episode-row>span{color:#80caff;width:30px;font-size:.78rem;font-weight:900}.episode-row strong,.episode-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.episode-row strong{font-size:.9rem}.episode-row small{color:var(--text-muted);margin-top:3px;font-size:.75rem}@media (width<=767px){.nav-tabs{display:none!important}.connect-card{padding:22px}.profile-tile,.profile-add{width:145px;min-height:175px}.profile-tile span{width:78px;height:78px}.detail-modal-backdrop{padding:0}.detail-modal{border-radius:20px 20px 0 0;max-height:94vh}.episode-picker{border-left:0;border-top:1px solid var(--border);width:100%;top:20%}.episode-picker-header{padding-top:12px}.player-top-bar{gap:.4rem!important;padding-left:.65rem!important;padding-right:.65rem!important}.player-top-bar>:first-child{padding:0 .55rem!important}.player-top-bar>a,.player-top-bar>button{padding-left:.6rem!important;padding-right:.6rem!important}}@media (width<=380px){.player-top-bar{flex-wrap:wrap}.player-top-bar>div{flex-basis:100%;order:3}}@media (width>=768px){.bottom-nav{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.profile-page{isolation:isolate;background:radial-gradient(55% 40% at 50% -6%,#184181a8,#0000 72%),radial-gradient(circle at 7% 86%,#75249033,#0000 28%),#05070d;justify-content:flex-start;padding:42px 24px 56px;position:relative}.profile-page:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.profile-logo{width:168px;height:88px;margin:0 auto 4px}.profile-kicker{color:#f4d06f;letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:10px;font-weight:900}.profile-page h1{margin:10px 0 8px;font-size:clamp(2.35rem,6vw,4.1rem);font-weight:900}.profile-page>p:not(.profile-kicker){max-width:430px;margin:0 auto 34px}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(150px,180px));justify-content:center;align-items:start;gap:22px;width:min(100%,980px);display:grid}.profile-tile,.profile-add{background:0 0;border:0;width:auto;min-height:0;padding:0}.profile-select{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.profile-avatar{isolation:isolate;transition:transform var(--transition),box-shadow var(--transition);background:#1b75c9;place-items:center;position:relative;overflow:hidden;box-shadow:0 14px 30px #00000045;aspect-ratio:1!important;border-radius:24px!important;width:100%!important;height:auto!important;display:grid!important}.profile-avatar:before{content:"";z-index:-1;background:linear-gradient(145deg,#ffffff3d,#0000 38%,#0003);position:absolute;inset:0}.profile-avatar img{object-fit:cover;filter:drop-shadow(0 9px 5px #00000059);width:100%;height:100%;transform:scale(1.04)}.avatar-ocean{background:linear-gradient(135deg,#1ca9e8,#3155d8)}.avatar-sunset{background:linear-gradient(135deg,#f6bb45,#e25730)}.avatar-orchid{background:linear-gradient(135deg,#ef7dbb,#8b3cad)}.avatar-mint{background:linear-gradient(135deg,#56cfae,#087a80)}.profile-select:hover .profile-avatar{transform:translateY(-5px)scale(1.018);box-shadow:0 25px 46px #0000006b}.profile-select b,.profile-add b{letter-spacing:-.01em;margin-top:13px;font-size:1rem}.profile-select small{color:var(--text-muted);margin-top:4px;font-size:.72rem}.profile-edit{color:#aebbd0;opacity:0;width:100%;transition:opacity var(--transition),transform var(--transition),color var(--transition);justify-content:center;margin-top:6px;padding:7px 10px;font-size:.73rem;font-weight:700;display:inline-flex;transform:translateY(-3px)}.profile-tile:hover .profile-edit,.profile-tile:focus-within .profile-edit{opacity:1;transform:translateY(0)}.profile-edit:hover{color:#fff}.profile-add{aspect-ratio:1;color:#cbd7ea;min-height:100%;transition:border-color var(--transition),background var(--transition),transform var(--transition);border:1.5px dashed #bdd2f078;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;display:flex}.profile-add:hover{background:#f4d06f12;border-color:#f4d06f;transform:translateY(-4px)}.profile-add>span{color:#f4d06f;border:1px solid #f4d06fbd;border-radius:50%;place-items:center;font-weight:400;display:grid;background:#f4d06f1a!important;width:52px!important;height:52px!important;font-size:34px!important}.profile-editor-backdrop{z-index:400;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#02040ac7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.profile-editor{background:linear-gradient(145deg,#151d30,#090c15);border:1px solid #adcffa40;border-radius:24px;width:min(100%,480px);padding:25px;box-shadow:0 30px 90px #000000a6}.profile-editor-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.profile-editor-heading p{color:#f4d06f;letter-spacing:.15em;text-transform:uppercase;margin:0 0 5px;font-size:10px;font-weight:900}.profile-editor-heading h2{letter-spacing:-.04em;font-size:1.7rem}.profile-close{border:1px solid var(--border);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;font-size:25px;display:grid}.profile-name-field{flex-direction:column;gap:8px;font-size:.8rem;font-weight:800;display:flex}.profile-name-field input{border:1px solid var(--border);min-height:50px;color:var(--text-primary);font:inherit;background:#05070d;border-radius:12px;padding:0 14px}.avatar-color-picker{border:0;margin:23px 0 0;padding:0}.avatar-color-picker legend{margin-bottom:11px;font-size:.8rem;font-weight:800}.avatar-color-picker [role=radiogroup]{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.avatar-color-option{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition),color var(--transition),background var(--transition);border-radius:13px;justify-items:center;gap:6px;padding:8px 3px;display:grid;position:relative}.avatar-color-option input{opacity:0;pointer-events:none;position:absolute}.avatar-color-option>span{border-radius:11px;width:33px;height:33px;display:block}.avatar-color-option b{font-size:.66rem}.avatar-color-option:has(input:checked){color:#fff;background:#f4d06f17;border-color:#f4d06f}.avatar-color-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.profile-form-error{color:#ffabb4;margin:16px 0 0;font-size:.83rem}.profile-editor-actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.profile-editor-actions .gradient-button{width:auto;min-height:44px;margin:0;padding:0 18px}.profile-editor-actions .outline-button{min-height:44px}.profile-select:focus-visible .profile-avatar,.profile-add:focus-visible{outline-offset:5px;outline:3px solid #f4d06f}@media (width<=767px){.profile-page{padding:31px 16px 42px}.profile-logo{width:146px;height:77px}.profile-page>p:not(.profile-kicker){margin-bottom:28px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.profile-avatar,.profile-add{border-radius:20px}.profile-edit{opacity:1;transform:none}.profile-editor{padding:22px 18px}.profile-editor-actions{flex-direction:column-reverse}.profile-editor-actions .outline-button,.profile-editor-actions .gradient-button{width:100%}}@media (width<=360px){.profile-grid{gap:14px 10px}.profile-select b,.profile-add b{font-size:.9rem}.avatar-color-picker [role=radiogroup]{gap:5px}.avatar-color-option{padding:7px 2px}.avatar-color-option b{font-size:.6rem}}