.drama-hub{--dr-purple:#a879ff;--dr-soft:rgba(167,121,255,.13);--dr-line:rgba(157,147,176,.16);max-width:1700px;margin:auto;padding:30px 34px 20px;color:var(--color-fg);font-size:var(--text-sm)}.drama-hub a,.drama-hub button,.drama-hub input,.drama-hub select{outline-offset:4px}.drama-hub button{cursor:pointer}.drama-hub button:disabled{opacity:.35;cursor:default}.drama-page-header{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:25px}.drama-eyebrow{display:flex;align-items:center;gap:8px;font-size:var(--text-2xs);letter-spacing:2px;font-weight:700;color:var(--dr-purple)}.tiny-line{width:19px;height:2px;background:var(--dr-purple)}.drama-page-header h1{font-family:var(--font-outfit),sans-serif;font-size:var(--text-3xl);line-height:1.2;font-weight:650;letter-spacing:-1px;margin:10px 0}.drama-page-header h1 em{font-style:normal;color:var(--dr-purple)}.drama-page-header p{font-size:var(--text-xs);color:var(--color-muted);line-height:1.7}.drama-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;font-weight:600;padding:12px 17px;font-size:var(--text-xs);transition:.2s;border:1px solid transparent;white-space:nowrap}.drama-btn.primary{background:linear-gradient(125deg,#a16bf8,#7a46de);color:white;box-shadow:0 5px 23px #7c46df25}.drama-btn.primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.drama-btn.ghost{border-color:var(--dr-line);background:var(--color-surface);color:var(--color-fg)}.drama-btn.ghost:hover{border-color:var(--dr-purple);color:var(--dr-purple)}.drama-btn.glass{background:#ffffff12;border-color:#ffffff22;color:white}.drama-tabs{gap:25px;border-bottom:1px solid var(--dr-line);margin-bottom:23px}.drama-tabs,.drama-tabs>button{display:flex;align-items:center}.drama-tabs>button{gap:8px;padding:0 0 16px;color:var(--color-muted);border-bottom:2px solid transparent;font-size:var(--text-xs);font-weight:550}.drama-tabs>button.active{color:var(--dr-purple);border-color:var(--dr-purple)}.drama-tabs>button>span{background:var(--dr-soft);border-radius:4px;padding:1px 5px;font-size:var(--text-2xs)}.drama-tabs-note{display:flex;align-items:center;gap:7px;font-size:var(--text-2xs);color:var(--color-subtle);margin-left:auto;padding-bottom:16px}.live-dot{display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#83d5b2;box-shadow:0 0 10px #83d5b225}.drama-toolbar{gap:12px;margin-bottom:22px}.drama-search,.drama-toolbar{display:flex;align-items:center}.drama-search{gap:11px;background:var(--color-surface);border:1px solid var(--dr-line);border-radius:10px;padding:8px 10px 8px 14px;color:var(--color-subtle);flex:1;min-width:0}.drama-search:focus-within{border-color:var(--dr-purple);box-shadow:0 0 0 3px var(--dr-soft)}.drama-search input{border:0;background:none;outline:none;min-width:0;flex:1;color:var(--color-fg);font-size:var(--text-xs);line-height:2}.drama-search>button{display:flex;align-items:center}.drama-search .search-submit{background:var(--dr-soft);border-radius:6px;color:var(--dr-purple);font-size:var(--text-2xs);padding:6px 16px;font-weight:650}.drama-source-select{display:flex;align-items:center;gap:9px;border:1px solid var(--dr-line);background:var(--color-surface);border-radius:10px;padding:13px 14px;color:var(--color-muted)}.drama-source-select select,.genre-select{background:var(--color-surface);color:var(--color-fg);font-size:var(--text-xs);min-width:135px;outline:none}.provider-pills{display:flex;gap:8px;align-items:center;margin:15px 0 22px;overflow-x:auto;padding-bottom:3px}.provider-pills button{display:flex;align-items:center;gap:6px;flex-shrink:0;border:1px solid var(--dr-line);border-radius:7px;font-size:var(--text-2xs);padding:7px 13px;color:var(--color-muted)}.provider-pills button.active{color:var(--dr-purple);background:var(--dr-soft);border-color:#a879ff4a}.provider-pills button:last-child{border-color:transparent;margin-left:auto}.drama-hero{isolation:isolate;position:relative;overflow:hidden;min-height:365px;border:1px solid #7b589b32;border-radius:17px;background:linear-gradient(115deg,#1b132b,#251838 55%,#49315b);color:white;display:flex;align-items:center;padding:33px 38px 52px;margin-bottom:28px}.drama-hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 50%,#cc9ae330,transparent 65%)}.drama-hero:after{content:"";z-index:-1;position:absolute;width:650px;height:650px;border-radius:50%;border:1px solid #bf9ace12;right:-200px;top:-220px;box-shadow:0 0 0 100px #bf9ace05,0 0 0 200px #bf9ace03}.hero-content{max-width:56%;z-index:2}.hero-label{font-size:var(--text-2xs);letter-spacing:1.8px;border:1px solid #c8adfa35;background:#c8adfa0d;border-radius:5px;display:inline-flex;align-items:center;gap:7px;color:#d5b5ff;padding:6px 9px;margin-bottom:16px}.hero-content h2{font-family:var(--font-outfit),sans-serif;font-size:var(--text-4xl);font-weight:650;line-height:1.09;letter-spacing:-.8px;max-width:570px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.hero-meta{display:flex;align-items:center;gap:9px;color:#d8c6e4;font-size:var(--text-2xs);margin:16px 0 12px;flex-wrap:wrap}.hero-meta i{width:3px;height:3px;background:#86748f;border-radius:100%}.hero-content>p{color:#bfb1cb;font-size:var(--text-xs);line-height:1.85;max-width:450px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;gap:9px;margin-top:22px}.hero-art{position:absolute;right:7%;width:290px;height:285px;top:24px}.hero-poster{position:absolute;width:177px;height:247px;border-radius:11px;overflow:hidden;box-shadow:0 20px 45px #07000e70;border:1px solid #ffffff25}.hero-poster img{width:100%;height:100%;object-fit:cover}.hero-poster.back{left:-8px;top:11px;transform:rotate(-11deg);filter:brightness(.63)}.hero-poster.front{right:-5px;top:12px;transform:rotate(7deg);width:185px;height:271px}.hero-poster.front>span{bottom:0;left:0;right:0;background:linear-gradient(transparent,#180f29ee);padding:35px 8px 14px;align-items:center;justify-content:center;gap:6px;letter-spacing:1.3px}.hero-footer,.hero-poster.front>span{position:absolute;display:flex;font-size:var(--text-2xs)}.hero-footer{bottom:16px;left:38px;right:38px;justify-content:space-between;color:#aa91b875;letter-spacing:2.5px}.hero-footer>span:last-child{display:flex;gap:8px;align-items:center;color:#dcc0ee;font-size:var(--text-2xs);letter-spacing:.5px}.hero-footer i{display:inline-block;width:36px;height:2px;background:linear-gradient(90deg,#c393f9 30%,#ffffff20 0)}.drama-section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 18px;gap:16px}.drama-section-title h2{font-family:var(--font-outfit),sans-serif;font-weight:600;font-size:var(--text-xl);letter-spacing:-.25px}.drama-section-title p{font-size:var(--text-2xs);color:var(--color-subtle);margin-top:5px}.drama-section-title>.drama-search{flex:none;width:260px}.genre-select{border:1px solid var(--dr-line);border-radius:8px;padding:9px 12px}.text-action{display:flex;align-items:center;gap:7px;color:var(--dr-purple);font-size:var(--text-2xs)}.drama-card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 17px}.drama-card{min-width:0}.drama-card-cover{position:relative;aspect-ratio:2/2.85;border-radius:11px;overflow:hidden;background:var(--color-surface-2);border:1px solid var(--dr-line);transition:transform .22s,box-shadow .22s}.drama-card:hover .drama-card-cover{transform:translateY(-4px);box-shadow:0 12px 30px #0004}.poster-button{position:absolute;width:100%;height:100%;inset:0}.poster-button img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.drama-card:hover img{transform:scale(1.035)}.poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 28%,transparent 65%,#0009)}.card-badge{pointer-events:none;left:8px;top:8px;font-size:var(--text-2xs);letter-spacing:.8px;font-weight:750;background:#8653d8e0;padding:5px 6px;border-radius:4px}.card-badge,.card-bookmark{position:absolute;color:white}.card-bookmark{top:7px;right:7px;width:27px;height:29px;border:1px solid #fff2;border-radius:6px;background:#17101f88;display:grid;place-items:center;backdrop-filter:blur(5px)}.card-bookmark.saved{background:#8a50e8;color:white}.card-episodes{pointer-events:none;position:absolute;bottom:9px;left:10px;font-size:var(--text-2xs);letter-spacing:.6px;color:#fffe}.card-hover-play{position:absolute;inset:0;display:grid;place-content:center;color:white;opacity:0;transition:.2s;background:#0002}.card-hover-play svg{padding:15px;box-sizing:content-box;background:#8b54e5cc;border:1px solid #fff4;border-radius:50%;box-shadow:0 0 30px #0004}.drama-card:hover .card-hover-play,.poster-button:focus-visible .card-hover-play{opacity:1}.drama-card-title{font-size:var(--text-xs);line-height:1.5;font-weight:600;text-align:left;margin-top:10px;width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.drama-card-meta{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:var(--text-2xs);color:var(--color-subtle);margin-top:5px}.drama-card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drama-card-meta>span:last-child:not(:first-child){color:#ebca82;display:flex;gap:4px;align-items:center}.poster-placeholder{background:linear-gradient(145deg,#352441,#15101e);color:#a98fb8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;width:100%;height:100%;padding:16px}.poster-placeholder span{font-family:var(--font-outfit);font-size:var(--text-base);line-height:1.35;text-align:center}.drama-skeleton>div{aspect-ratio:2/2.85;border-radius:11px}.drama-skeleton>div,.drama-skeleton>i,.drama-skeleton>span{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:var(--animate-shimmer)}.drama-skeleton>i,.drama-skeleton>span{display:block;border-radius:4px;height:12px;margin-top:13px;width:90%}.drama-skeleton>i{width:55%;height:8px}.drama-empty{padding:65px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px dashed var(--dr-line);border-radius:14px;background:var(--color-surface)}.drama-empty>svg{color:var(--dr-purple);margin-bottom:17px}.drama-empty h2{font-size:var(--text-xl);font-weight:600;font-family:var(--font-outfit)}.drama-empty p{color:var(--color-muted);font-size:var(--text-sm);max-width:470px;line-height:1.8;margin:10px 0 21px}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.source-grid>button{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--dr-line);border-radius:12px;background:var(--color-surface);text-align:left;transition:.2s}.source-grid>button:hover{border-color:var(--dr-purple);background:var(--dr-soft)}.source-letter{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;color:hsl(var(--hue) 85% 79%);background:hsl(var(--hue) 30% 25%/.65);font-family:var(--font-outfit);font-size:var(--text-2xl);font-weight:650}.source-grid strong{display:block;font-size:var(--text-sm)}.source-grid small{display:block;font-size:var(--text-2xs);color:var(--color-subtle);margin-top:4px}.source-grid>button>svg{margin-left:auto;color:var(--color-subtle)}.drama-page-footer{border-top:1px solid var(--dr-line);margin-top:40px;padding:20px 0;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:var(--text-2xs);color:var(--color-subtle)}.drama-page-footer>span:first-child{display:flex;gap:8px;align-items:center}.drama-pagination{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:30px;color:var(--color-muted);font-size:var(--text-2xs)}.drama-pagination button{display:flex;align-items:center;gap:7px;border:1px solid var(--dr-line);border-radius:7px;padding:9px 13px}.continue-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.continue-row>button{display:flex;gap:12px;align-items:center;border:1px solid var(--dr-line);border-radius:11px;background:var(--color-surface);padding:10px;text-align:left;min-width:0}.continue-row img{height:72px;width:51px;object-fit:cover;border-radius:6px;flex-shrink:0}.continue-row>button>div{min-width:0;flex:1}.continue-row strong{font-size:var(--text-2xs);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-row span{font-size:var(--text-2xs);color:var(--color-subtle);display:block;margin-top:7px}.continue-row>button>svg{color:var(--dr-purple);flex-shrink:0;margin-right:7px}.watch-progress{height:3px;border-radius:3px;background:var(--dr-line);overflow:hidden;margin-top:12px;max-width:350px}.watch-progress i{display:block;height:100%;background:var(--dr-purple)}.drama-history-list{display:flex;flex-direction:column;gap:12px}.drama-history-list>button{display:flex;gap:20px;padding:13px;border:1px solid var(--dr-line);border-radius:12px;background:var(--color-surface);text-align:left;align-items:center}.drama-history-list .poster-placeholder,.drama-history-list>button>img{height:95px;width:67px;border-radius:7px;object-fit:cover}.drama-history-list>button>div:not(.poster-placeholder){flex:1}.drama-history-list h3{font-size:var(--text-base);font-weight:600;margin:7px 0}.drama-history-list p{font-size:var(--text-2xs);color:var(--color-muted)}.round-play{height:40px;width:40px;border-radius:50%;display:grid;place-items:center;background:var(--dr-soft);color:var(--dr-purple);margin-right:12px}.drama-breadcrumb{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;color:var(--color-muted);font-size:var(--text-xs)}.drama-breadcrumb button{display:flex;align-items:center;gap:8px}.drama-breadcrumb>span{color:var(--dr-purple);background:var(--dr-soft);border-radius:6px;padding:6px 10px;font-size:var(--text-2xs)}.drama-screen-column{min-width:0}.drama-player-shell{border:1px solid var(--dr-line);border-radius:13px;overflow:hidden;background:#08060c}.drama-video-stage{position:relative;aspect-ratio:16/10;background:#000}.drama-video-stage video{width:100%;height:100%;object-fit:contain}.video-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:#eee;background:#0b0711e8;padding:25px;text-align:center}.video-overlay.loading{pointer-events:none;background:#0b0711ad;bottom:48px;font-size:var(--text-xs)}.video-overlay.loading>svg{color:#b188f7}.video-overlay.failure h3{font-weight:600;font-size:var(--text-xl)}.video-overlay.failure>svg{color:#c999fa}.video-overlay.failure p{max-width:390px;font-size:var(--text-xs);color:#b5a8bf;line-height:1.8}.drama-player-options{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px;background:var(--color-surface);flex-wrap:wrap}.player-episode-label{display:flex;gap:7px;align-items:center;font-size:var(--text-2xs);font-weight:650;letter-spacing:.8px;color:var(--color-muted)}.drama-player-options>div{display:flex;gap:12px;flex-wrap:wrap}.drama-player-options label{display:flex;align-items:center;gap:5px;font-size:var(--text-2xs);color:var(--color-subtle)}.drama-player-options select{background:var(--color-surface-2);color:var(--color-fg);padding:5px 6px;border:1px solid var(--dr-line);border-radius:5px;max-width:170px;font-size:var(--text-2xs)}.drama-now{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:24px}.drama-now .drama-eyebrow{font-size:var(--text-2xs)}.drama-now h1{font-family:var(--font-outfit);font-size:var(--text-2xl);font-weight:600;line-height:1.25;margin:8px 0}.drama-now p{font-size:var(--text-2xs);color:var(--color-muted)}.drama-now p span{margin:0 7px;color:var(--color-subtle)}.drama-save{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--dr-line);border-radius:9px;flex-shrink:0}.drama-save.is-saved{background:var(--dr-soft);color:var(--dr-purple);border-color:#9d6af84a}.drama-description{margin-top:22px;border-top:1px solid var(--dr-line);padding-top:20px}.drama-description h3{font-weight:600;font-size:var(--text-sm);margin:20px 0 9px}.drama-description p{font-size:var(--text-xs);line-height:1.9;color:var(--color-muted);white-space:pre-line}.drama-tags{display:flex;gap:7px;flex-wrap:wrap}.drama-tags span{border:1px solid var(--dr-line);border-radius:5px;padding:5px 8px;font-size:var(--text-2xs);color:var(--color-muted)}.drama-episodes{align-self:start;border:1px solid var(--dr-line);border-radius:12px;background:var(--color-surface);overflow:hidden}.episode-heading{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid var(--dr-line)}.episode-heading h2{font-size:var(--text-sm);font-weight:650}.episode-heading>span{font-size:var(--text-2xs);color:var(--color-subtle)}.episode-tools{padding:17px}.auto-next{display:flex;align-items:center;gap:8px;font-size:var(--text-2xs);color:var(--color-muted)}.auto-next input{accent-color:#9f6af5;width:13px;height:13px}.episode-search{display:flex;align-items:center;gap:8px;border:1px solid var(--dr-line);border-radius:6px;padding:8px 10px;margin-top:16px;color:var(--color-subtle)}.episode-search input{font-size:var(--text-2xs);min-width:0;width:100%;outline:none;background:none;color:var(--color-fg)}.episode-tools>select{background:var(--color-surface-2);font-size:var(--text-2xs);padding:7px 8px;border-radius:5px;margin-top:13px;width:100%}.episode-grid{padding:0 17px 17px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-height:470px;overflow-y:auto;scrollbar-width:thin}.episode-grid>button{display:flex;align-items:center;justify-content:center;gap:2px;height:38px;border:1px solid var(--dr-line);border-radius:6px;font-size:var(--text-2xs);color:var(--color-muted);background:var(--color-surface-2)}.episode-grid>button.active{background:linear-gradient(125deg,#9c68ef,#7542cb);border-color:#b285f7;color:white;font-weight:650;box-shadow:0 3px 14px #7a41d930}.episode-grid>button:not(.active):hover{color:var(--dr-purple);border-color:var(--dr-purple)}.episode-grid>button.watched:not(.active){color:var(--color-subtle);background:var(--color-surface);position:relative}.episode-grid>button.watched:not(.active):after{content:"";position:absolute;left:6px;right:6px;bottom:4px;height:2px;border-radius:2px;background:var(--dr-purple);opacity:.75}.episode-footer{font-size:var(--text-2xs);color:var(--color-subtle);gap:7px;padding:14px 17px;border-top:1px solid var(--dr-line)}.drama-loading,.episode-footer{display:flex;align-items:center}.drama-loading{flex-direction:column;justify-content:center;gap:14px}.theater-loading{min-height:400px;background:var(--color-surface);border-radius:12px;border:1px solid var(--dr-line);text-align:center;padding:30px}.theater-loading>svg{color:var(--dr-purple)}.theater-loading h2{font-size:var(--text-xl);font-weight:600}.theater-loading p{font-size:var(--text-xs);color:var(--color-muted);max-width:400px}.spin{animation:drama-spin 1s linear infinite}.drama-toast{position:fixed;bottom:35px;right:35px;z-index:100;display:flex;align-items:center;gap:10px;padding:15px 20px;border:1px solid #a879ff66;background:#251b34;color:#fff;border-radius:10px;box-shadow:0 10px 40px #0005;font-size:var(--text-xs)}@keyframes drama-spin{to{transform:rotate(1turn)}}@media(min-width:1600px){.drama-card-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.hero-art{right:13%}}@media(max-width:1250px){.drama-hub{padding:25px 24px}.drama-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.drama-theater{gap:20px}.hero-art{right:4%;width:250px}.hero-poster{width:155px;height:230px}.hero-poster.front{width:165px;height:247px}.hero-content{max-width:55%}.hero-content h2{font-size:var(--text-4xl)}.drama-tabs-note{display:none}.source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.continue-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px){.drama-hub{padding:24px}.drama-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.drama-hero{min-height:345px}.drama-page-footer{margin-bottom:25px}}@media(max-width:760px){.drama-hub{padding:22px 17px}.drama-page-header h1{font-size:var(--text-3xl);letter-spacing:-.7px}.drama-page-header p{font-size:var(--text-2xs);max-width:320px}.drama-page-header .drama-eyebrow{font-size:var(--text-2xs);letter-spacing:1.5px}.drama-tabs{gap:22px;overflow:auto}.drama-tabs>button{white-space:nowrap;font-size:var(--text-2xs);gap:6px}.drama-toolbar{gap:8px;margin-bottom:16px}.drama-source-select{padding:12px 8px}.drama-source-select>svg{display:none}.drama-source-select select{min-width:95px;max-width:115px;font-size:var(--text-2xs)}.drama-search{padding-left:10px;gap:7px}.drama-search input{font-size:var(--text-2xs)}.drama-search .search-submit{padding:6px 10px;font-size:var(--text-2xs)}.drama-hero{padding:27px 25px 42px;min-height:310px}.hero-content{max-width:63%}.hero-content h2{font-size:var(--text-3xl)}.hero-content>p,.hero-meta{font-size:var(--text-2xs)}.hero-art{right:-44px;top:40px;transform:scale(.84);transform-origin:center;opacity:.7}.hero-poster.back{display:none}.hero-poster.front{right:65px}.hero-label{font-size:var(--text-2xs);letter-spacing:1px}.hero-actions{gap:7px;margin-top:18px}.hero-actions .drama-btn{font-size:var(--text-2xs);padding:10px 12px;gap:7px}.hero-footer{left:25px;right:25px;font-size:var(--text-2xs)}.drama-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px 12px}.drama-section-title h2{font-size:var(--text-xl)}.genre-select{min-width:105px;max-width:140px;font-size:var(--text-2xs);padding:8px}.drama-theater{grid-template-columns:1fr}.drama-episodes{margin-top:3px}.episode-grid{grid-template-columns:repeat(8,minmax(0,1fr));max-height:260px}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.source-grid>button{padding:13px;gap:10px}.source-letter{width:34px;height:34px;font-size:var(--text-xl)}.source-grid strong{font-size:var(--text-xs)}.drama-section-title>.drama-search{width:170px}.drama-history-list h3{font-size:var(--text-sm)}.drama-history-list .drama-eyebrow,.drama-page-footer{font-size:var(--text-2xs)}.drama-video-stage{aspect-ratio:16/11}}@media(max-width:470px){.drama-hub{padding:19px 14px}.drama-page-header h1{font-size:var(--text-2xl)}.drama-tabs{gap:18px;margin-bottom:18px}.drama-tabs svg{width:14px}.drama-tabs>button{font-size:var(--text-2xs)}.drama-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.drama-hero{min-height:320px;padding:25px 20px 43px}.hero-content{max-width:72%}.hero-content h2{font-size:var(--text-2xl)}.hero-art{opacity:.35;right:-105px;top:48px}.hero-content>p{-webkit-line-clamp:2}.hero-meta{gap:6px}.hero-content .drama-btn{font-size:var(--text-2xs)}.hero-actions .glass{font-size:0;padding:11px}.hero-actions .glass svg{font-size:medium}.hero-footer{left:20px;right:20px}.hero-label{font-size:var(--text-2xs)}.provider-pills{gap:6px}.provider-pills button{font-size:var(--text-2xs);padding:6px 10px}.provider-pills button:last-child{margin-left:0}.drama-card-title{min-height:33px}.card-badge,.drama-card-meta,.drama-card-title{font-size:var(--text-2xs)}.card-badge{padding:4px;left:6px;top:6px}.card-bookmark{right:5px;top:5px;width:24px;height:25px}.card-episodes{font-size:var(--text-2xs);left:8px;bottom:8px}.continue-row{grid-template-columns:1fr}.drama-source-select select{min-width:82px;max-width:90px}.drama-search .search-submit{padding:6px}.drama-toolbar>.drama-search>svg{width:15px}.drama-empty{padding:48px 20px}.drama-section-title h2{font-size:var(--text-lg)}.drama-section-title p{font-size:var(--text-2xs);line-height:1.6}.drama-section-title>.drama-search{width:125px}.source-grid{gap:8px}.source-grid>button{padding:11px 9px;gap:8px}.source-grid>button>svg{display:none}.source-grid small,.source-grid strong{font-size:var(--text-2xs)}.source-letter{height:30px;width:30px;font-size:var(--text-xl)}.episode-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.drama-player-options{padding:10px}.drama-player-options>div{gap:7px}.drama-player-options select{font-size:var(--text-2xs);max-width:133px}.drama-now h1{font-size:var(--text-2xl)}.drama-history-list>button{gap:12px}.round-play{height:32px;width:32px;margin-right:0}.drama-history-list h3{font-size:var(--text-xs)}.drama-pagination{gap:14px;font-size:var(--text-2xs)}.drama-pagination button{padding:8px}.drama-toast{bottom:85px;left:16px;right:16px;font-size:var(--text-2xs)}.drama-video-stage{aspect-ratio:4/3}.video-overlay.failure{gap:10px;padding:15px}.video-overlay.failure h3{font-size:var(--text-lg)}.video-overlay.failure p{font-size:var(--text-2xs)}.video-overlay.failure .drama-btn{font-size:var(--text-2xs);padding:10px}}.drama-loading-more{display:inline-flex;align-items:center;gap:8px;color:var(--color-muted);font-size:var(--text-xs)}.drama-theater{--theater-h:clamp(420px,calc(100dvh - 230px),900px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start}.drama-theater .drama-screen-column{width:calc(var(--theater-h) * 9 / 16);max-width:100%}.drama-theater .drama-video-stage{aspect-ratio:9/16}.drama-theater .drama-player-options,.drama-theater .drama-player-options>div{gap:8px 10px}.drama-side-column{min-width:0;display:flex;flex-direction:column;gap:18px}.drama-side-column .drama-episodes{align-self:stretch}.drama-theater .drama-description,.drama-theater .drama-description h3:first-child,.drama-theater .drama-now{margin-top:0}.drama-theater .episode-grid{grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));max-height:max(220px,calc(var(--theater-h) - 330px))}.drama-theater:has(.drama-player-shell[data-orient=landscape]){grid-template-columns:minmax(0,1fr) 300px}.drama-theater:has(.drama-player-shell[data-orient=landscape]) .drama-screen-column{width:auto}.drama-theater:has(.drama-player-shell[data-orient=landscape]) .drama-video-stage{aspect-ratio:16/9;max-height:var(--theater-h)}@media(max-width:1023px){.drama-theater{--theater-h:clamp(400px,calc(100dvh - 250px),760px)}}html:not(.dark) .drama-hub{--dr-purple:var(--brand);--dr-soft:var(--brand-soft);--dr-line:var(--line)}html:not(.dark) .drama-card-meta>span:last-child:not(:first-child){color:var(--coin)}html:not(.dark) .drama-save.is-saved,html:not(.dark) .provider-pills button.active{border-color:color-mix(in oklab,var(--brand) 35%,transparent)}html:not(.dark) .drama-hub .drama-player-shell:not(:fullscreen):not(.player-expanded) .player-fullscreen-button{color:var(--brand);border-color:color-mix(in oklab,var(--brand) 30%,transparent);background:var(--brand-soft)}html:not(.dark) .drama-hub .drama-player-shell:not(:fullscreen):not(.player-expanded) .player-caption-error{color:var(--danger)}.dracin-skeleton-mobile{display:none}@media (max-width:760px),(pointer:coarse) and (max-height:500px){.dracin-skeleton-mobile{display:block}.dracin-skeleton-desktop{display:none}}