*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#0f0f0f;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.desktop-layout{min-height:100vh;display:grid;grid-template-columns:360px minmax(0,1fr);gap:4px;padding:29px 0 10px 21px}.playlist-sidebar{align-self:stretch;min-height:calc(100vh - 39px);background:#5b5036;color:#fff;border-radius:15px;padding:24px;overflow:hidden}.cover-wrap{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#443b29}.cover-image{display:block;width:100%;height:100%;object-fit:cover}.edit-cover{position:absolute;right:4px;bottom:4px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#111;font-size:23px;box-shadow:0 1px 5px #0003}.playlist-sidebar h1{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:20px 0 8px;font-weight:700}.creator{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500}.creator img{width:25px;height:25px;border-radius:50%;object-fit:cover}.metadata{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#d5cebd;font-size:12px;margin:9px 0 25px}.sidebar-actions{display:flex;align-items:center;gap:8px}.play-all{height:42px;min-width:120px;padding:0 20px;border:0;border-radius:25px;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:600;white-space:nowrap}.play-all:hover{background:#e9e9e9}.play-all span{font-size:17px}.circle-action{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff24;color:white;font-size:25px}.circle-action:hover{background:#ffffff3a}.videos-panel{min-width:0;padding:0 12px 0 4px}.toolbar{display:none}.sort-control{position:relative;display:flex;align-items:center;gap:9px;border-radius:9px;background:#f2f2f2;padding:9px 12px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer}.sort-control select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.chevron{font-size:20px;line-height:13px}.search-box{display:none}.search-box input{width:100%;min-width:0;border:0;outline:0;font-size:13px}.video-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:22px;align-items:start}.video-row{display:grid;grid-template-columns:20px minmax(130px,44%) minmax(0,1fr);gap:9px;align-items:start;min-width:0}.number{padding-top:49px;text-align:center;color:#555;font-size:14px}.thumbnail-button{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;border-radius:8px;overflow:hidden;background:#ddd}.thumbnail-button img{display:block;width:100%;height:100%;object-fit:cover}.duration{position:absolute;right:4px;bottom:4px;background:#0f0f0fe8;color:white;border-radius:3px;padding:2px 4px;font-size:11px;font-weight:600}.video-info{min-width:0;padding-top:1px}.video-title{display:block;border:0;padding:0;background:transparent;text-align:left;color:#0f0f0f;font-size:16px;line-height:1.35;font-weight:600}.video-title:hover{text-decoration:underline}.video-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:#606060;font-size:12px;margin:8px 0 0}empty-state{padding:20px 24px;color:#666}.player-section{max-width:1000px;margin:24px auto;padding:20px}.player-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.player-heading h2{font-size:20px}.player-heading button{border:0;border-radius:20px;padding:8px 13px}.player-frame{aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.player-frame iframe{width:100%;height:100%;border:0}
@media(min-width:1200px){.desktop-layout{grid-template-columns:360px minmax(0,1fr)}.videos-panel{padding:22px 12px 0 8px}.toolbar{display:none}.video-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:22px}.video-row{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;gap:7px;position:relative;align-items:start}.video-row .number{display:none}.video-row .thumbnail-button{grid-column:1;grid-row:1;width:100%;aspect-ratio:16/9}.video-row .video-info{grid-column:1;grid-row:2;padding:0 2px}.video-row .video-title{font-size:14px;line-height:1.35;font-weight:500}.video-row .video-meta{font-size:12px;margin-top:6px}.search-box{display:none}}
@media(max-width:1050px) and (min-width:601px){.desktop-layout{grid-template-columns:310px minmax(0,1fr);padding-left:16px;gap:4px}.playlist-sidebar{padding:18px}.playlist-sidebar h1{font-size:23px}.sidebar-actions{gap:6px}.play-all{min-width:104px;padding:0 12px}.circle-action{flex-basis:35px;width:35px;height:35px;font-size:22px}.video-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-row{grid-template-columns:minmax(0,1fr) 18px;grid-template-rows:auto auto;gap:7px;position:relative}.video-row .number{display:none}.video-row .thumbnail-button{grid-column:1;grid-row:1;width:100%;aspect-ratio:16/9}.video-row .video-info{grid-column:1;grid-row:2;padding:0 2px}.video-title{font-size:13px;line-height:1.35}.video-meta{font-size:10px;margin-top:5px}.toolbar{display:none}.videos-panel{padding-right:10px}}
@media(max-width:600px){.desktop-layout{display:flex;flex-direction:column;padding:0;gap:0;min-height:0}.video-list{grid-template-columns:1fr;gap:19px}.playlist-sidebar{min-height:0;border-radius:0;padding:18px;background:#5b5036}.cover-wrap{aspect-ratio:16/9;max-height:250px}.playlist-sidebar h1{font-size:26px;margin-top:17px}.metadata{margin-bottom:18px}.sidebar-actions{gap:9px}.play-all{flex:1;height:44px}.circle-action{width:42px;height:42px;flex-basis:42px}.videos-panel{padding:19px 17px 30px}.toolbar{display:none}.sort-control{font-size:12px;padding:10px 11px;gap:7px}.search-box{display:none}.search-box input{display:none}.video-list{gap:19px}.video-row{grid-template-columns:minmax(118px,40%) minmax(0,1fr) 18px;gap:10px}.number{display:none}.video-title{font-size:14px;line-height:1.3}.video-meta{font-size:11px;gap:5px;margin-top:7px}.duration{font-size:10px}.player-section{margin:12px;padding:12px}}
@media(max-width:380px){.playlist-sidebar{padding:15px}.playlist-sidebar h1{font-size:23px}.sidebar-actions{gap:6px}.play-all{padding:0 10px;font-size:13px}.circle-action{width:36px;height:36px;flex-basis:36px;font-size:21px}.video-row{grid-template-columns:112px minmax(0,1fr) 17px;gap:8px}.video-title{font-size:13px}.video-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Responsive watch page with a slide-up playlist drawer */
.mobile-player-page{display:block;position:fixed;inset:0;z-index:30;background:#000;color:#111;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s;overflow:hidden}
.mobile-player-page.open{visibility:visible;opacity:1;pointer-events:auto}
body.mobile-player-open{overflow:hidden}
.mobile-video-stage{position:absolute;left:0;right:0;top:0;height:61vh;background:#000;display:flex;align-items:center;justify-content:center;padding:14px 24px 22px}
.mobile-video-stage iframe{width:min(1100px,92vw);height:auto;aspect-ratio:16/9;max-height:58vh;border:0;background:#000}
.mobile-player-sheet{position:absolute;left:0;right:0;top:61vh;bottom:0;min-height:39vh;background:#fff;color:#111;border-radius:22px 22px 0 0;display:flex;flex-direction:column;box-shadow:0 -2px 18px #0004;transition:top .24s cubic-bezier(.2,.75,.25,1);padding-bottom:env(safe-area-inset-bottom)}
.mobile-player-sheet.expanded{top:16vh}
.sheet-grabber{height:25px;flex:0 0 25px;display:flex;align-items:center;justify-content:center;touch-action:pan-y;cursor:grab;user-select:none}
.sheet-grabber span{width:58px;height:5px;border-radius:10px;background:#dedede}
.mobile-player-heading{display:flex;align-items:center;gap:8px;padding:4px 24px 0}
.mobile-player-title-wrap{display:flex;align-items:baseline;gap:10px;min-width:0;flex:1}
.mobile-player-title-wrap h2{font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.25;letter-spacing:-.5px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-player-title-wrap span{font-size:16px;white-space:nowrap}
.close-mobile-player{width:44px;height:44px;border:0;background:transparent;font-size:38px;font-weight:300;line-height:1;color:#111}
.mobile-player-channel{padding:2px 25px 0;font-size:16px;display:flex;align-items:center;gap:8px}
.globe{font-size:22px}
.mobile-player-actions{display:flex;align-items:center;gap:26px;padding:12px 28px;flex:0 0 auto}
.mobile-player-actions button{border:0;background:transparent;color:#111;font-size:25px;line-height:1;padding:0;min-width:30px}
#mobilePlayerMore{margin-left:auto;font-size:30px}
.mobile-episode-list{overflow-y:auto;overscroll-behavior:contain;background:#f0ede4;flex:1;padding:8px 16px 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:12px}
.mobile-episode{display:grid;grid-template-columns:minmax(120px,43%) minmax(0,1fr) 18px;gap:10px;align-items:start;padding:10px;background:#fff;border:0;border-radius:10px;width:100%;text-align:left;color:#111;min-width:0}
.mobile-episode.active{background:#ece7db}
.mobile-episode .drag-mark{display:none}
.mobile-episode .mobile-thumb{position:relative;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#ddd;grid-column:1;grid-row:1 / span 2}
.mobile-episode .mobile-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.mobile-episode .mobile-thumb .duration{font-size:11px}
.mobile-episode .mobile-episode-copy{min-width:0;align-self:start;padding-top:2px}
.mobile-episode .mobile-episode-title{font-size:14px;line-height:1.35;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mobile-episode .mobile-channel{font-size:12px;color:#6d6d6d;margin-top:5px;padding:0}
.mobile-episode .mobile-meta{font-size:12px;color:#68645b;margin-top:4px}
.mobile-episode .mobile-more{align-self:start;border:0;background:transparent;font-size:23px;line-height:1;padding:0}
.mobile-episode .mobile-feedback{display:flex;gap:18px;font-size:20px;margin-top:6px}
.mobile-episode .mobile-feedback span{line-height:1}
@media(max-width:1050px) and (min-width:601px){
  .mobile-video-stage{height:58vh}
  .mobile-video-stage iframe{width:min(900px,94vw);max-height:54vh}
  .mobile-player-sheet{top:58vh}
  .mobile-player-sheet.expanded{top:12vh}
  .mobile-episode-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px 14px}
  .mobile-episode{grid-template-columns:minmax(100px,38%) minmax(0,1fr) 17px;gap:8px;padding:8px}
}
@media(max-width:600px){
  .mobile-video-stage{height:52vh;max-height:62vh;align-items:flex-start;padding:0}
  .mobile-video-stage iframe{width:100%;height:100%;max-height:none;aspect-ratio:auto}
  .mobile-player-sheet{top:50vh}
  .mobile-player-sheet.expanded{top:18vh}
  .mobile-player-heading{padding:4px 17px 0}
  .mobile-player-title-wrap{gap:8px}
  .mobile-player-title-wrap h2{font-size:clamp(18px,5vw,24px)}
  .close-mobile-player{width:42px;height:42px}
  .mobile-player-channel{padding:2px 18px 0}
  .mobile-player-actions{padding:18px 24px 15px}
  .mobile-player-actions button{font-size:28px}
  .mobile-episode-list{display:block;padding:0 0 8px}
  .mobile-episode{grid-template-columns:20px minmax(110px,42%) minmax(0,1fr) 20px;gap:8px;padding:12px 9px;border-radius:0}
  .mobile-episode .drag-mark{display:block;font-size:21px;color:#171717;letter-spacing:-4px;transform:rotate(90deg);font-weight:500}
  .mobile-episode .mobile-thumb{grid-column:auto;grid-row:auto;border-radius:9px}
  .mobile-episode .mobile-episode-title{font-size:clamp(13px,3.8vw,17px)}
  .mobile-episode .mobile-channel,.mobile-episode .mobile-meta{font-size:13px}
  .mobile-episode .mobile-feedback{gap:26px;font-size:24px}
}
@media(max-width:380px){
  .mobile-player-sheet{top:48vh}
  .mobile-player-sheet.expanded{top:15vh}
  .mobile-episode{grid-template-columns:16px 39% minmax(0,1fr) 17px;gap:7px;padding:10px 7px}
  .mobile-episode .mobile-episode-title{font-size:13px}
  .mobile-episode .mobile-meta,.mobile-episode .mobile-channel{font-size:11px}
}
/* WordPress plugin integration */
.lexlugard-app{display:block;width:100%;max-width:1600px;margin:0 auto;position:relative;font-family:Roboto,Arial,Helvetica,sans-serif;color:#0f0f0f;line-height:normal}
.lexlugard-app *{box-sizing:border-box}
.lexlugard-app .desktop-layout{width:100%;}
.lexlugard-app .mobile-player-page{position:fixed;z-index:999999;}
.lexlugard-app .mobile-player-page.open{display:block;}
.lexlugard-app .video-row button{font-family:inherit;}
.lexlugard-app .video-meta{display:block;}
.lexlugard-app .cover-image{width:100%;height:100%;object-fit:cover;display:block}
.lexlugard-app .creator img{object-fit:cover}
.lexlugard-app .mobile-episode-list{min-height:0}
.lexlugard-app .player-frame iframe,.lexlugard-app .mobile-video-stage iframe{display:block}
@media(max-width:600px){.lexlugard-app .desktop-layout{padding:0;}.lexlugard-app .playlist-sidebar{border-radius:0;}}

/* Standalone homepage output: remove theme spacing around the player interface. */
body.lexlugard-homepage{margin:0!important;padding:0!important;background:#fff!important;max-width:none!important;}body.lexlugard-homepage #page,body.lexlugard-homepage #content,body.lexlugard-homepage main{max-width:none;}#lexlugard-homepage-content{width:100%;min-height:100vh;margin:0;padding:0;}


/* v1.3.0: persistent inline player. Episode selection swaps the video in place. */
.lexlugard-app .inline-player-wrap{position:relative;width:100%;aspect-ratio:16/9;max-height:none;border-radius:8px;overflow:hidden;background:#000;}
.lexlugard-app .inline-player{position:absolute;inset:0;width:100%;height:100%;background:#000;}
.lexlugard-app .inline-player iframe{display:block;width:100%;height:100%;border:0;}
.lexlugard-app .player-poster{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;border:0;background:#111;overflow:hidden;cursor:pointer;}
.lexlugard-app .player-poster>img{display:block;width:100%;height:100%;object-fit:cover;}
.lexlugard-app .player-poster-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:45px;border-radius:13px;background:#e62117;display:grid;place-items:center;box-shadow:0 2px 12px #0006;transition:background .15s,transform .15s;}
.lexlugard-app .player-poster:hover .player-poster-button{background:#f00;transform:translate(-50%,-50%) scale(1.07);}
.lexlugard-app .player-poster-triangle{display:block;width:0;height:0;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;}
.lexlugard-app .player-poster:focus-visible{outline:3px solid #fff;outline-offset:-5px;}

.lexlugard-app .inline-player-error{padding:20px;color:#fff;text-align:center;}
.lexlugard-app .video-row.is-current-episode .video-title{font-weight:700;}
.lexlugard-app .video-row.is-current-episode .thumbnail-button{outline:2px solid #8d7a4f;outline-offset:2px;}
.lexlugard-app .mobile-player-page,.lexlugard-app .player-section{display:none!important;}
@media(max-width:600px){.lexlugard-app .inline-player-wrap{max-height:none;aspect-ratio:16/9;}}

/* v1.4.0: desktop player centered at the top, episode gallery underneath. */
@media(min-width:601px){
  .lexlugard-app .desktop-layout{display:flex;flex-direction:column;align-items:center;gap:0;min-height:0;padding:28px 24px 36px;}
  .lexlugard-app .playlist-sidebar{width:100%;max-width:1100px;min-height:0;margin:0 auto;background:transparent;color:#0f0f0f;border-radius:0;padding:0;overflow:visible;}
  .lexlugard-app .inline-player-wrap{width:100%;max-width:1000px;margin:0 auto;border-radius:10px;}
  .lexlugard-app .videos-panel{width:100%;max-width:1100px;margin:0 auto;padding:26px 0 0;}
  .lexlugard-app .video-list{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px;row-gap:24px;}
}
@media(min-width:601px) and (max-width:1050px){
  .lexlugard-app .desktop-layout{padding:22px 18px 30px;}
  .lexlugard-app .inline-player-wrap{max-width:900px;}
  .lexlugard-app .videos-panel{padding-top:22px;}
  .lexlugard-app .video-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}
}

/* v1.4.2: restore the player background panel on mobile and add it on desktop. */
.lexlugard-app .playlist-sidebar{background:#5b5036!important;color:#fff;border-radius:15px;padding:20px;overflow:hidden;}
.lexlugard-app .inline-player-wrap{background:#443b29;border-radius:10px;}
@media(min-width:601px){
  .lexlugard-app .playlist-sidebar{width:100%;max-width:1100px;min-height:0;margin:0 auto;background:#5b5036!important;color:#fff;border-radius:15px;padding:24px;overflow:hidden;}
  .lexlugard-app .inline-player-wrap{width:100%;max-width:1000px;margin:0 auto;border-radius:10px;background:#443b29;}
}
@media(max-width:600px){.lexlugard-app .playlist-sidebar{background:#5b5036!important;border-radius:0;padding:18px;}.lexlugard-app .inline-player-wrap{background:#443b29;border-radius:10px;}}


/* v1.4.3: full-site dark theme on desktop and mobile. */
html, body, body.lexlugard-homepage, body.lexlugard-homepage #page, body.lexlugard-homepage #content, body.lexlugard-homepage main, body.lexlugard-homepage .wp-site-blocks, body.lexlugard-homepage .site, body.lexlugard-homepage .site-content, #lexlugard-homepage-content { background:#000 !important; color:#fff !important; }
body.lexlugard-homepage, body.lexlugard-homepage * { border-color:#292929; }
.lexlugard-app { background:#000 !important; color:#fff !important; }
.lexlugard-app .desktop-layout, .lexlugard-app .playlist-sidebar, .lexlugard-app .videos-panel, .lexlugard-app .toolbar, .lexlugard-app .video-list, .lexlugard-app .video-row, .lexlugard-app .video-info { background:#000 !important; color:#fff !important; }
.lexlugard-app .playlist-sidebar { border:1px solid #242424; }
.lexlugard-app .video-title, .lexlugard-app .number, .lexlugard-app .video-meta, .lexlugard-app .metadata, .lexlugard-app .creator, .lexlugard-app .playlist-sidebar h1, .lexlugard-app .player-heading h2 { color:#fff !important; }
.lexlugard-app .video-meta, .lexlugard-app .metadata { color:#c8c8c8 !important; }
.lexlugard-app .sort-control, .lexlugard-app .search-box, .lexlugard-app .mobile-player-sheet, .lexlugard-app .mobile-episode-list, .lexlugard-app .mobile-episode, .lexlugard-app .mobile-episode.active { background:#000 !important; color:#fff !important; }
.lexlugard-app .mobile-player-page { background:#000 !important; color:#fff !important; }
.lexlugard-app .mobile-player-sheet, .lexlugard-app .mobile-player-heading, .lexlugard-app .mobile-player-channel, .lexlugard-app .mobile-player-title-wrap h2, .lexlugard-app .mobile-player-title-wrap span, .lexlugard-app .mobile-player-actions button, .lexlugard-app .close-mobile-player, .lexlugard-app .mobile-episode-title, .lexlugard-app .mobile-episode .mobile-channel, .lexlugard-app .mobile-episode .mobile-meta, .lexlugard-app .mobile-episode .mobile-more { color:#fff !important; }
.lexlugard-app .mobile-episode .mobile-channel, .lexlugard-app .mobile-episode .mobile-meta { color:#c8c8c8 !important; }
.lexlugard-app .sheet-grabber span { background:#666 !important; }
.lexlugard-app .play-all { background:#fff !important; color:#000 !important; }
.lexlugard-app .circle-action { background:#222 !important; color:#fff !important; }
.lexlugard-app .inline-player-wrap { background:#000 !important; border:1px solid #242424; }

/* v1.4.4 update: show a distinct background panel around the player on mobile and desktop. */
.lexlugard-app .inline-player-wrap { background:#443b29 !important; border:1px solid #242424 !important; box-shadow:0 2px 10px #0005; border-radius:10px !important; padding:0; }
@media(min-width:601px){.lexlugard-app .inline-player-wrap{background:#443b29 !important;border:1px solid #242424 !important;border-radius:10px !important;}}
@media(max-width:600px){.lexlugard-app .inline-player-wrap{background:#443b29 !important;border:1px solid #242424 !important;border-radius:10px !important;}}