:root{--jl-bg:#090b12;--jl-muted:#9a9caa;--jl-line:#ffffff16;--jl-accent:#ff536f}
#app{background:var(--jl-bg)}body{background:var(--jl-bg);color-scheme:dark}#main-content{padding-top:84px}.jl-dialog[hidden]{display:none}.jl-dialog{position:fixed;inset:0;background:#03040adb;z-index:240;overflow:auto;padding:28px 16px;backdrop-filter:blur(12px)}.jl-panel{position:relative;width:min(100%,900px);margin:auto;background:#151722;border:1px solid #ffffff18;border-radius:24px;padding:32px;box-shadow:0 20px 90px #0008}.jl-panel h2{font-size:27px;line-height:1.35;font-weight:750;margin:9px 0 18px}.jl-panel h3{font-size:17px;font-weight:700;margin:18px 0 10px}.jl-panel p,.jl-panel small{color:var(--jl-muted);line-height:1.65}.jl-close{position:absolute;top:16px;right:18px;padding:8px 12px;border-radius:50%;background:#ffffff0c}.jl-eyebrow{color:#ff7e93;font-size:10px;letter-spacing:2.5px;font-weight:700}.jl-primary,.jl-secondary,.jl-file-label{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:11px 17px;font-size:13px;font-weight:650;cursor:pointer}.jl-primary{background:#ff536f;color:#fff}.jl-primary:hover{background:#ff738a}.jl-secondary,.jl-file-label{border:1px solid #ffffff25;background:#ffffff08}.jl-panel button:focus-visible,.jl-poster-card:focus-visible{outline:2px solid #ff8599;outline-offset:4px}.jl-hero{position:relative;border-radius:24px;overflow:hidden;min-height:330px;background:#17111b;border:1px solid #ffffff14;margin:15px 0 32px}.jl-hero>img{position:absolute;right:0;top:0;height:100%;width:58%;object-fit:cover;object-position:center 32%;opacity:.78}.jl-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#15101c 12%,#15101cf2 35%,#15101c00 85%);pointer-events:none}.jl-hero-copy{position:relative;z-index:1;padding:34px;max-width:68%}.jl-hero h1{font-size:clamp(26px,4vw,44px);line-height:1.25;letter-spacing:-1px;font-weight:800;margin:12px 0}.jl-hero p{font-size:12px;line-height:1.8;color:#e3d8e5;max-width:310px;margin-bottom:22px}.jl-shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 16px}.jl-shelf-heading h2{font-size:26px;font-weight:750;margin-top:6px}.jl-filters{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--jl-line);border-bottom:1px solid var(--jl-line)}.jl-filters label,.jl-fields label{display:flex;flex-direction:column;gap:7px;color:var(--jl-muted);font-size:11px}.jl-filters select,.jl-filters input,.jl-fields input,.jl-fields select,.jl-fields textarea,.jl-episode-editor input,.jl-actions select{border:1px solid #ffffff20;background:#20232e;color:white;border-radius:9px;padding:10px 12px;min-width:0;font-size:13px}.jl-filters form{display:flex;flex:1;gap:6px;min-width:200px}.jl-filters form input{width:100%}.jl-filters form button{padding:8px 12px;white-space:nowrap;border:1px solid #ffffff20;border-radius:9px}.jl-results-line{display:flex;justify-content:space-between;font-size:12px;color:#ccc;padding:20px 0}.jl-results-line span{color:#707482;font-size:10px}.jl-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}.jl-poster-card{min-width:0;text-align:left}.jl-poster{position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:#20232e;border:1px solid #ffffff10}.jl-poster:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0008)}.jl-poster img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.jl-poster-card:hover img{transform:scale(1.04)}.jl-poster-card h3{font-size:14px;font-weight:650;margin:10px 0 5px;line-height:1.45}.jl-poster-card p{color:var(--jl-muted);font-size:11px}.jl-pill{position:absolute;top:9px;left:9px;border:1px solid #ffffff30;background:#191622bc;border-radius:5px;font-size:9px;padding:4px 6px;z-index:1}.jl-episodes{position:absolute;bottom:10px;right:10px;font-size:11px;z-index:1}.jl-empty{grid-column:1/-1;color:var(--jl-muted);text-align:center;padding:40px 10px}.jl-empty button{display:block;margin:16px auto;color:#ff8ba0}.jl-continue h3{font-weight:700;margin-bottom:12px}.jl-rail{display:flex;gap:12px;overflow-x:auto;margin-bottom:22px}.jl-rail button{display:flex;align-items:center;gap:12px;text-align:left;min-width:260px;padding:12px;background:#ffffff06;border:1px solid var(--jl-line);border-radius:12px}.jl-rail img{width:44px;height:62px;object-fit:cover;border-radius:5px}.jl-rail small{display:block;font-size:10px;color:var(--jl-muted);margin-top:6px}.jl-rail b{margin-left:auto;color:#ff7e93}.jl-detail-top{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center}.jl-detail-top>img{width:150px;aspect-ratio:2/3;object-fit:cover;border-radius:14px}.jl-detail-top p{font-size:12px;margin-bottom:15px}.jl-detail-top button{margin:5px 6px 0 0}.jl-synopsis{font-size:14px;margin:10px 0 26px;white-space:pre-line}.jl-episode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.jl-episode-grid button{background:#ffffff0a;padding:14px 7px;border-radius:8px}.jl-episode-grid small{display:block;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jl-note{font-size:12px;margin:12px 0 20px;padding:12px 14px;background:#ffffff05;border-radius:8px}.jl-my-series article{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--jl-line);padding:15px 0}.jl-my-series article>div{flex:1;min-width:0}.jl-my-series article h3{margin:0;font-size:16px;overflow-wrap:anywhere}.jl-my-series article p{font-size:12px}.jl-my-series article button{padding:8px;font-size:12px;color:#ffa6b7}.jl-editor-grid{display:grid;grid-template-columns:180px 1fr;gap:26px}.jl-cover-preview{width:180px;height:270px;object-fit:cover;border-radius:12px;margin-bottom:12px}.jl-file-label input{display:none}.jl-editor-grid small{display:block;font-size:10px;margin-top:9px}.jl-editor-grid .jl-secondary{font-size:11px;margin-top:9px}.jl-fields{display:flex;flex-direction:column;gap:14px}.jl-fields textarea{resize:vertical}.jl-episode-editor li{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid var(--jl-line)}.jl-episode-editor label{flex:1;min-width:0;font-size:9px;color:var(--jl-muted)}.jl-episode-editor input{width:100%;display:block;margin-top:4px}.jl-episode-editor span{font-size:10px;color:var(--jl-muted);white-space:nowrap}.jl-episode-editor button{padding:7px}.jl-panel button:disabled{opacity:.3;cursor:default}.jl-check{display:flex;align-items:center;gap:10px;font-size:12px;color:#ccd0de;margin:20px 0}.jl-check input{width:16px;height:16px;accent-color:#ff536f}.jl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px;font-size:12px}.jl-actions select{flex:1;max-width:100%}#jl-native-video{width:100%;max-height:65vh;background:#000;border-radius:12px;margin-top:18px}#jl-discovery{padding:0 22px 36px}#global-toast{z-index:300!important}
@media(min-width:800px){#app{max-width:1180px}header>div{max-width:1180px!important}#tab-nav{padding-left:22px;padding-bottom:16px}#view-feed{max-width:512px;margin:auto}#view-theater,#view-category,#view-manju{max-width:900px;margin:auto}.jl-catalog-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:600px){.jl-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}#jl-discovery{padding:0 14px 28px}.jl-hero{min-height:290px;margin-top:10px;border-radius:17px}.jl-hero-copy{padding:23px;max-width:80%}.jl-hero p{font-size:11px;max-width:240px}.jl-hero>img{width:65%;opacity:.55}.jl-hero h1{font-size:28px}.jl-shelf-heading h2{font-size:23px}.jl-shelf-heading .jl-secondary{font-size:11px;padding:9px}.jl-filters{gap:8px}.jl-filters label{flex:1}.jl-filters select{width:100%;padding:9px 6px;font-size:11px}.jl-filters form{min-width:100%}.jl-results-line span{max-width:150px;text-align:right}.jl-panel{padding:24px 17px;border-radius:17px}.jl-panel h2{font-size:23px;padding-right:22px}.jl-detail-top{grid-template-columns:100px 1fr;gap:15px}.jl-detail-top>img{width:100px}.jl-detail-top h2{font-size:20px}.jl-detail-top p{font-size:11px}.jl-detail-top button{padding:9px;font-size:11px}.jl-editor-grid{grid-template-columns:1fr}.jl-editor-grid>div:first-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.jl-cover-preview{width:90px;height:135px}.jl-editor-grid small{width:100%}.jl-fields input,.jl-fields textarea,.jl-fields select{font-size:16px}.jl-episode-editor input{font-size:14px}.jl-episode-editor span{display:none}.jl-episode-editor button{padding:5px}.jl-episode-grid{grid-template-columns:repeat(4,1fr)}}

.jl-demo header{top:24px}.jl-demo #main-content{padding-top:108px}

/* Shared iOS / Android app shell and controls. */
*{-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit}button{touch-action:manipulation}button,input,select,textarea{-webkit-appearance:none;appearance:none}button{min-height:44px}input[type=checkbox]{appearance:none;width:20px;height:20px;border:1px solid #696b7c;border-radius:6px;background:#242733;flex-shrink:0}input[type=checkbox]:checked{background:#ff536f;border-color:#ff536f}input[type=checkbox]:checked:after{content:'✓';display:block;text-align:center;color:#fff;font-size:14px;line-height:18px}#app>nav{padding-bottom:env(safe-area-inset-bottom,0px)}#main-content{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}.jl-demo header{top:calc(24px + env(safe-area-inset-top,0px))}.jl-demo #main-content{padding-top:calc(108px + env(safe-area-inset-top,0px))}.jl-dialog{padding-top:calc(18px + env(safe-area-inset-top,0px));padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}.jl-select-native{display:none!important}.jl-select-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-width:95px;min-height:44px;padding:10px 12px;border:1px solid #ffffff25;border-radius:10px;background:#20232e;color:white;font-size:13px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jl-select-menu{position:fixed;z-index:280;background:#252833;border:1px solid #ffffff29;border-radius:13px;box-shadow:0 16px 50px #0009;padding:6px;overflow:auto;overscroll-behavior:contain}.jl-select-menu button{display:flex;justify-content:space-between;gap:20px;width:100%;min-height:44px;text-align:left;padding:10px 12px;font-size:14px;border-radius:8px;color:#e6e8f1}.jl-select-menu button[aria-selected=true]{background:#ff536f24;color:#ff9eb0}.jl-select-menu button:focus{outline:2px solid #ff9eb0;outline-offset:-2px;background:#ffffff12}.jl-video-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#10121a;border:1px solid #ffffff13;padding:8px;border-radius:0 0 12px 12px;font-size:12px}.jl-video-controls button{min-width:44px;padding:8px;border-radius:8px;background:#ffffff0a}.jl-video-controls input[type=range]{flex:1;min-width:80px;height:5px;border-radius:10px;background:#737789;accent-color:#ff536f}.jl-video-controls input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;background:#ff667f}.jl-video-controls input[type=range]::-moz-range-thumb{width:17px;height:17px;border:0;border-radius:50%;background:#ff667f}.jl-video-controls .jl-select-button{width:auto;min-width:70px;font-size:12px}#jl-video-clock{font-variant-numeric:tabular-nums;min-width:32px}#jl-native-video{margin-bottom:0;display:block;border-radius:12px 12px 0 0}
@media(max-width:600px){.jl-filters label{min-width:85px}.jl-filters .jl-select-button{font-size:12px;padding:9px 7px}.jl-dialog input:not([type=checkbox]):not([type=range]),.jl-dialog textarea{font-size:16px}#app>nav>div{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.jl-video-controls input[type=range]{flex-basis:25%}}

.jl-home-language{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:8px 20px;margin-top:68px;font-size:12px}.jl-home-language select{background:#182030;color:#fff;border:1px solid #34415a;border-radius:10px;padding:9px;min-height:44px;max-width:65%}.jl-demo .jl-home-language{margin-top:92px}#main-content,.jl-demo #main-content{padding-top:8px}.jl-demo header{top:24px}@media(max-width:600px){.jl-home-language{padding-inline:14px}.jl-shelf-heading{flex-wrap:wrap;gap:12px}.jl-filters label{min-width:100px}.jl-hero-copy{max-width:100%}}

/* Preserve the source aspect ratio on every viewport, including orientation changes. */
#player-modal,#comic-player-modal{height:100vh;height:100dvh;width:100%;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
#player-video video,#jl-native-video{object-fit:contain!important;max-width:100%;background:#000}#jl-native-video{height:auto;max-height:65dvh}
.jl-web-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;z-index:1000!important;background:#000!important;overflow:auto!important;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)!important}
.jl-web-fullscreen>.jl-panel{width:100%;max-width:none;min-height:100%;margin:0;border-radius:0}.jl-web-fullscreen #jl-native-video{max-height:calc(100dvh - 180px);width:100%;object-fit:contain}.jl-web-fullscreen .jl-close{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:3}
.jl-dialog{max-height:100dvh;overscroll-behavior:contain}.jl-video-controls{flex-wrap:wrap;row-gap:9px}.jl-operator-entry{padding:20px;border:1px solid #34415a;margin:12px 16px;border-radius:16px}.jl-operator-entry p{font-size:13px;color:#b4bfd2;margin:10px 0}
@media(orientation:landscape) and (max-height:600px){#player-modal .bottom-32{bottom:90px}#player-modal .gap-5{gap:10px}#player-modal .w-11{width:32px;height:32px}.jl-web-fullscreen #jl-native-video{max-height:calc(100dvh - 120px)}.jl-video-controls button{min-height:36px}}
@media(prefers-reduced-motion:reduce){.glow-btn{animation:none}}