:root{--bg: #131313;--bg-2: #1b1b1b;--bg-3: #232323;--card: #1b1b1b;--footer: #272727;--fg: #ffffff;--fg-2: rgba(255, 255, 255, .68);--fg-3: rgba(255, 255, 255, .3);--accent: #f5315e;--accent-hover: #d92550;--accent-fg: #fff;--accent-soft: rgba(245, 49, 94, .1);--accent-line: rgba(245, 49, 94, .28);--accent-fg-soft: #ffc5ca;--success: #8ccbaf;--gold: #ffc24b;--gradient: #f5315e;--border: #262525;--radius: 6px;--radius-lg: 20px;--gutter: 20px;--container: 1233px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{margin:0;min-height:100%}html{scroll-behavior:smooth}body{color:var(--fg);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{color:inherit;background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button,a,input{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:#f5315e59}.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.section-heading{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:500;letter-spacing:-.3px;line-height:1.2}.section-heading small{color:var(--fg-3);font-size:13px;font-weight:400}.drama-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px 12px}.drama-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.drama-row::-webkit-scrollbar{display:none}.drama-row>*{scroll-snap-align:start}.row-wrap{position:relative}.row-arrow{position:absolute;z-index:5;top:32%;width:42px;height:42px;display:grid;place-content:center;border-radius:50%;background:#141414db;border:1px solid var(--border);color:#fff;font-size:22px;line-height:1;opacity:0;transition:opacity .2s,background .2s}.row-wrap:hover .row-arrow{opacity:1}.row-arrow:hover{background:var(--accent);border-color:var(--accent)}.row-arrow.prev{left:-18px}.row-arrow.next{right:-18px}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 26px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s}.button-primary{color:#fff;background:var(--accent)}.button-primary:hover{background:var(--accent-hover)}.button-secondary{color:#fff;background:#3a3a3a}.button-secondary:hover{background:#474747}.empty-state{padding:70px 16px;text-align:center;color:var(--fg-2)}.empty-state h2{color:var(--fg);font-size:21px;margin-bottom:8px}.empty-state .button-primary{margin-top:22px}@media(max-width:1024px){.drama-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.drama-row{grid-auto-columns:calc((100% - 36px)/4)}.section-heading{font-size:24px}}@media(max-width:768px){:root{--gutter: 16px}.drama-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 10px}.drama-row{grid-auto-columns:calc((100% - 20px) / 3);gap:10px}.section-heading{font-size:19px}.row-arrow{display:none}}@media(max-width:480px){.drama-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drama-row{grid-auto-columns:calc((100% - 10px)/2)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}