@font-face{font-family:VioletOswald;src:url('/violet-assets/Oswald-Variable.ttf') format('truetype');font-weight:200 700;font-display:swap}
:root.violet-ui{--bg:#0d0d12;--surface:#15131e;--panel:#17141f;--line:#ffffff12;--text:#f0eef7;--muted:#aaa3ba;--dim:#766f86;--accent:#8d43ff;--accent-rgb:141,67,255;--side:220px;--head:82px;--pattern-strength:.55;color-scheme:dark;background:var(--bg)}
:root.violet-ui[data-theme=sunset]{--accent:#e1488f;--accent-rgb:225,72,143;--panel:#20131e}:root.violet-ui[data-theme=ocean]{--accent:#409ce4;--accent-rgb:64,156,228;--panel:#111c2b}
html.violet-ui body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;font-size:14px;margin:0;isolation:isolate}
.violet-ui body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url('/violet-assets/pattern-arcs.svg');background-size:240px 144px;opacity:calc(var(--pattern-strength)*.11)}
.violet-ui[data-pattern=stars] body:before{background-image:url('/violet-assets/pattern-stars.svg')}.violet-ui[data-pattern=none] body:before{display:none}
.violet-ui body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 88% 12%,rgba(var(--accent-rgb),.1),transparent 55%)}
.violet-ui[data-glow=false] body:after{display:none}.violet-ui :is(input,textarea,select){font-family:inherit;color:var(--text);accent-color:var(--accent)}.violet-ui :is(input,textarea,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.violet-ui .app-shell{max-width:none;margin:0;padding:0;display:block}.violet-ui main{margin:var(--head) 0 0 var(--side);padding:24px 34px 65px;min-height:calc(100dvh - var(--head));transition:margin-left .3s ease}.violet-ui .site-header-anchor,.violet-ui .guide-rail{display:none}
.violet-ui .app-header{position:fixed;top:0;left:0;right:0;height:var(--head);max-width:none;width:auto;margin:0;border:0;border-radius:0;background:#0e0d14f5;z-index:60;padding:0 30px 0 calc(var(--side) + 34px);gap:14px;box-sizing:border-box;transform:none!important;box-shadow:0 1px 0 var(--line)}
.violet-brand{position:fixed;left:22px;top:23px;z-index:64;font-size:28px;font-weight:850;color:var(--text);text-decoration:none;letter-spacing:-1.4px;line-height:36px}.violet-brand span{color:var(--accent);font-size:32px;margin-left:3px}.violet-ui .wordmark{display:none}.violet-ui .search-bar{display:flex!important;flex:1;max-width:650px;margin:0 auto 0 0;padding:0;gap:8px;min-width:0;align-items:center;border:0}.violet-ui .search{border:1px solid var(--line);border-radius:13px;min-height:43px;flex:1;gap:10px;background:#ffffff04;padding:0 14px}.violet-ui .search input{border:0;background:none;height:42px;font-size:12px;min-width:0}.violet-ui .search svg{width:18px;color:var(--dim)}.violet-ui #random-open{display:none}.violet-ui #filters-open{border:0;background:none;width:34px;padding:8px}.violet-ui #account-open{width:38px;height:38px;border:1px solid rgba(var(--accent-rgb),.3);box-shadow:0 0 15px rgba(var(--accent-rgb),.08);border-radius:50%;flex:none}.violet-ui #account-open img{width:100%;height:100%;object-fit:cover}.violet-ui #connection-open{width:35px;height:35px;border:0;background:none;color:var(--muted)}
.violet-sidebar{position:fixed;left:0;top:var(--head);bottom:0;width:var(--side);box-sizing:border-box;padding:8px 16px 22px;background:#100e17f7;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:58;transition:transform .3s ease;overflow-y:auto;scrollbar-width:none}.violet-ui .site-nav{display:flex;flex-direction:column;width:100%;gap:8px;padding:0;margin:0}.violet-ui .site-nav a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;font-family:inherit;font-size:13px;line-height:20px;font-weight:500;text-transform:none;border:1px solid transparent;color:var(--muted);height:auto}.violet-ui .site-nav a svg{width:20px;height:20px;flex:none}.violet-ui .site-nav a:after{display:none}.violet-ui .site-nav a.active{background:linear-gradient(110deg,rgba(var(--accent-rgb),.25),rgba(var(--accent-rgb),.08));border-color:rgba(var(--accent-rgb),.22);color:var(--text)}
.violet-side-bottom{margin-top:auto;display:grid;gap:11px;padding-top:40px}.violet-side-profile{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;align-items:center;gap:12px;color:var(--text);background:#ffffff02;text-align:left;text-decoration:none}.violet-avatar{width:34px;height:34px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(var(--accent-rgb),.2);border:1px solid rgba(var(--accent-rgb),.3);overflow:hidden}.violet-avatar img{width:100%;height:100%;object-fit:cover}.violet-side-profile strong{font-size:12px;display:block}.violet-side-profile small{color:var(--dim);font-size:10px;display:block;margin-top:4px}.violet-side-bottom>button{background:none;border:0;text-align:left;padding:8px 12px;color:var(--muted);font-size:12px;cursor:pointer}.violet-side-bottom select{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:11px;font-size:12px;width:100%}.violet-ui.sidebar-scroll-hidden{--side:0px}.violet-ui.sidebar-scroll-hidden .app-header{padding-left:254px}.sidebar-scroll-hidden .violet-sidebar{transform:translateX(-100%);width:220px}.sidebar-scroll-peek .violet-sidebar{transform:translateX(0);box-shadow:20px 10px 80px #0008}.violet-menu-scrim{position:fixed;inset:82px 0 0;z-index:57;background:#0005;border:0;display:none}.sidebar-scroll-peek .violet-menu-scrim{display:block}
.violet-ui :is(h1,h2,h3){font-family:inherit;letter-spacing:-.04em;text-transform:none;line-height:1.2}.violet-ui h1{font-size:34px}.violet-ui h2{font-size:24px}.violet-ui h3{font-size:18px}.violet-ui .section-number{display:none}.violet-ui .section-head{gap:16px;padding:0;margin-bottom:22px}.violet-ui .section-head h2{font-size:23px}.violet-ui .home-section{margin-bottom:42px}.violet-ui .text-button{font-family:inherit;text-transform:none;font-size:11px;color:var(--muted)}
.violet-ui .button{font-family:inherit;font-size:12px;font-weight:600;text-transform:none;min-height:41px;padding:11px 17px;border-radius:10px;border:1px solid var(--line);background:#ffffff04;color:var(--text);letter-spacing:0}.violet-ui .button.primary{background:linear-gradient(125deg,#af67ff,var(--accent));border-color:#b88dff24;box-shadow:0 5px 22px rgba(var(--accent-rgb),.14)}.violet-ui .button svg{height:18px;width:18px}.violet-ui .button:disabled{opacity:.45;cursor:default}.violet-ui .icon-button{border-radius:9px;border-color:var(--line);background:#ffffff04;color:var(--muted)}
.violet-ui .poster-rail{gap:17px;grid-auto-columns:156px;padding:0 0 8px;scroll-padding:0}.violet-ui .card{background:transparent;border:0;box-shadow:none;min-width:0;position:relative;contain:none}.violet-ui .card .poster{width:100%;aspect-ratio:2/3;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);position:relative;display:block}.violet-ui .card .poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:filter .25s,transform .4s;max-width:100%}.violet-ui .card .poster:after{content:'';position:absolute;inset:28% 0 0;background:linear-gradient(transparent,#09080dbc 74%,#09080df5);pointer-events:none}.violet-ui .card .poster h3{position:absolute;left:10px;right:10px;bottom:12px;z-index:2;font-family:VioletOswald,Arial,sans-serif;font-size:17px;font-weight:650;line-height:1.16;text-align:center;text-transform:uppercase;letter-spacing:-.025em;margin:0;max-height:3.48em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-shadow:1px 1px 0 rgba(var(--accent-rgb),.42)}
.violet-card-score{position:absolute;top:9px;left:9px;z-index:3;display:flex;gap:4px;align-items:center;font-size:11px;font-weight:700;color:#ffb875;background:#100e18b5;border-radius:5px;padding:3px 5px;line-height:16px}.violet-card-score svg{width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:1}.violet-card-score.brilliant{color:#ffe175}.violet-card-score.brilliant svg{filter:drop-shadow(0 0 3px #ffc43e);stroke:#fff7b5}.violet-card-score.bright{color:#ff966f}.violet-card-score.faded{color:#c68b75}.violet-card-score.faded svg{fill:none}.violet-card-score.dim{color:#8f808f}.violet-card-score.dim svg{fill:none;stroke-dasharray:3 1}.violet-card-score .facet{fill:none;stroke:#fff8;stroke-width:.7}
.violet-airing{position:absolute;top:42px;left:9px;z-index:3;padding:3px 6px;background:#1a1424e0;color:#d5baff;font-size:8px;border-radius:5px;border:1px solid #aa73ff33}.violet-ui .poster-info{position:absolute;right:8px;top:8px;z-index:5;border:0;background:#0a0818b8;border-radius:6px;width:25px;height:25px;padding:6px;color:#ddd4f1}.violet-ui .card-meta{display:flex;gap:8px;align-items:center;margin:10px 0 0;font:10px 'Segoe UI',sans-serif;color:var(--dim)}.violet-ui .card-type{position:static;display:inline;color:#ffb09a;background:none;border:0;font-size:9px;font-family:inherit;text-transform:uppercase;font-weight:650;padding:0;margin:5px 0 0;line-height:18px}.violet-ui .card-type[data-kind=MOVIE]{color:#b994ff}.violet-ui .card-type[data-kind=ONA]{color:#66ccb9}.violet-ui .card-type[data-kind=OVA]{color:#e2ba67}.violet-ui .card-type[data-kind=SPECIAL]{color:#e494c6}.violet-episode-count{font-size:9px;color:var(--dim);margin-left:6px}.violet-favorite{margin-left:auto;border:0;background:none;color:var(--muted);padding:0;display:grid;place-items:center;cursor:pointer}.violet-favorite svg{width:14px;height:14px}.violet-favorite.active{color:var(--accent)}
.violet-synopsis{position:absolute;inset:0;padding:40px 12px 16px;z-index:4;display:flex;flex-direction:column;gap:9px;background:#0d0b17e8;opacity:0;transform:translateY(8px);transition:.2s;pointer-events:none;font-size:10px;color:#bbb3cc;line-height:1.5}.violet-synopsis strong{font-size:13px;color:var(--text)}.violet-synopsis em{font-size:8px;color:#bf9fff;font-style:normal;text-transform:uppercase;letter-spacing:.1em}.violet-synopsis span{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.violet-synopsis b{margin-top:auto;color:#c6a2ff;font-size:10px}.card.is-expanded .violet-synopsis{opacity:1;transform:none}.card.is-expanded .poster h3{opacity:0}@media(hover:hover){.card:not(.rail-dragging):hover .violet-synopsis{opacity:1;transform:none}.card:hover .poster h3{opacity:0}.card:hover .poster>img{filter:brightness(.7)}}
.violet-ui .grid{gap:26px 20px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.violet-ui .skeleton{border-color:var(--line);border-radius:12px}.violet-ui .skeleton .poster{background:var(--surface);border-radius:12px}.violet-ui .season-rail:before,.violet-ui .season-rail:after{display:none}.violet-ui .season-heading h1{font-size:24px}.violet-ui .season-tabs{gap:8px;margin:14px 0 20px}.violet-ui .season-tabs a{border-radius:8px;font-family:inherit;font-size:11px;text-transform:none;border-color:var(--line);background:#ffffff03}.violet-ui .season-tabs a.active{border-color:rgba(var(--accent-rgb),.3);background:rgba(var(--accent-rgb),.13);color:#cdaaff}.violet-ui .genres .genre,.violet-ui .genre{border:1px solid var(--line);border-radius:9px;background:#ffffff03;color:var(--muted);font-family:inherit;font-size:11px}.violet-ui .genre.active{background:rgba(var(--accent-rgb),.15);color:#ceb0ff;border-color:rgba(var(--accent-rgb),.3)}
.violet-hero{position:relative;min-height:445px;border-radius:18px;overflow:hidden;isolation:isolate;border:1px solid var(--line);margin:0 0 36px;background:var(--surface);display:flex;align-items:center}.violet-hero-art{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:brightness(.8)}.violet-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100d1be8,#100d1b8c 58%,#100d1b33),linear-gradient(0deg,#100d1bd9,transparent 50%)}.violet-hero-copy{padding:46px 42px 70px;max-width:660px}.violet-eyebrow{display:block;text-transform:uppercase;letter-spacing:.22em;font-weight:650;font-size:9px;color:#bda1ed;margin-bottom:22px}.violet-hero h1{font-size:clamp(28px,3.8vw,46px);font-weight:750;line-height:1.07;margin:0 0 22px}.violet-hero-meta{font-size:12px;color:#d2cbde;margin:8px 0}.violet-hero-actions{display:flex;gap:12px;margin-top:28px}.violet-hero-controls{position:absolute;bottom:23px;right:25px;display:flex;align-items:center;gap:12px}.violet-hero-counter{font-size:11px;font-weight:700}.violet-hero-counter small{color:var(--dim);font-size:8px}.violet-hero-dots{display:flex;gap:7px;align-items:center}.violet-hero-dot{padding:0;border:0;width:8px;height:3px;background:#ffffff35;border-radius:9px;cursor:pointer;position:relative;overflow:hidden}.violet-hero-dot.active{width:24px;background:#ffffff19}.violet-hero-dot i{position:absolute;inset:0 auto 0 0;background:#bb8cff;width:0}.violet-hero-controls>button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff22;border-radius:50%;background:#ffffff08;color:var(--text);cursor:pointer}.violet-hero-controls>button[data-hero=next]{background:#e9dff9;color:#20162e}.violet-hero-controls svg{height:15px;width:15px}
.violet-ui .continue-list{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:none}.violet-ui .resume-card{border:1px solid var(--line);border-radius:14px;background:#17141f;min-height:230px;display:block}.violet-ui .resume-art{height:160px;display:block;aspect-ratio:16/9;width:100%}.violet-ui .resume-art img{object-fit:cover}.violet-ui .resume-body{padding:14px;position:relative;display:block}.violet-ui .resume-title{font-family:inherit;font-size:16px;letter-spacing:-.02em;text-transform:none;padding-right:32px}.violet-ui .resume-info{font-size:10px;color:var(--muted);margin-top:7px}.violet-ui .resume-play{border-radius:8px;background:rgba(var(--accent-rgb),.2);color:#d3b7ff;width:30px;height:30px;right:15px;top:15px}.violet-ui .resume-footer{margin-top:15px}.violet-ui .progress-line{background:#ffffff14;height:3px}.violet-ui .progress-line i{background:var(--accent)}.violet-ui .resume-remaining{font-size:9px}
.violet-ui dialog{background:#18141f;color:var(--text);border:1px solid var(--line);border-radius:16px;font-family:inherit;box-shadow:0 24px 100px #0008}.violet-ui dialog::backdrop{background:#08060dbb;backdrop-filter:blur(5px)}.violet-ui dialog h2{font-size:23px}.violet-ui .sheet-title,.violet-ui .filter-head h2{font-family:inherit;text-transform:none;letter-spacing:-.025em}.violet-ui dialog :is(input,select,textarea){background:#ffffff04;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px;max-width:100%}
.violet-ui #detail{position:fixed;inset:var(--head) 0 0 var(--side);margin:0;width:auto;height:auto;max-width:none;max-height:none;border:0;border-radius:0;box-shadow:none;background:var(--bg);z-index:45;overflow:auto;transition:left .3s ease;padding:0 34px 50px;background-image:radial-gradient(ellipse at top right,rgba(var(--accent-rgb),.12),transparent 65%),url('/violet-assets/pattern-arcs.svg');background-size:auto,240px 144px;background-blend-mode:normal,soft-light}.violet-ui #detail::backdrop{display:none}.violet-ui #detail .detail-topbar{background:transparent;position:sticky;top:0;z-index:9}.violet-ui #close-detail{position:sticky;top:12px;z-index:11;border:1px solid var(--line);border-radius:8px;background:#17131fed;color:var(--text);width:34px;height:34px;margin:12px 0}.violet-ui #detail-content{max-width:1400px;margin:auto;padding:0}.violet-ui .detail-cover-hero{height:320px;border-radius:15px;margin:0;overflow:hidden;position:relative}.violet-ui .detail-cover-hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.7}.violet-ui .detail-count{display:none}.violet-ui .detail-heading{padding:26px 0 0;margin:0;position:relative;background:none}.violet-ui .detail-heading h2,.violet-ui .detail-heading .title-main{font-family:inherit;font-size:36px;letter-spacing:-.04em;text-transform:none;line-height:1.15}.violet-ui .detail-heading .title-sub{font-family:inherit;font-size:25px}.violet-ui .detail-meta{font-family:inherit;font-size:12px;color:var(--muted);margin-top:14px}.violet-ui .detail-main{padding:20px 0;max-width:1000px}.violet-ui .detail-description{font-family:inherit;color:var(--muted);font-size:13px;line-height:1.8}.violet-ui .detail-actions{gap:12px;margin:22px 0 0}.violet-ui .detail-actions .button{min-width:190px;font-size:14px}.violet-ui .save-button{border:1px solid var(--line);border-radius:9px;background:#ffffff04;width:45px;height:45px}.violet-ui .save-button.active{color:var(--accent);background:rgba(var(--accent-rgb),.14)}.violet-ui .detail-tabs{padding:0;margin:10px 0 25px;gap:28px;border-bottom:1px solid var(--line)}.violet-ui .detail-tabs a{font-size:13px;font-family:inherit;color:var(--muted);padding:13px 0;text-transform:none;border-bottom:2px solid transparent}.violet-ui .detail-tabs a.active{color:var(--text);border-color:var(--accent)}.violet-ui .episode-grid{grid-template-columns:repeat(auto-fill,minmax(65px,1fr));gap:10px}.violet-ui .episode-grid :is(a,button){background:#ffffff04;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:12px;min-height:50px}.violet-ui .episode-grid :is(a,button).active{border-color:var(--accent);background:rgba(var(--accent-rgb),.15)}.violet-ui .episode-grid .watched{color:#a5d3c2}.violet-ui .preview-series-bar{padding:0;margin-bottom:20px}.violet-ui .season-label{font-family:inherit;font-size:20px}.violet-ui .preview-voice-picker select{max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:12px}.violet-ui .preview-coverage{color:var(--dim);font-size:11px}
.violet-ui .is-watching .detail-cover-hero,.violet-ui .is-watching .detail-main,.violet-ui .is-watching .detail-tabs{display:none}.violet-ui .is-watching .detail-heading h2,.violet-ui .is-watching .detail-heading .title-main{font-size:27px}.violet-ui .is-watching .detail-heading{padding:0 0 20px}.violet-ui .player-area{margin:0;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:14px 20px}.violet-ui .aq-toolbar{grid-column:1;grid-row:2;background:none;border:0;margin:0;padding:0}.violet-ui #player-screen{grid-column:1;grid-row:1;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#000;width:100%;min-width:0}.violet-ui .aq-player{border-radius:0;box-shadow:none}.violet-ui .watch-controls{grid-column:1;grid-row:4;display:flex;gap:10px;flex-wrap:wrap;margin:0;border-top:1px solid var(--line);padding-top:16px;font-family:inherit;font-size:11px}.violet-ui #episodes{grid-column:2;grid-row:1/6;align-content:start;align-items:start;max-height:700px;overflow:auto;background:#ffffff02;padding:13px;border:1px solid var(--line);border-radius:13px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;scrollbar-width:thin}.violet-ui .violet-watch-actions{display:flex;gap:10px;grid-column:1;grid-row:3;flex-wrap:wrap}.violet-ui #player-area[hidden]{display:none}.violet-ui .aq-controls{font-family:inherit}.violet-ui .aq-controls button,.violet-ui .aq-controls select{font-family:inherit}.violet-ui .aq-seek,.violet-ui .aq-volume{accent-color:var(--accent)}.violet-ui .aq-progress-fill,.violet-ui .aq-volume-fill{background:var(--accent)}.violet-ui .player-toolbar button{font-size:11px;background:#ffffff04;border:1px solid var(--line);border-radius:8px}.violet-ui .clip-view #detail{inset:0;padding:20px;z-index:80}.violet-ui .clip-view .app-header,.violet-ui .clip-view .violet-sidebar,.violet-ui .clip-view .violet-brand{display:none}.violet-ui .clip-view .player-area{display:block}
.violet-ui .library-card{background:#17141f;border:1px solid var(--line);border-radius:13px;padding:12px;box-shadow:none}.violet-ui .library-card h3{font-family:inherit;font-size:16px;text-transform:none}.violet-ui .library-card p{font-size:11px;color:var(--muted)}.violet-ui .library-cover{border-radius:9px}.violet-ui .tabs a,.violet-ui .tabs button{font-family:inherit;font-size:12px;text-transform:none}.violet-ui .tabs .active{color:var(--text);border-color:var(--accent)}.violet-ui #library-tabs{margin:25px 0;border-bottom:1px solid var(--line);gap:18px;display:flex;flex-wrap:wrap}.violet-ui .social-comments{margin:30px 0 0;border-top:1px solid var(--line);padding-top:25px}.violet-ui .social-comment{border-color:var(--line)}.violet-ui .social-comment h3{font-family:inherit;font-size:13px}.violet-ui .social-comment p{font-family:inherit;font-size:12px;color:var(--muted)}
.violet-profile-cover{height:180px;border-radius:16px 16px 0 0;background:linear-gradient(120deg,rgba(var(--accent-rgb),.35),#17101f),url('/violet-assets/pattern-arcs.svg');border:1px solid var(--line)}.violet-profile-body{padding:0 28px 24px;border:1px solid var(--line);border-top:0;border-radius:0 0 16px 16px;background:var(--surface)}.violet-profile-body>.violet-avatar{width:78px;height:78px;transform:translateY(-28px);border:5px solid var(--surface);font-size:30px;margin-bottom:-13px}.violet-profile-body h1{font-size:28px;margin:0 0 10px}.violet-profile-body p{color:var(--muted);font-size:12px;line-height:1.7}.violet-stats{display:flex;gap:30px;margin:25px 0;flex-wrap:wrap}.violet-stats a{text-decoration:none;color:var(--muted);font-size:11px}.violet-stats strong{display:block;color:var(--text);font-size:24px;margin-bottom:4px}.violet-profile-actions{display:flex;gap:10px;flex-wrap:wrap}.violet-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:28px}.violet-category-grid a{border:1px solid var(--line);border-radius:12px;background:linear-gradient(130deg,rgba(var(--accent-rgb),.12),#15121c);padding:25px 20px;text-decoration:none;color:var(--text);font-size:16px}.violet-category-grid small{display:block;color:var(--dim);font-size:11px;margin-top:10px}.violet-form{display:grid;gap:16px}.violet-form label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.violet-form .check-row{display:flex;align-items:center;gap:10px}.violet-form .check-row input{width:auto}.violet-modal{width:min(620px,calc(100vw - 28px));max-height:88dvh;padding:24px;box-sizing:border-box}.violet-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.violet-modal-head h2{margin:0}.violet-modal-head button{width:30px;height:30px;background:none;border:0;color:var(--muted);font-size:23px}.violet-form :is(input,select,textarea){width:100%;box-sizing:border-box}.violet-form footer{display:flex;justify-content:flex-end;gap:10px}.violet-note{font-size:11px;color:var(--dim);line-height:1.7}.violet-ui .boot-spark{color:var(--accent)}.violet-ui .bottom-nav{display:none}.violet-ui #seo-content{display:none!important}.violet-ui .section-header h1{font-family:inherit;text-transform:none}.violet-ui .toast{border-radius:10px;background:#251a39;border-color:#b58adb33;color:#f1eaff;font-family:inherit}
@media(min-width:1500px){.violet-ui main{padding-left:40px;padding-right:40px}.violet-ui .poster-rail{grid-auto-columns:175px}}
@media(max-width:1100px){.violet-ui{--side:195px}.violet-ui .app-header{padding-left:225px}.violet-brand{font-size:25px}.violet-sidebar{padding-left:12px;padding-right:12px}.violet-ui main{padding:22px 24px 55px}.violet-ui .player-area{grid-template-columns:minmax(0,1fr) 175px;gap:12px}.violet-hero-copy{padding-left:30px}.violet-ui #detail{padding-left:24px;padding-right:24px}.violet-ui #episodes{grid-template-columns:repeat(2,minmax(0,1fr))}.violet-ui .app-header{padding-right:20px}}
@media(max-width:720px){.violet-ui{--side:0px;--head:65px}.violet-brand{font-size:23px;left:15px;top:13px;line-height:32px}.violet-brand span{font-size:26px}.violet-ui .app-header,.violet-ui.sidebar-scroll-hidden .app-header{height:65px;padding:0 14px 0 153px;gap:7px}.violet-ui .search-bar{max-width:none}.violet-ui .search{padding:0 8px;min-height:34px;border-radius:9px}.violet-ui .search input{width:100%;height:34px;font-size:10px}.violet-ui .search svg{display:none}.violet-ui #filters-open{display:none}.violet-ui #connection-open{display:none}.violet-ui #account-open{width:29px;height:29px}.violet-sidebar{display:none}.violet-menu-scrim{display:none!important}.violet-ui main{margin-left:0;padding:15px 16px 92px}.violet-ui .bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;background:#100e18f5;border-top:1px solid var(--line);border-radius:0;height:calc(59px + env(safe-area-inset-bottom));padding:4px 6px env(safe-area-inset-bottom);backdrop-filter:blur(12px);z-index:70}.violet-ui .bottom-nav a{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;color:var(--dim);font:9px 'Segoe UI',sans-serif;flex:1;border:0;background:none}.violet-ui .bottom-nav a.active{color:#bd91ff;background:none}.violet-ui .bottom-nav:before{display:none}.violet-ui .bottom-nav svg{width:20px;height:20px}.violet-ui .poster-rail{grid-auto-columns:139px;gap:13px}.violet-ui .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.violet-ui .card .poster h3{font-size:16px}.violet-ui h1{font-size:27px}.violet-ui h2,.violet-ui .section-head h2{font-size:20px}.violet-ui .section-head{gap:8px;margin-bottom:17px}.violet-ui .text-button{font-size:9px}.violet-ui .home-section{margin-bottom:30px}.violet-hero{min-height:390px;margin-bottom:27px;border-radius:13px}.violet-hero-copy{padding:30px 22px 82px;max-width:100%}.violet-hero h1{font-size:31px}.violet-eyebrow{font-size:8px;letter-spacing:.15em}.violet-hero-meta{font-size:10px}.violet-hero-controls{right:18px;bottom:19px;gap:9px}.violet-hero-counter{display:none}.violet-hero-art{object-position:65% center}.violet-hero:after{background:linear-gradient(90deg,#100d1be0,#100d1b60),linear-gradient(0deg,#100d1bdd,transparent)}.violet-ui .continue-list{display:grid;grid-template-columns:1fr}.violet-ui .resume-card{min-height:210px}.violet-ui .resume-art{height:auto}.violet-ui .season-tabs{overflow-x:auto;flex-wrap:nowrap}.violet-ui #detail{inset:65px 0 59px;padding:0 16px 35px}.violet-ui .detail-cover-hero{height:230px;border-radius:12px}.violet-ui .detail-heading h2,.violet-ui .detail-heading .title-main{font-size:28px}.violet-ui .detail-heading .title-sub{font-size:22px}.violet-ui .detail-main{padding-top:12px}.violet-ui .detail-actions .button{min-width:0;flex:1}.violet-ui .player-area{grid-template-columns:1fr;gap:12px}.violet-ui #episodes{grid-column:1;grid-row:5;grid-template-columns:repeat(5,minmax(0,1fr));max-height:350px}.violet-ui .aq-toolbar{grid-row:2}.violet-ui .watch-controls{grid-row:4}.violet-ui .violet-watch-actions{grid-row:3}.violet-ui .violet-watch-actions .button{font-size:10px;padding:10px}.violet-ui .is-watching .detail-heading h2,.violet-ui .is-watching .detail-heading .title-main{font-size:23px}.violet-ui .episode-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.violet-ui .library-card h3{font-size:14px}.violet-ui .library-card{padding:10px}.violet-profile-cover{height:135px}.violet-profile-body{padding:0 20px 20px}.violet-stats{gap:23px}.violet-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.violet-category-grid a{padding:20px 14px;font-size:14px}.violet-ui .clip-view #detail{inset:0;padding:12px}.violet-ui .clip-view .bottom-nav{display:none}.violet-ui .card .rank-badge{left:auto;right:8px;top:auto;bottom:8px}}
@media(prefers-reduced-motion:reduce){.violet-ui *, .violet-ui *:before,.violet-ui *:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.violet-ui .poster-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:28px 20px}.violet-ui #library-list.violet-library-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:26px 20px}.violet-library-item{min-width:0}.violet-status-select select{width:100%;background:#ffffff04;border:1px solid var(--line);border-radius:7px;padding:8px;font-size:10px;color:var(--muted);margin-top:9px}.violet-library-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.violet-library-summary>a{border:1px solid var(--line);background:linear-gradient(135deg,#211b2d99,#15121d);border-radius:14px;padding:23px;text-decoration:none;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:10px}.violet-library-summary strong{font-size:27px;color:var(--text);margin-right:4px}.violet-library-tools{display:flex;gap:12px;margin:25px 0;flex-wrap:wrap}.violet-library-tools>label{flex:1;min-width:190px}.violet-library-tools input,.violet-library-tools select{box-sizing:border-box;background:#ffffff03;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--muted);font-size:12px;max-width:100%}.violet-library-tools input{width:100%}.violet-library-rows .violet-status-select{display:block;width:190px;margin:0 0 20px auto}.vm-saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.vm-saved-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden;min-width:0}.vm-saved-card>a{display:block;position:relative;aspect-ratio:16/9;background:#201a2c}.vm-saved-card>a img{width:100%;height:100%;object-fit:cover}.vm-saved-card>a>span{position:absolute;right:9px;bottom:9px;background:#08060dcc;padding:4px 6px;border-radius:5px;color:white;font-size:9px}.vm-saved-card>div{padding:15px}.vm-saved-card small{color:var(--muted);font-size:9px}.vm-saved-card h3{font-size:16px;margin:8px 0}.vm-saved-card h3 a{color:var(--text);text-decoration:none}.vm-saved-card p{color:var(--dim);font-size:10px}.vm-saved-card footer{display:flex;gap:15px;margin-top:16px}.vm-editor{width:min(1100px,calc(100vw - 28px))!important}.vm-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,1fr);gap:24px}.vm-preview{min-width:0}.vm-preview #player-screen{display:block;position:sticky;top:0;width:100%;border:1px solid var(--line);border-radius:12px;overflow:hidden}.vm-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.vm-editor .moment-share{display:none!important}.vm-editor input[type=range]{padding:0;accent-color:var(--accent)}.vm-player-placeholder{aspect-ratio:16/9}.vm-discussion{border-top:1px solid var(--line);margin-top:28px;padding-top:22px;max-width:850px}.vm-comment{padding:18px 0;border-bottom:1px solid var(--line)}.vm-comment.reply{padding-left:22px;border-left:1px solid var(--line)}.vm-comment strong{font-size:12px}.vm-comment time{font-size:9px;color:var(--dim);margin-left:12px}.vm-comment p{font-size:12px;white-space:pre-wrap;color:var(--muted);line-height:1.7}.vm-comment>.text-button{margin-right:16px}.vm-discussion form{margin-top:22px}.room-panel{grid-column:2;grid-row:1/6;background:#181321;border:1px solid var(--line);border-radius:13px;padding:16px;display:flex;flex-direction:column;min-width:0;max-height:650px}.room-panel header{display:flex;align-items:center;gap:8px;justify-content:space-between}.room-panel h3{font-size:15px;margin:8px 0}.room-panel small{color:#b698dc;font-size:8px;letter-spacing:.13em}.room-panel #room-status{font-size:10px;color:var(--muted);line-height:1.7;background:rgba(var(--accent-rgb),.08);padding:9px;border-radius:7px}.room-panel #room-members{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.room-panel #room-members>span{font-size:9px;background:#ffffff06;padding:4px 6px;border-radius:5px;color:var(--muted)}.room-panel #room-messages{min-height:200px;flex:1;overflow:auto;scrollbar-width:thin;max-height:360px}.room-panel #room-messages article{padding:10px 0;overflow-wrap:anywhere}.room-panel #room-messages strong{font-size:11px}.room-panel #room-messages time{font-size:8px;color:var(--dim);float:right}.room-panel #room-messages p{font-size:11px;line-height:1.6;white-space:pre-wrap;color:var(--muted);margin:6px 0}.room-panel form{display:flex;flex-wrap:wrap;gap:5px;padding-top:12px;border-top:1px solid var(--line)}.room-panel #room-text{min-width:0;width:calc(100% - 45px);background:#ffffff04;border:1px solid var(--line);padding:9px;border-radius:7px;box-sizing:border-box;font-size:11px}.room-panel form .button{padding:7px;min-width:35px;min-height:34px}.room-panel form>label:last-child{font-size:9px;color:var(--dim);display:flex;align-items:center;gap:5px}.room-panel #room-leave{margin-top:17px}.room-spoiler{display:block;border:1px solid #ae85e833;background:repeating-linear-gradient(125deg,#aa88dd0b,#aa88dd0b 5px,transparent 5px,transparent 10px);border-radius:7px;padding:11px;color:#c7adf3;width:100%;font-size:11px;text-align:left}.has-watch-room #episodes{display:none}.violet-ui .player-area.has-watch-room{grid-template-columns:minmax(0,1fr) 290px}.room-manage>div{display:flex;gap:9px;align-items:center;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}.room-manage>div>span{flex:1}.room-manage button{background:none;color:var(--muted);border:0;font-size:10px;cursor:pointer}.room-return{position:fixed;bottom:20px;left:calc(var(--side) + 25px);right:25px;background:#20172ef5;border:1px solid rgba(var(--accent-rgb),.3);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 20px;z-index:55;font-size:12px}
@media(max-width:1100px){.vm-saved-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.violet-ui .player-area.has-watch-room{grid-template-columns:minmax(0,1fr) 235px}}
@media(max-width:720px){.violet-ui .poster-grid,.violet-ui #library-list.violet-library-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 15px}.violet-library-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.violet-library-summary>a{padding:17px 13px;gap:5px;font-size:10px}.violet-library-summary>a:last-child{grid-column:1/-1}.violet-library-summary strong{font-size:22px}.violet-library-tools{gap:8px}.violet-library-tools>label{flex-basis:100%}.violet-library-tools select{flex:1;min-width:0;font-size:10px}.vm-saved-grid{grid-template-columns:1fr}.vm-layout{grid-template-columns:1fr}.vm-editor{padding:16px!important}.vm-preview #player-screen{position:relative}.violet-ui .player-area.has-watch-room{grid-template-columns:1fr}.room-panel{grid-column:1;grid-row:5;max-height:500px}.room-return{bottom:75px;left:12px;right:12px;padding:10px;font-size:10px}.room-return .button{font-size:10px;padding:8px}.vm-discussion{margin-top:22px}}
.violet-ui .app-shell{width:100%}.violet-ui #detail{background:radial-gradient(ellipse at top right,rgba(var(--accent-rgb),.08),transparent 70%),var(--bg);isolation:isolate}.violet-ui #detail:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('/violet-assets/pattern-arcs.svg') repeat;opacity:calc(var(--pattern-strength)*.1)}.violet-ui .detail-cover-hero{clip-path:none}.violet-ui .violet-hero h1{max-width:660px}.violet-ui #detail .detail-main{display:block}.violet-ui #detail .seo-guide-context{display:none}.violet-ui .aq-player .aq-main-play{background:var(--accent);border-color:#d5b8ff55;color:white;box-shadow:0 0 40px rgba(var(--accent-rgb),.15)}
html.violet-ui.watch-focus .app-shell{display:block}html.violet-ui.watch-focus .app-shell>main{visibility:hidden;content-visibility:hidden;pointer-events:none}.violet-ui #detail .is-watching .detail-main{display:none}.violet-ui .button *{font-family:inherit;letter-spacing:inherit}.violet-ui body:before,.violet-ui #detail:before{opacity:calc(var(--pattern-strength)*.055)}.violet-ui .bottom-nav{transform:none;max-width:none}.violet-ui .bottom-nav .nav-indicator{display:none}.violet-ui #episodes .violet-episodes-heading{grid-column:1/-1;padding:1px 0 15px}.violet-episodes-heading h3{font-size:17px;margin:0 0 14px}.violet-episodes-heading small{float:right;font-size:10px;color:var(--dim)}.violet-episodes-heading>span{display:block;border:1px solid var(--line);border-radius:8px;padding:10px;font-size:11px;color:var(--muted)}.violet-ui #episodes.has-thumbnails{display:flex;flex-direction:column;gap:9px}.violet-ui #episodes.has-thumbnails a{min-height:65px;width:100%;display:flex;align-items:center;gap:10px;padding:8px;font-size:10px;box-sizing:border-box}.violet-episode-card img{aspect-ratio:16/9;width:76px;height:auto;border-radius:5px;object-fit:cover;flex:none}.violet-ui #detail-episode-grid.has-thumbnails{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.violet-ui #detail-episode-grid .violet-episode-card{display:flex;flex-direction:column;gap:8px;padding:8px;font-size:11px;height:auto;aspect-ratio:auto}.violet-ui #detail-episode-grid .violet-episode-card img{width:100%;height:auto}
.violet-ui .is-poster-loading::before{content:'✳';background:none!important;color:var(--accent);font:32px 'Segoe UI',sans-serif;display:grid;place-items:center;animation:violet-pulse 1.5s ease-in-out infinite}.violet-ui .is-poster-loading::after{background:linear-gradient(130deg,#1a1425,#110e18)}@keyframes violet-pulse{50%{opacity:.35}}.violet-ui .clip-info{font-family:'Segoe UI',sans-serif}.violet-ui .clip-info h1{font-family:inherit;text-transform:none;font-size:25px}
.violet-player-settings{position:absolute;right:0;top:4px;width:33px;height:33px;padding:8px}.violet-ui .detail-heading h2{padding-right:45px}.violet-settings-section{padding:22px;border:1px solid var(--line);border-radius:13px;background:#ffffff02;margin:20px 0}.violet-settings-section h2{font-size:19px}.violet-ui .is-watching .detail-heading{min-height:65px}
.violet-ui .has-watch-room #episodes{display:none!important}.violet-ui .player-area.has-watch-room{grid-template-rows:max-content max-content max-content;align-content:start;align-items:start}.violet-ui .has-watch-room .aq-toolbar{display:none}.violet-ui .has-watch-room .violet-watch-actions{grid-row:2}.violet-ui .has-watch-room .watch-controls{grid-row:3}.violet-ui .has-watch-room .room-panel{grid-row:1/4}.violet-ui #vm-community{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:12px 25px}.violet-ui #vm-community>h2,.violet-ui #vm-community>p,.violet-ui #vm-community>.violet-profile-actions{grid-column:1}.violet-ui #vm-community>.vm-discussion{grid-column:1}.vm-popular{grid-column:2;grid-row:1/6;align-self:start;border:1px solid var(--line);border-radius:12px;padding:16px;background:#ffffff03}.vm-popular h3{font-size:18px;margin:0 0 17px}.vm-popular-tabs{display:flex;gap:8px;margin-bottom:16px}.vm-popular-tabs button{font-size:10px;background:#ffffff04;border:1px solid var(--line);padding:8px;border-radius:7px;color:var(--muted)}.vm-popular-tabs button.active{color:#c6a4ff;border-color:#a47dda55}.vm-popular a{display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--text);text-decoration:none;border-top:1px solid var(--line);font-size:11px}.vm-popular img{width:65px;height:45px;object-fit:cover;border-radius:6px}.vm-popular strong{font-size:11px;display:block}.vm-popular small{font-size:9px;color:var(--dim);display:block;margin-top:5px}.violet-ui .clip-info{max-width:1200px}
@media(max-width:720px){.violet-ui .player-area.has-watch-room{grid-template-columns:1fr;grid-template-rows:auto}.violet-ui .has-watch-room .room-panel{grid-row:5}.violet-ui #vm-community{display:block}.vm-popular{margin-top:25px}.vm-popular img{width:85px;height:55px}}
.violet-hero-controls>button[data-hero=prev] svg{transform:rotate(180deg)}
.violet-episode-art{display:grid;place-items:center;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:6px;background:linear-gradient(135deg,#20172f,#15121e);color:var(--accent);font-size:22px;flex:none}
.violet-episode-art.is-loading{animation:violet-pulse 1.5s ease-in-out infinite}
.violet-episode-art.is-unavailable{color:var(--dim);font:10px/1.5 'Segoe UI',sans-serif}
.violet-ui #detail-episode-grid .violet-episode-art img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.violet-ui #episodes .violet-episode-art{width:76px}
.violet-ui #episodes .violet-episode-art img{width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.violet-ui #episodes .violet-episode-art{width:100%}}

/* Complete the legacy style reset: poster text must use its full three lines. */
.violet-ui .card{text-align:left}
.violet-ui .card .poster h3{padding:0;background:none;min-height:0;height:auto;width:auto;max-width:none;top:auto;box-sizing:content-box;overflow-wrap:anywhere;white-space:normal;text-overflow:ellipsis}
.violet-ui .card .poster .card-title-text{display:contents}
.violet-ui .card .poster .episode-badge{display:none}
.violet-ui .card .poster-info{display:grid;place-items:center}
.violet-ui .card-meta{justify-content:flex-start;text-align:left}
.violet-ui .card-type{width:auto;text-align:left}
.violet-ui .card .rank-badge{left:auto;right:8px;top:auto;bottom:8px;width:auto;min-width:24px;height:auto;padding:4px 6px;border-radius:6px;font:600 10px/1.3 'Segoe UI',sans-serif;background:#17101ee0;color:var(--text);clip-path:none;transform:none}
.violet-ui .card:has(.rank-badge) .poster h3{bottom:38px}
.violet-ui .card .violet-synopsis{overflow:hidden;padding-top:68px}
.violet-ui .card .violet-synopsis strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-shrink:0}
.violet-ui .card .violet-synopsis span{min-height:0}
.violet-ui .card .violet-synopsis b{flex-shrink:0}

/* History uses a predictable responsive grid instead of the old clipped rail. */
.violet-ui #continue-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;gap:18px;padding:0}
.violet-ui #continue-list .resume-card{border-color:var(--line);min-height:0;overflow:hidden}
.violet-ui #continue-list .resume-art{height:auto;aspect-ratio:16/9;overflow:hidden}
.violet-ui #continue-list .resume-art img{width:100%;height:100%;object-fit:cover}
.violet-ui #continue-list .resume-title{font-size:17px;line-height:1.35;margin:0;padding-right:38px;overflow-wrap:anywhere}
.violet-ui #continue-list .resume-body{padding:14px}
.violet-ui #continue-list .resume-footer{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;margin-top:14px;padding-top:0}
.violet-ui #continue-list .progress-line{flex:1;min-width:20px}
.violet-ui #continue-list .resume-remaining{flex:none;white-space:nowrap;font-size:10px}
.violet-ui #continue-list.is-empty{display:block}
.violet-ui .home-personal-empty{border-color:var(--line);background:var(--surface)}

/* Reserve a real navigation row; the sticky back button cannot cover text. */
.violet-detail-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;min-height:52px;background:var(--bg);padding:7px 34px;box-sizing:border-box;margin:0 -34px 8px}
.violet-ui #detail .violet-detail-bar #close-detail{position:static;inset:auto;margin:0;flex:none}
.violet-ui #detail-content{min-width:0}
.violet-ui .detail-heading{min-width:0}
.violet-ui .detail-heading h2,.violet-ui .detail-heading .title-main{overflow-wrap:anywhere}
.violet-ui .detail-actions{display:flex;align-items:stretch;flex-wrap:nowrap;gap:10px}
.violet-ui .detail-actions #watch{min-width:0;width:auto;max-width:360px;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:46px;font:600 14px/1.3 'Segoe UI',sans-serif}
.violet-ui .detail-actions #watch>span{font:inherit;text-transform:none;letter-spacing:0;min-width:0}
.violet-ui .detail-actions #watch>span{flex:1;white-space:normal}
.violet-ui .detail-actions #watch>small{font:400 10px/1.4 'Segoe UI',sans-serif;flex:none;max-width:85px;white-space:normal;margin:0;padding-left:10px}
.violet-ui .detail-actions .save-button{width:46px;min-width:46px;min-height:46px;flex:none;margin:0}
.violet-ui .preview-series-bar{flex-wrap:wrap;gap:14px}
.violet-ui .preview-voice-picker{min-width:0;width:100%}
.violet-ui #detail-episode-grid{padding:0;margin-left:0;margin-right:0}
.violet-ui #detail-episode-grid .violet-episode-card img{aspect-ratio:16/9;object-fit:cover}

/* Unify forms and prevent flex children from pushing neighbouring controls out. */
.violet-ui .section-head{flex-wrap:wrap;min-width:0}
.violet-ui .section-head h1,.violet-ui .section-head h2{min-width:0;margin-top:0;margin-bottom:0;overflow-wrap:anywhere}
.violet-ui #library-tabs{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.violet-ui #library-tabs>a{flex:none;margin:0;padding:12px 0}
.violet-ui .violet-library-tools{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.5fr) minmax(135px,.6fr) 44px;gap:10px;align-items:center}
.violet-ui .violet-library-tools>label{min-width:0}
.violet-ui .violet-library-tools>select{min-width:0;width:100%}
.violet-ui .violet-library-tools #vl-layout{padding:10px;min-width:0;width:44px;height:42px}
.violet-ui .violet-status-select{display:block;min-width:0}
.violet-ui .violet-status-select select{box-sizing:border-box;min-width:0}
.violet-ui .setting-group{background:var(--surface);border-color:var(--line);border-radius:13px;min-width:0}
.violet-ui dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px);box-sizing:border-box}
.violet-ui .violet-modal{overflow-y:auto;scrollbar-width:thin}
.violet-ui .violet-modal-head{gap:14px;align-items:flex-start}
.violet-ui .violet-modal-head h2{min-width:0;overflow-wrap:anywhere}
.violet-ui .violet-modal-head button{flex:none;display:grid;place-items:center;line-height:1}
.violet-ui .violet-form footer{flex-wrap:wrap;margin:0;padding:0;border:0}
.violet-ui .violet-form input[type=range]{padding:0;min-height:24px;background:none;border:0}
.violet-ui .violet-form input[type=checkbox]{width:16px;height:16px;flex:none;padding:0}
.violet-ui .violet-form .check-row{line-height:1.5}
.violet-ui .google-login-link img{border:0;background:none;padding:0;width:24px;height:24px;border-radius:0}
.violet-ui .violet-hero-copy{min-width:0;box-sizing:border-box;width:100%}
.violet-ui .violet-hero-actions{flex-wrap:wrap}
.violet-ui .violet-hero h1{overflow-wrap:anywhere}
.violet-ui .violet-hero-controls{max-width:calc(100% - 36px);box-sizing:border-box}
.violet-ui .violet-hero-controls>button{flex:none}
.violet-ui .toast{max-width:calc(100vw - 32px);box-sizing:border-box;overflow-wrap:anywhere}
.violet-ui #episodes.has-thumbnails .violet-episode-card{flex:none}
.violet-ui .room-panel{box-sizing:border-box;max-height:min(650px,calc(100dvh - 165px));overflow:hidden}
.violet-ui .room-panel #room-messages{min-height:80px}
.violet-ui .room-panel header{flex-wrap:wrap}
.violet-ui .room-return{box-sizing:border-box;flex-wrap:wrap}
.violet-ui .vm-saved-card h3,.violet-ui .vm-comment p,.violet-ui .vm-popular strong{overflow-wrap:anywhere}
.violet-ui .vm-layout>*,.violet-ui .vm-range-fields>*{min-width:0}
.violet-ui .vm-editor input{min-width:0}

@media(max-width:1000px){
 .violet-detail-bar{margin-right:-24px;margin-left:-24px;padding-right:24px;padding-left:24px}
 .violet-ui .violet-library-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}
 .violet-ui .violet-library-tools>label{grid-column:1/-1}
 .violet-ui .violet-library-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .violet-ui .violet-library-summary>a:last-child{grid-column:1/-1}
 .violet-ui .player-area{grid-template-columns:minmax(0,1fr)}
 .violet-ui #episodes{grid-column:1;grid-row:5;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));max-height:350px}
 .violet-ui #episodes.has-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}
 .violet-ui .player-area.has-watch-room{grid-template-columns:1fr}
 .violet-ui .has-watch-room .room-panel{grid-column:1;grid-row:5;max-height:480px}
}
@media(max-width:720px){
 .violet-detail-bar{margin-right:-16px;margin-left:-16px;padding-right:16px;padding-left:16px}
 .violet-ui #library-tabs{gap:6px}
 .violet-ui #library-tabs>a{flex:1;min-width:0;text-align:center;font-size:10px;padding:12px 2px}
 .violet-ui #continue-list{grid-template-columns:1fr;gap:14px}
 .violet-ui #continue-list .resume-title{font-size:17px}
 .violet-ui .detail-actions #watch{max-width:none;padding:10px;gap:7px;font-size:13px}
 .violet-ui .detail-actions #watch>small{font-size:9px;max-width:56px;padding-left:7px}
 .violet-ui .detail-actions{gap:8px}
 .violet-ui #detail{bottom:calc(59px + env(safe-area-inset-bottom))}
 .violet-ui .bottom-nav{box-sizing:border-box}
 .violet-ui .violet-library-summary>a{padding:16px 12px;min-width:0;overflow-wrap:anywhere}
 .violet-ui .violet-library-tools{gap:8px}
 .violet-ui #episodes.has-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}
 .violet-ui #episodes.has-thumbnails .violet-episode-card{display:flex;flex-direction:column;align-items:stretch;height:auto}
 .violet-ui #episodes.has-thumbnails .violet-episode-card img{width:100%;height:auto}
 .violet-ui #detail-episode-grid.has-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}
 .violet-ui .room-return{bottom:calc(75px + env(safe-area-inset-bottom))}
 .violet-ui .toast{bottom:calc(76px + env(safe-area-inset-bottom))}
 .violet-ui .vm-range-fields{gap:8px}
 .violet-ui .room-panel{max-height:480px}
}
@media(max-width:360px){
 .violet-ui .app-header{padding-left:143px;padding-right:12px}
 .violet-ui .search input::placeholder{font-size:9px}
 .violet-ui .violet-hero-copy{padding-left:18px;padding-right:18px}
 .violet-ui .violet-hero-actions{gap:8px}
 .violet-ui .violet-hero-actions .button{padding:10px 12px;font-size:11px;gap:6px}
 .violet-ui .detail-actions .save-button{width:40px;min-width:40px}
 .violet-ui .detail-actions #watch{flex-wrap:nowrap;gap:5px;font-size:12px}
 .violet-ui .detail-actions #watch>svg{width:15px;height:15px}
 .violet-ui .detail-actions #watch>small{flex-basis:auto;max-width:40px;padding-left:6px;font-size:8px}
 .violet-ui .violet-modal{padding:18px}
 .violet-ui .violet-modal-head h2{font-size:20px}
 .violet-ui .violet-library-tools :is(input,select){font-size:10px;padding:10px 8px}
}
:root.violet-ui{--header-start:254px}
.violet-ui .button.primary{background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 78%,white),var(--accent))}
.violet-ui .app-header,.violet-ui.sidebar-scroll-hidden .app-header{padding-left:var(--header-start)}
@media(min-width:721px) and (max-width:1100px){:root.violet-ui{--header-start:225px}}
@media(max-width:720px){:root.violet-ui{--header-start:153px}}
@media(max-width:360px){:root.violet-ui{--header-start:143px}}
.violet-ui #violet-catalog-filters{display:none}
@media(max-width:720px){
 .violet-ui #violet-catalog-filters{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:10px}
 .violet-ui #catalog .filter-summary{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
 .violet-ui #catalog .filter-summary #filter-description{flex:1;font-size:10px}
 .violet-ui #catalog .filter-summary .sort-label{margin-left:auto;min-width:0;max-width:100%}
 .violet-ui #catalog .filter-summary .sort-label select{max-width:100%;font-size:11px}
}

/* Clip mode is a class on <html>, not a descendant of the Violet root. */
html.violet-ui.clip-view :is(.violet-brand,.violet-sidebar,.violet-menu-scrim,.violet-detail-bar,.violet-watch-actions,.bottom-nav){display:none!important}
html.violet-ui.clip-view #detail{inset:0;z-index:80;padding:24px;height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain}
html.violet-ui.clip-view #detail:before{display:none}
html.violet-ui.clip-view #detail-content{max-width:1200px;margin:0 auto}
html.violet-ui.clip-view .player-area{display:block;padding:0;margin:0;background:none;border:0}
html.violet-ui.clip-view #player-screen{width:100%;margin:0 auto;grid-area:auto}
html.violet-ui.clip-view .clip-info{padding:24px 0;color:var(--text);text-shadow:none}
html.violet-ui.clip-view #vm-community{align-items:start;align-content:start;grid-auto-rows:min-content;column-gap:24px;row-gap:12px}
html.violet-ui.clip-view #vm-community>h2{margin:0}
html.violet-ui.clip-view #vm-community>p{margin:0}
html.violet-ui.clip-view #vm-community>p:empty{display:none}
html.violet-ui.clip-view .vm-comment>.text-button{display:inline-flex;padding:6px 0;margin-right:16px;font-size:11px}
html.violet-ui.clip-view .vm-discussion{margin-top:12px;padding-top:22px}
html.violet-ui.clip-view .vm-comment time{display:inline-block}
@media(max-width:720px){
 html.violet-ui.clip-view #detail{padding:12px}
 html.violet-ui.clip-view .clip-info{padding:18px 0}
 html.violet-ui.clip-view #vm-community>*{margin-bottom:14px}
 html.violet-ui.clip-view .vm-popular{margin-top:24px}
}

/* Form styling must never pad the media timeline or its compact selectors. */
.violet-ui .aq-player{container-type:inline-size;container-name:anime-player}
.violet-ui .aq-progress input{padding:0;border:0;min-height:0;height:4px;border-radius:10px;background:linear-gradient(to right,var(--accent) 0 var(--played),#a2a0b782 var(--played) var(--buffered),#c9c0d437 var(--buffered) 100%)}
.violet-ui .aq-volume{padding:0;border:0;background:none;min-height:0;height:3px}
.violet-ui .aq-control-row{min-width:0;gap:7px}
.violet-ui .aq-control-row select{padding:4px 6px;height:30px;min-height:0;min-width:0;width:auto;font-size:11px;border-color:#ffffff20;background:#15101dc9;border-radius:6px}
.violet-ui .aq-title{max-width:calc(100% - 50px)}
.violet-ui .aq-title strong{max-width:100%}
@container anime-player (max-width:600px){
 .aq-bottom{left:8px;right:8px;bottom:8px}
 .aq-control-row{display:grid!important;grid-template-columns:24px minmax(40px,1fr) minmax(48px,1.2fr) 40px 50px 24px;gap:3px!important;align-items:center}
 .aq-control-row #aq-small-play,.aq-control-row #aq-volume,.aq-control-row .aq-control-spacer,.aq-control-row #aq-pip,.aq-control-row #aq-next{display:none!important}
 .aq-control-row #aq-mute{grid-column:1;grid-row:1}
 .aq-control-row .aq-time{grid-column:2;grid-row:1;font-size:9px}
 .aq-control-row #aq-voices{grid-column:3;grid-row:1;min-width:0;max-width:100%;width:100%;overflow:hidden;text-overflow:ellipsis;font-size:9px;line-height:1.2;padding:2px 3px}
 .aq-control-row #aq-speed{grid-column:4;grid-row:1}
 .aq-control-row #quality{grid-column:5;grid-row:1}
 .aq-control-row #aq-fullscreen{grid-column:6;grid-row:1}
 .aq-control-row :is(button,select){height:28px!important;min-width:0!important;min-height:0!important;padding:2px!important;font-size:9px!important;box-sizing:border-box;width:100%}
 .aq-control-row button svg{width:16px;height:16px}
 .aq-control-row .aq-time>span:first-of-type{margin:0 1px}
 .aq-title strong{font-size:12px}
 .aq-top{top:10px;left:10px;right:10px}
 .aq-title>span:last-child{font-size:9px}
}