.fik-drama-app,.fik-teacher{--fik-ink:#18283d;--fik-edge:#dbe3ef;color:var(--fik-ink);font-family:inherit;max-width:1100px;margin:20px auto}.fik-drama-app *,.fik-teacher *{box-sizing:border-box}.fik-d-hero{background:linear-gradient(115deg,#162b51,#315f8d);color:#fff;border-radius:18px;padding:28px}.fik-d-hero span{font-size:12px;letter-spacing:1.2px}.fik-d-hero h2{color:#fff;margin:12px 0 6px;font-size:clamp(25px,4vw,38px)}.fik-d-hero p{color:#eef4ff;margin:0}.fik-d-search{display:flex;gap:10px;margin-top:18px}.fik-d-search input{flex:1;min-width:0;border:1px solid var(--fik-edge);border-radius:9px;padding:13px;font-size:16px}.fik-drama-app button,.fik-teacher button{background:#23548b;color:white;border:0;border-radius:9px;padding:10px 16px;cursor:pointer}.fik-drama-app button:hover,.fik-teacher button:hover{background:#173d68}.fik-d-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}.fik-d-tools select{padding:10px;border:1px solid var(--fik-edge);border-radius:9px}.fik-d-discover{background:#526782!important}.fik-d-status{margin:18px 0 10px;font-size:13px;color:#4b637e}.fik-d-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.fik-d-card{padding:19px;border:1px solid var(--fik-edge);border-radius:12px;background:#fff}.fik-d-card h3{margin:12px 0 7px;font-size:23px}.fik-d-card p{margin:0 0 10px}.fik-d-card small{display:block;color:#60738c;margin-bottom:14px}.fik-tag{font-size:11px;background:#eaf1f8;color:#23548b;padding:5px 9px;border-radius:50px}.fik-d-card a{color:#23548b;font-weight:600}.fik-d-detail{border:1px solid var(--fik-edge);padding:22px;border-radius:14px;margin-top:24px}.fik-d-detail[hidden]{display:none}.fik-d-back{background:#65758a!important}.fik-video{position:relative;aspect-ratio:16/9;margin:16px 0;background:#111}.fik-video iframe{position:absolute;width:100%;height:100%;border:0}.fik-preserve{white-space:pre-wrap}.fik-quiz{padding:18px;background:#f3f7fb;border-radius:12px;margin-top:20px}.fik-quiz button{margin:4px}.fik-feedback{font-weight:700}.fik-teacher{max-width:780px}.fik-teacher form{display:grid;gap:14px}.fik-teacher label{font-weight:600;display:grid;gap:5px}.fik-teacher input,.fik-teacher textarea{width:100%;padding:9px;border:1px solid var(--fik-edge);border-radius:7px;font-weight:400}.fik-success{background:#e6f6eb;padding:12px;border-radius:9px}@media(max-width:530px){.fik-d-search{flex-direction:column}.fik-d-hero{padding:20px}.fik-d-detail{padding:14px}}

.fik-d-platform{padding:10px;border:1px solid var(--fik-edge);border-radius:9px}.fik-timed{background:#f4f8fe;padding:12px;border-left:3px solid #23548b;border-radius:6px;margin:10px 0}.fik-timed p{margin:6px 0}.fik-teacher textarea[name='fik_subtitles']{min-height:220px}