.film-surface{color:#123b67;box-sizing:border-box;max-width:1240px;margin:0 auto;padding:32px 24px;font:16px/1.65 Arial,sans-serif}.film-surface *{box-sizing:border-box}.film-surface h1{letter-spacing:-.035em;margin:18px 0;font-size:clamp(32px,5vw,60px);line-height:1.12}.film-surface h2{margin:12px 0;font-size:32px;line-height:1.25}.film-surface h3{margin:10px 0;font-size:21px;line-height:1.4}.film-surface p{color:#123b67;margin:10px 0}.film-surface small{font-size:14px}.film-surface a{color:#123b67;text-decoration:none}.film-surface :is(button,select,input){font:inherit}.film-surface button,.film-primary{color:#123b67;cursor:pointer;background:#fff;border:1px solid #ced9e5;border-radius:10px;justify-content:center;align-items:center;min-height:46px;padding:10px 18px;font-weight:600;display:inline-flex}.film-surface .film-primary{color:#fff;background:#123b67;border-color:#123b67}.film-surface button:disabled{opacity:.55;cursor:not-allowed}.film-surface :focus-visible{outline-offset:3px;outline:3px solid #da9c23}.film-section-title{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.film-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.film-card{background:#fff;border:1px solid #f4f7fb;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #09284b10}.film-card>div:last-child{padding:24px}.film-cover{aspect-ratio:3/4;object-fit:cover;width:100%;max-height:420px;display:block}.film-type-cover{color:#fff;background:linear-gradient(145deg,#09284b,#123b67);border-bottom:5px solid #ccab68;flex-direction:column;justify-content:space-between;display:flex;padding:32px!important}.film-type-cover strong{overflow-wrap:anywhere;font:40px/1.16 Georgia,serif}.film-type-cover span{letter-spacing:.1em;font-size:13px}.film-badge{color:#123b67;background:#f4f7fb;border-radius:6px;padding:4px 9px;font-size:14px;display:inline-block}.film-surface progress{accent-color:#123b67;width:100%;height:9px}.film-detail-hero{grid-template-columns:minmax(160px,280px) minmax(0,1fr);align-items:center;gap:40px;padding:28px 0 40px;display:grid}.film-detail-hero .film-cover{border-radius:14px}.film-episodes{margin:20px 0;padding:0;list-style:none}.film-episodes li{background:#fff;border:1px solid #f4f7fb;border-radius:12px;grid-template-columns:45px minmax(0,1fr) auto;align-items:center;gap:18px;margin:10px 0;padding:20px;display:grid}.film-episodes h3{margin:0;font-size:18px}.film-episodes p{margin:4px 0;font-size:14px}.film-current{background:#f4f7fb!important;border-color:#123b67!important}.film-episode-no{color:#123b67;font:28px Georgia,serif}.film-series-page{padding-bottom:370px}.film-player{left:max(16px,50vw - 596px);right:max(16px,50vw - 596px);bottom:calc(80px + env(safe-area-inset-bottom));z-index:35;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f7fbf5;border:1px solid #ced9e5;border-radius:18px;margin-top:32px;padding:20px;position:fixed;box-shadow:0 -8px 40px #123b6725}.film-player-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.film-player-heading strong{font-size:18px;display:block}.film-player-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.film-player-controls label{align-items:center;gap:8px;display:flex}.film-player select{background:#fff;border:1px solid #ced9e5;border-radius:8px;padding:8px}.film-seek{margin:12px 0;font-size:14px;display:block}.film-seek input{accent-color:#123b67;width:100%;min-height:30px;display:block}.film-notice{background:#fff3d4;border-radius:8px;padding:12px}.film-admin-form{gap:16px;margin:24px 0;display:grid}.film-admin-form label{gap:6px;display:grid}.film-admin-form :is(input,textarea,select){border:1px solid #ced9e5;border-radius:8px;width:100%;max-width:100%;padding:12px}.film-admin-form textarea{min-height:100px}.film-surface :is(p,h1,h2,h3,strong,a){overflow-wrap:anywhere}@media (width<=900px){.film-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.film-detail-hero{gap:24px}.film-player{bottom:90px}}@media (width<=600px){.film-surface{padding:24px 16px}.film-cards{grid-template-columns:1fr}.film-section-title{display:block}.film-detail-hero{grid-template-columns:1fr}.film-detail-hero .film-cover{width:180px;max-height:240px}.film-detail-hero .film-type-cover strong{font-size:28px}.film-episodes li{grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px}.film-episodes li button{grid-column:2;justify-self:start}.film-player{bottom:calc(84px + env(safe-area-inset-bottom));max-height:65dvh;padding:16px;overflow:auto}.film-player-heading{flex-direction:column;align-items:flex-start;gap:6px}.film-player-controls{gap:8px}.film-player-controls>span{flex-basis:100%}.film-player-controls button{padding:8px 12px}.film-series-page{padding-bottom:400px}}