/* Outlaw's desktop cinema shell and utility surfaces. */
:root{--outlaw-accent:#95ff50;--outlaw-secondary:#7c5cff;--outlaw-background:#08070d}
body{background-color:#080808}.brand-text{font-size:15px;letter-spacing:.13em}.brand-text>span{font-size:8px}.brand-mark svg{width:38px;height:42px}.secondary-actions{gap:0;padding:2px 10px;border-radius:40px}.secondary-actions>.round-button{border:0;background:none;border-radius:0;width:45px}.secondary-actions>:first-child:not(:last-child){border-right:1px solid #ffffff30}.nav-pill>a:not(.nav-icon){padding:13px 23px}.hero-overview{-webkit-line-clamp:3}.carousel-controls{bottom:28%;gap:0}.carousel-controls>.icon-button{display:none}.hero-content{top:47%}.hero-carousel{min-height:650px;height:92vh}.home-catalog{margin-top:-54px}.title-logo{font-size:64px}.text-logos .title-logo img{display:none}.text-logos .title-logo:has(img)::after{content:attr(data-title);font-size:inherit;line-height:1.05}.utility-page{background:#071006}.utility-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 8%,#679d1f99,transparent 38%),repeating-radial-gradient(ellipse at 70% -15%,#192f0c 0%,#3a620f 9%,#061306 15%,#223e0b 21%,#050b05 28%);filter:blur(24px);opacity:.75}.utility-page:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(transparent,#000b 90%);pointer-events:none}
html[data-theme=blue]{--outlaw-accent:#80b1fa}html[data-theme=teal]{--outlaw-accent:#47e0c8}html[data-theme=forest]{--outlaw-accent:#95ff50}html[data-theme=mocha]{--outlaw-accent:#d0ab8a}html[data-theme=red]{--outlaw-accent:#ff6c74}html[data-theme=pink]{--outlaw-accent:#ff9ed9}html[data-theme=amoled] body,html[data-theme=dark] body{background:#000}html[data-theme=amoled] .utility-page:before,html[data-theme=dark] .utility-page:before{display:none}html[data-theme=blue] .utility-page:before{filter:blur(24px) hue-rotate(100deg)}html[data-theme=teal] .utility-page:before{filter:blur(24px) hue-rotate(65deg)}html[data-theme=mocha] .utility-page:before{filter:blur(24px) hue-rotate(300deg) saturate(.6)}html[data-theme=red] .utility-page:before{filter:blur(24px) hue-rotate(270deg)}html[data-theme=pink] .utility-page:before{filter:blur(24px) hue-rotate(230deg)}html[data-theme=surface] .utility-page:before{filter:blur(32px) grayscale(1)}html[data-theme=aero] .utility-page:before{filter:blur(20px) hue-rotate(60deg) saturate(.5)}html[data-theme=custom] body{background:var(--outlaw-background)}html[data-theme=custom] .utility-page:before{background:radial-gradient(ellipse at 25% 0%,var(--outlaw-accent),transparent 65%),radial-gradient(ellipse at 95% 45%,var(--outlaw-secondary),transparent 65%);opacity:.32}
.outlaw-settings-menu{position:absolute;right:0;top:65px;width:200px;border:1px solid #ffffff20;background:#191919ee;backdrop-filter:blur(24px);border-radius:15px;padding:7px;box-shadow:0 18px 45px #0007}.outlaw-settings-menu>a{display:flex;gap:12px;align-items:center;padding:13px;border-radius:9px;font-size:14px}.outlaw-settings-menu>a:hover{background:#ffffff12}.outlaw-settings-menu svg{width:18px;height:18px}.search-page{padding-top:140px}.search-page>h1{text-align:center;font-size:36px;margin-bottom:26px}.search-field{max-width:590px;margin:0 auto 30px;background:#ffffff15;border:1px solid #ffffff35;backdrop-filter:blur(20px);border-radius:40px;padding:14px 22px;gap:14px}.search-field input{font-size:16px}.search-field svg{width:20px;height:20px}.search-page .catalog-section{padding:0;margin-top:145px}.search-page .catalog-section h2{width:100%;text-align:center}.search-page .row-arrows{display:none}.search-page .poster-row{gap:24px}.search-page .poster-card{flex-basis:calc((100% - 96px)/5)}.search-page #outlawSearchResults>h2{font-size:21px;margin:55px 0 25px}.recent-searches{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:720px;margin:0 auto}.recent-searches>span{display:flex;max-width:100%;border:1px solid #ffffff25;background:#ffffff0a;border-radius:30px;overflow:hidden}.recent-searches button{background:none;padding:8px 12px;font-size:13px;max-width:600px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recent-searches [data-forget]{padding-left:3px;color:#aaa}.catalog-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.catalog-filter-bar select,.settings-content select,.native-menu select{border:1px solid #ffffff22;border-radius:30px;padding:11px 18px;background:#ffffff0e;color:#fff;font:inherit;font-size:13px;max-width:100%;color-scheme:dark}.catalog-filter-bar option,.settings-content option,.native-menu option{background:#222;color:#fff}.browse-heading .subtle-pill{margin-left:auto}.browse-heading .subtle-pill svg{transform:none}.browse-page>#outlawCatalogStatus{font-size:12px;color:#aaa;margin:25px 0}.list-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.list-tabs a{display:flex;align-items:center;gap:10px;background:#ffffff0c;border:1px solid #ffffff22;border-radius:30px;padding:10px 18px;font-size:14px}.list-tabs a[aria-current]{background:#fff;color:#111}.list-tabs small{opacity:.6}.list-cover{display:inline-block;width:240px;margin:0 25px 25px 0}.list-cover>div{display:flex;height:190px;overflow:hidden;gap:2px;border-radius:12px;background:#ffffff10}.list-cover img{width:25%;object-fit:cover;flex:1;min-width:0}.list-cover h2{font-size:18px}.list-cover p{font-size:12px;color:#aaa}.list-management{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px}.editable-title{position:relative;min-width:0}.editable-title>button{position:absolute;right:-7px;top:-7px;background:#fff;color:#111;width:28px;height:28px;border-radius:50%;font-size:22px;box-shadow:0 3px 12px #0007}.settings-page{max-width:1200px;margin:auto}.settings-page h1{font-size:36px;margin:0 0 38px;letter-spacing:-.04em}.settings-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:42px}.settings-sections{display:flex;flex-direction:column;align-self:start;gap:5px;position:sticky;top:130px}.settings-sections>a{padding:14px 18px;color:#aaa;font-size:14px;border-radius:10px}.settings-sections>a[aria-current],.settings-sections>a:hover{background:#ffffff12;color:#fff}.settings-content{padding:28px;background:#0d100de0;backdrop-filter:blur(30px);border:1px solid #ffffff15;border-radius:22px}.settings-content h2{font-size:23px;margin:0 0 10px}.settings-content>p,.settings-page>p{font-size:14px;line-height:1.7;color:#999}.settings-content .setting-row{min-height:80px;gap:25px;padding:20px 0;border-bottom:1px solid #ffffff10}.setting-row input[type=checkbox]{width:36px;height:21px;flex-shrink:0;accent-color:var(--outlaw-accent)}.setting-row span{font-size:14px}.setting-row small{display:block;font-size:12px;color:#888;line-height:1.7;margin-top:6px}.setting-row input[type=range]{width:150px;max-width:45%}.setting-row input[type=color]{width:40px;height:35px;background:none;border:0}.custom-colors{display:flex;gap:20px;padding:18px 0}.custom-colors label{text-transform:capitalize;display:grid;gap:10px;font-size:12px}.custom-colors input{width:65px;height:40px;border:0;padding:0;background:none}.server-order-row{display:flex;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #ffffff10}.server-order-row span{flex:1}.server-order-row button{padding:8px 12px;background:#ffffff10;border-radius:8px}.server-order-row button:disabled{opacity:.25}.import-library{display:grid;gap:12px;margin-top:25px;font-size:13px}.control-editor{max-width:700px;background:#111c;border:1px solid #ffffff18;border-radius:20px;padding:10px 25px}.outlaw-dialog{width:min(540px,calc(100vw - 32px));max-height:85svh;padding:22px;background:#101210ed;color:#fff;border:1px solid #ffffff25;border-radius:22px;backdrop-filter:blur(26px);box-shadow:0 20px 100px #000a}.outlaw-dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}.outlaw-dialog>header,.native-menu>header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.outlaw-dialog h2{margin:0;font-size:22px;letter-spacing:-.03em}.outlaw-dialog [data-dismiss],.native-menu header>button{border-radius:50%;background:#ffffff12;width:32px;height:32px;font-size:23px}.outlaw-dialog-body>p{font-size:14px;color:#aaa;line-height:1.7}.outlaw-dialog form>label,.outlaw-dialog-body>label{display:grid;gap:14px;font-size:13px}.outlaw-dialog input:not([type=checkbox]),.outlaw-dialog textarea{background:#ffffff0c;border:1px solid #ffffff25;border-radius:10px;padding:13px;color:#fff;min-width:0;width:100%;font:inherit}.outlaw-dialog form>.play-action{margin-top:25px}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.list-choices{margin-bottom:20px}.list-choices label{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid #ffffff15}.list-choices label span{flex:1}.list-choices small{color:#888}.ratings-dialog{width:min(900px,calc(100vw - 32px))}.rating-legend{font-size:11px;color:#aaa;line-height:1.8;margin:15px 0}.rating-grid{overflow:auto}.rating-grid table{margin:25px auto;border-spacing:5px;font-size:12px;text-align:center}.rating-grid th{font-weight:500;color:#999;padding:4px 8px}.rating-grid td{height:42px;min-width:46px}.rating-cell{display:grid;place-items:center;border-radius:7px;width:46px;height:42px;background:var(--rating-color);color:#111;font-weight:700;font-size:14px}.episode-card{position:relative}.watched-episode{position:absolute;top:13px;right:13px;background:#0009;border-radius:50%;width:25px;height:25px;border:1px solid #ffffff50;opacity:0;transition:opacity .2s}.episode-card:hover .watched-episode,.watched-episode:focus-visible,.watched-episode[aria-pressed=true]{opacity:1}.watched-episode[aria-pressed=true]{background:#fff;color:#111}.episodes-grid .episode-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}.episodes-grid .episode-edge{display:none}.spoiler-free .episode-card>h3{visibility:hidden}.spoiler-free .episode-card>p{visibility:hidden}.spoiler-free .episode-art>img{filter:blur(20px) brightness(.4)}.movie-watched{margin-left:5px}.cast-person{background:none;text-align:center;min-width:100px;flex:0 0 120px;padding:0}.cast-person img{width:95px;height:95px;object-fit:cover;border-radius:50%;margin-bottom:12px}.cast-person strong{font-size:12px;display:block}.cast-person small{font-size:11px;color:#888;display:block;margin-top:7px}.person-summary{display:flex;gap:25px;align-items:center}.person-summary>img{width:135px;border-radius:12px}.person-summary p{font-size:13px;color:#aaa}.person-summary a{margin-top:20px}.title-modal{width:min(1000px,calc(100vw - 32px));padding:0;overflow:auto}.title-modal>header{position:absolute;top:18px;left:25px;right:20px;z-index:2}.title-modal>header>h2{font-size:0}.modal-title-art{height:360px;position:relative}.modal-title-art>img{width:100%;height:100%;object-fit:cover}.modal-title-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#101210)}.modal-title-content{position:relative;padding:0 40px 35px;margin-top:-100px}.modal-title-content>.title-logo{max-width:420px;font-size:42px}.modal-title-content>p{font-size:14px;line-height:1.8;color:#bbb}.modal-title-content>.subtle-pill{margin-top:24px;width:max-content}.outlaw-back-top{position:fixed;right:25px;bottom:25px;z-index:20;width:40px;height:40px;border-radius:50%;background:#ffffff20;backdrop-filter:blur(20px);color:#fff;font-size:22px}.shorts-page{height:100svh;background:#090909}.shorts-feed{height:100%;overflow-y:auto;scroll-snap-type:y mandatory}.short-entry{height:100svh;max-width:500px;margin:auto;scroll-snap-align:start;position:relative;background:#111;overflow:hidden}.short-preview{height:100%;position:relative}.short-preview>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.short-preview>button{position:absolute;top:35%;left:44%;width:60px;height:60px;border-radius:50%;background:#0009}.short-preview>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.short-caption{position:absolute;left:25px;right:25px;bottom:35px;pointer-events:none;text-shadow:0 2px 15px #000}.short-caption h2{font-size:24px}.short-caption p{font-size:13px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.short-caption .title-actions{pointer-events:auto}.native-extras{display:flex;align-items:center;gap:6px;margin-left:auto}.native-extras>button{background:none;width:38px;height:38px;border-radius:8px;font-size:24px;padding:8px}.native-extras svg{width:22px;height:22px}.native-clock{font-size:12px;font-variant-numeric:tabular-nums;margin-right:20px}.player-status #fullscreen{margin-left:0}.native-menu{position:absolute;z-index:8;right:30px;bottom:115px;width:340px;max-height:calc(100svh - 170px);overflow:auto;background:#151515ed;border:1px solid #ffffff20;border-radius:16px;backdrop-filter:blur(25px);padding:20px}.native-menu label{display:grid;gap:10px;font-size:12px;margin:16px 0;color:#bbb}.native-menu input[type=range]{width:100%;accent-color:white}.native-menu input[type=number]{width:100%;border:1px solid #ffffff25;border-radius:8px;background:#ffffff0c;color:#fff;padding:10px}.native-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.native-menu .setting-row{display:flex}.native-episode-list{display:grid;gap:8px}.native-episode-list a{padding:14px;border-radius:8px;background:#ffffff08}.native-episode-list [aria-current]{background:#ffffff20}.native-idle .player-topline,.native-idle .player-controls{opacity:0;pointer-events:none}.player-topline,.player-controls{transition:opacity .2s}#video::cue{font-size:var(--subtitle-size,100%);font-family:var(--subtitle-font,Inter);color:var(--subtitle-color,#fff);background:var(--subtitle-background,#000b)}
@media(min-width:1000px){.brand-text{display:none}.hero-content{max-width:600px;width:46%}.hero-overview{max-width:575px}.poster-row .poster-card{flex-basis:calc((100vw - 9vw - 96px)/6)}.uploaded-shelf .poster-row .poster-card{flex-basis:170px}.site-footer{justify-content:center;text-align:center;flex-direction:column;gap:20px}.footer-brand{font-size:19px;font-weight:900}.footer-brand>span{display:none}}
@media(max-width:760px){.settings-layout{grid-template-columns:1fr;gap:20px}.settings-sections{position:static;flex-direction:row;overflow:auto}.settings-sections a{white-space:nowrap;padding:11px 14px}.settings-content{padding:20px}.settings-page h1,.search-page>h1{font-size:29px}.recent-searches button{max-width:240px}.search-page .poster-card{flex-basis:160px}.episodes-grid .episode-row{grid-template-columns:repeat(2,minmax(0,1fr))}.episode-toolbar{flex-wrap:wrap;justify-content:flex-end}.episode-toolbar .episode-sort{padding:9px;font-size:11px}.brand-text{display:none}.settings-content .setting-row{gap:15px}.native-menu{right:12px;width:calc(100% - 24px);bottom:105px}.native-clock{font-size:10px;margin-right:0}.native-extras{gap:0}.native-extras button{width:29px;padding:4px}.native-extras [data-native-pip]{display:none}.player-status #volume{display:none}.title-modal .modal-title-content{padding:0 23px 25px}.modal-title-art{height:280px}.list-cover{width:calc(50% - 20px);margin-right:15px}.shorts-page .site-header{display:none}}
html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.advanced-player-settings{padding:22px;width:345px;background:#0e0e0eee}.advanced-player-settings>header{display:none}.player-setting-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.player-setting-tiles>button{padding:18px 14px;text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:9px;min-height:82px}.player-setting-tiles small{display:block;font-size:10px;color:#888;margin-bottom:8px;font-weight:700}.player-setting-tiles strong{font-size:15px;font-weight:600}.stream-popover{max-height:calc(100svh - 160px);overflow-y:auto}.stream-popover hr{border:0;border-top:1px solid #ffffff12;margin:12px 0}.stream-zoom-options{display:flex;gap:6px;padding:0 8px 12px}.stream-zoom-options button{font-size:12px;background:#ffffff08;padding:9px 16px}.stream-adjustment{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aaa;padding:10px 12px}.stream-adjustment input{width:140px;accent-color:white}.sleep-stepper{display:flex;align-items:center;gap:12px;padding:10px}.sleep-stepper input{min-width:0;width:100%;padding:12px;border:1px solid #ffffff25;border-radius:10px;background:#ffffff08;color:#fff;text-align:center}.sleep-stepper button{background:#ffffff12;padding:12px}.stream-popover>label,.native-menu>label{display:grid;gap:10px;font-size:12px;color:#aaa;padding:10px}.stream-popover>label>input{width:100%;background:#ffffff0d;border:1px solid #ffffff25;border-radius:8px;padding:12px;color:white}.party-room-code{display:block;font-family:monospace;font-size:13px;overflow-wrap:anywhere;padding:10px;user-select:all}.episode-show-more{position:static!important;display:block!important;padding:0!important;background:none!important;font-size:11px!important;color:#999;margin-top:5px}.stream-episode-tray{overflow:visible}.stream-tray-episode.expanded p{-webkit-line-clamp:unset}.febbox-token{display:grid;gap:15px;font-size:13px;margin:20px 0}.febbox-token input{width:100%;padding:14px;border-radius:10px;border:1px solid #ffffff30;background:#ffffff0c;color:#fff}.settings-content #saveFebbox{display:inline-block;margin-right:10px}

.stream-transport [data-skip],.transport .skip-button{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:6px!important}.stream-transport [data-skip]:hover,.transport .skip-button:hover{background:#ffffff12!important}.stream-transport [data-skip] svg,.transport .skip-button svg{width:24px!important;height:24px!important;fill:none}.stream-transport [data-skip] svg text,.transport .skip-button svg text{font:600 8px Arial,sans-serif!important;fill:currentColor!important;stroke:none!important;text-anchor:middle}

/* Native player transport follows the same compact arrangement as the reference. */
.player-dialog .control-row{display:flex;align-items:center;gap:0}.player-dialog .transport{display:flex;align-items:center;gap:8px;flex:0 0 auto}.player-dialog .player-status{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1}.player-dialog .native-clock{font:600 12px Inter,Arial,sans-serif;color:#eee;font-variant-numeric:tabular-nums;margin:0 0 0 5px;white-space:nowrap}.player-dialog .native-extras{gap:8px;margin-left:auto}.player-dialog .native-extras>button,.player-dialog #fullscreen,.player-dialog .transport>button,.player-dialog #mute{width:38px;height:38px;padding:8px;background:transparent;border:0;border-radius:7px;display:grid;place-items:center}.player-dialog .native-extras svg,.player-dialog .transport svg,.player-dialog #fullscreen svg,.player-dialog #mute svg{width:23px;height:23px;stroke-width:1.8}.player-dialog .native-extras>button:hover,.player-dialog #fullscreen:hover,.player-dialog .transport>button:hover,.player-dialog #mute:hover{background:#ffffff12}.player-dialog .native-volume-wrap{display:flex;align-items:center;gap:0}.player-dialog .native-volume-wrap #volume{width:0;min-width:0;opacity:0;margin:0;padding:0;transition:width .18s,opacity .18s;accent-color:white;height:3px}.player-dialog .native-volume-wrap:hover #volume,.player-dialog .native-volume-wrap:focus-within #volume{width:72px;opacity:1;margin:0 8px}.player-dialog .video-big-play{display:none!important}.player-dialog .player-close{width:42px;height:42px;left:25px;top:17px;display:grid;place-items:center;background:transparent;border:0}.player-dialog .player-close svg{width:27px;height:27px}.player-dialog .player-film-title{font-size:16px;font-weight:600}.player-dialog .player-topline>span{top:25px}.player-dialog .seek{height:16px;margin:0}.player-dialog .timeline-row{margin-bottom:9px}.player-dialog .player-controls{padding:40px 30px 18px}.player-dialog #nextEpisode{display:none!important}.player-dialog .transport .play-button{margin-right:3px}.player-dialog .native-menu .stream-menu-row{display:flex;justify-content:space-between;width:100%;padding:14px 0;background:none;text-align:left;font-size:14px}.player-dialog #playbackState{display:none}
@media(max-width:700px){.player-dialog .player-controls{padding:30px 12px 14px}.player-dialog .transport,.player-dialog .native-extras{gap:2px}.player-dialog .native-extras>button,.player-dialog #fullscreen,.player-dialog .transport>button,.player-dialog #mute{width:31px;height:36px;padding:5px}.player-dialog .native-clock{font-size:10px;margin-left:3px}.player-dialog .native-volume-wrap #volume{display:none}.player-dialog .player-close{left:10px;top:13px}.player-dialog .player-film-title{font-size:14px}}
