/* Anime Land Update 21 — creator only, mobile first */
.al21-box{margin:16px 0 22px;padding:18px;border-radius:18px;background:linear-gradient(145deg,#201329,#120e20 75%);border:1px solid rgba(234,144,234,.28);color:#f6ecfb;box-shadow:0 12px 32px #0003;min-width:0}
.al21-box *{box-sizing:border-box}
.al21-topline{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}
.al21-icon{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:13px;color:#fff;background:linear-gradient(135deg,#f678c9,#925de5);font-size:23px}
.al21-eyebrow{color:#d5a9e9;font-size:10px;font-weight:900;letter-spacing:1.2px}
.al21-box h3{margin:4px 0 5px;font-size:clamp(18px,4vw,23px);color:#fff}
.al21-box p{margin:0;color:#baaac9;font-size:12px;line-height:1.65}
.al21-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0}
.al21-box button{cursor:pointer;min-height:38px;border-radius:10px;font-weight:800;font-size:11px;line-height:1.3;border:1px solid transparent;padding:9px 12px;max-width:100%;white-space:normal}
.al21-box button:disabled{cursor:default;opacity:.55}
.al21-main-btn{background:linear-gradient(110deg,#f873bf,#af6ce4)!important;color:#180e24!important}
.al21-secondary-btn{background:#2a2039!important;color:#f5e6ff!important;border-color:#5a456e!important}
.al21-box input,.al21-box select{min-height:41px;max-width:100%;color:#fbf5ff!important;background:#211a30!important;border:1px solid #5a456b!important;border-radius:10px;padding:10px;font-size:13px;width:100%}
.al21-control-row>select{flex:1 1 150px;width:auto}
.al21-box label{display:block;font-size:12px;margin:12px 0 6px;color:#e5d2ec}
.al21-box .al21-message{font-size:12px;margin:9px 0 13px;line-height:1.6;color:#c9bbd4}
.al21-box .al21-message[data-kind=error]{color:#ffb9bc}
.al21-box .al21-message[data-kind=ok]{color:#b6efce}
.al21-suggest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:11px}
.al21-suggestion-card{display:grid;grid-template-columns:94px minmax(0,1fr);align-items:start;gap:12px;border:1px solid #493653;background:#1d1728;border-radius:14px;padding:11px;overflow:hidden;min-width:0}
.al21-suggestion-card>img{width:94px;height:137px;object-fit:cover;border-radius:9px;background:#30203a}
.al21-suggestion-copy{min-width:0}
.al21-suggestion-copy strong{display:block;color:#fff;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.al21-suggestion-copy small{display:block;color:#c5b5d3;font-size:10px;margin:5px 0}
.al21-suggestion-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:11px;margin:7px 0}
.al21-suggestion-copy p[data-full=yes]{display:block}
.al21-card-actions{display:flex;flex-wrap:wrap;gap:5px}
.al21-card-actions button{min-height:32px;font-size:10px;padding:7px}
.al21-box>.al21-secondary-btn{margin-top:12px}
.al21-box .al21-plan-summary{border:1px solid #655073;padding:12px;margin:14px 0;border-radius:12px;background:#2b2037;font-size:12px;line-height:1.8}
.al21-plan-summary strong{display:block;color:#f6d8ff;font-size:16px}
.al21-plan-summary small{display:block;color:#b5a6c5}
.al21-control-row label{flex:1 1 105px;margin:0}
.al21-control-row label input{margin-top:4px}
.al21-plan-list,.al21-feed-list{display:grid;gap:8px;margin:12px 0}
.al21-episode-item,.al21-video-item,.al21-followed-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:9px;border:1px solid #453554;border-radius:11px;padding:11px;background:#1b1727;min-width:0}
.al21-episode-item strong,.al21-video-item strong{display:block;color:#f6ecfb;font-size:12px}
.al21-episode-item small,.al21-video-item small{display:block;color:#b8a9c7;font-size:10px;margin-top:4px}
.al21-feed-title,.al21-watch-label{font-size:12px;font-weight:700;color:#eec4ff;margin-top:18px}
.al21-video-item>div:first-child{flex:1 1 180px}
.al21-video-item .al21-video-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.al21-video-item .al21-video-actions>input{width:69px}
.al21-video-item .al21-video-preview{width:100%;aspect-ratio:16/9}
.al21-video-item iframe{border:0;width:100%;height:100%;border-radius:8px}
.al21-video-confirm{width:100%;display:flex!important;align-items:flex-start;gap:8px;margin:4px 0!important;color:#d7c4e5!important;font-size:11px!important}
.al21-video-confirm input{width:16px;height:16px;flex:none;min-height:0}
.al21-video-notice{font-size:11px}
.al21-followed-list{display:grid;gap:7px;margin-top:8px}
.al21-followed-item>span{font-size:12px}
.al21-login{padding:13px;margin-top:12px;border:1px solid #b77acf;border-radius:13px;background:#1e1028}
.al21-login p{margin:6px 0 10px}
.al21-login button{margin:9px 0}
.al21-help{margin-top:7px!important}
@media(max-width:470px){.al21-box{padding:13px;margin:15px -1px}.al21-suggest-grid{grid-template-columns:1fr}.al21-suggestion-card{grid-template-columns:86px minmax(0,1fr)}.al21-suggestion-card>img{width:86px;height:130px}.al21-video-item .al21-video-actions>button{flex:1 1 110px}}