.catalog-presentation-story_path{color-scheme:dark;--mt-bg:#131923;--mt-panel:#1a2330;--mt-surface:#202c3b;--mt-raised:#283648;--mt-text:#f4f2ed;--mt-muted:#b1bcc9;--mt-faint:#92a1b3;--mt-line:#334050;--mt-accent:#f4a17e;--mt-on:#2b1a14;--mt-accent-text:#f4a17e;--mt-gold:#f6d491;--mt-good:#a9d4ba;--mt-soft:color-mix(in srgb,var(--mt-accent) 10%,transparent);--mt-ring:color-mix(in srgb,var(--mt-accent) 42%,transparent);--mt-shadow:0 18px 45px #0003;--mt-width:1280px;--mt-toolbar-height:76px;font-family:"Alexandria","Noto Sans Arabic",Tahoma,Arial,sans-serif;scroll-behavior:smooth} html[data-theme=ocean] .catalog-presentation-story_path{--mt-bg:#10232f;--mt-panel:#17313e;--mt-surface:#1e3d4a;--mt-raised:#294b5a;--mt-line:#355463;--mt-text:#eef8fa;--mt-muted:#b0c6d0;--mt-faint:#92b0bd} html[data-theme=jade] .catalog-presentation-story_path{--mt-bg:#122821;--mt-panel:#1b342b;--mt-surface:#254238;--mt-raised:#305144;--mt-line:#38584a;--mt-text:#eff6ee;--mt-muted:#b6cbbc;--mt-faint:#94b3a1} html[data-theme=plum] .catalog-presentation-story_path{--mt-bg:#261b30;--mt-panel:#33233e;--mt-surface:#402f4d;--mt-raised:#503b60;--mt-line:#543e62;--mt-text:#f8f1fb;--mt-muted:#cfbbd6;--mt-faint:#bda1c9} html[data-theme=pearl] .catalog-presentation-story_path{color-scheme:light;--mt-bg:#f5f6f8;--mt-panel:#ffffff;--mt-surface:#eceff3;--mt-raised:#e1e6ed;--mt-line:#d3dbe5;--mt-text:#202c3d;--mt-muted:#576779;--mt-faint:#627386;--mt-gold:#725008;--mt-good:#2f694c;--mt-shadow:0 18px 45px #22364d0a} html[data-theme=sand] .catalog-presentation-story_path{color-scheme:light;--mt-bg:#f4eee5;--mt-panel:#fffaf2;--mt-surface:#ece3d6;--mt-raised:#e3d7c6;--mt-line:#d7c8b8;--mt-text:#372c27;--mt-muted:#706256;--mt-faint:#796b5e;--mt-gold:#775408;--mt-good:#396349;--mt-shadow:0 18px 45px #4e382010} .catalog-presentation-story_path, .catalog-presentation-story_path *{box-sizing:border-box}.catalog-presentation-story_path{min-width:0;font-size:13px;line-height:1.8;background:var(--mt-bg);color:var(--mt-text);-webkit-font-smoothing:antialiased;font-family:"Alexandria","Noto Sans Arabic",Tahoma,Arial,sans-serif;scroll-behavior:smooth}.catalog-presentation-story_path button,.catalog-presentation-story_path input,.catalog-presentation-story_path select{font:inherit;color:inherit}.catalog-presentation-story_path button,.catalog-presentation-story_path input,.catalog-presentation-story_path select,.catalog-presentation-story_path a{-webkit-tap-highlight-color:transparent}.catalog-presentation-story_path button,.catalog-presentation-story_path a{touch-action:manipulation}.catalog-presentation-story_path button{padding:0;background:none;border:0;cursor:pointer}.catalog-presentation-story_path button:disabled{opacity:.35;cursor:default}.catalog-presentation-story_path a{color:inherit;text-decoration:none}.catalog-presentation-story_path img{display:block;max-width:100%}.catalog-presentation-story_path h1,.catalog-presentation-story_path h2,.catalog-presentation-story_path h3,.catalog-presentation-story_path p{margin:0}.catalog-presentation-story_path h1,.catalog-presentation-story_path h2,.catalog-presentation-story_path h3{font-weight:600}.catalog-presentation-story_path button,.catalog-presentation-story_path a,.catalog-presentation-story_path input,.catalog-presentation-story_path select{outline-offset:4px}.catalog-presentation-story_path :focus-visible{outline:2px solid var(--mt-accent-text)}.catalog-presentation-story_path input,.catalog-presentation-story_path select{background:var(--mt-panel)}.catalog-presentation-story_path [hidden]{display:none!important}.mt-shell{width:min(var(--mt-width),calc(100% - 104px));margin-inline:auto}.mt-icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;fill:none;flex:none;display:block}.mt-sprite{position:absolute;height:0;width:0;overflow:hidden}.mt-sr{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mt-skip{position:fixed;inset-inline-start:20px;top:-100px;padding:12px 20px;z-index:100;background:var(--mt-accent);color:var(--mt-on)}.mt-skip:focus{top:12px}.mt-brand{display:inline-block;font:800 italic 29px/1 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;direction:ltr;white-space:nowrap}.mt-brand span{color:var(--mt-accent-text)}.mt-iso{font-family:Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}.mt-eyebrow{display:flex;align-items:center;gap:9px;color:var(--mt-accent-text);font-size:10px;font-weight:500}.mt-eyebrow>.mt-icon{width:18px;height:18px}.mt-short-rule{height:1px;width:26px;background:var(--mt-accent-text);opacity:.7}.mt-live-dot{width:5px;height:5px;background:var(--mt-accent-text);border-radius:50%;flex:none}.mt-text-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--mt-muted);font-size:11px;min-height:40px}.mt-text-btn:hover{color:var(--mt-accent-text)}.mt-text-btn .mt-icon{width:16px;height:16px}.mt-icon-btn{height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:11px;border:1px solid var(--mt-line)}.mt-icon-btn:hover{color:var(--mt-accent-text);background:var(--mt-soft)}.mt-primary{display:inline-flex;gap:10px;align-items:center;justify-content:center;min-height:46px;padding:11px 21px;border-radius:10px;background:var(--mt-accent);color:var(--mt-on);font-size:11px;font-weight:600;transition:transform .2s,filter .2s}.mt-primary:hover{transform:translateY(-2px);filter:brightness(1.04)}.mt-primary .mt-icon{width:17px;height:17px}.mt-outline{min-height:43px;padding:9px 16px;border:1px solid var(--mt-line);border-radius:9px;display:inline-flex;gap:9px;align-items:center;justify-content:center;font-size:11px}.mt-outline:hover{border-color:var(--mt-accent-text);color:var(--mt-accent-text)}.mt-outline .mt-icon{width:15px;height:15px} /* Quiet preview shell; the production site's global shell is not replaced. */ .mt-header{border-bottom:1px solid var(--mt-line)}.mt-header-inner{height:76px;display:flex;gap:48px;align-items:center}.mt-nav{display:flex;align-items:stretch;align-self:stretch;gap:30px}.mt-nav button{position:relative;white-space:nowrap;font-size:11px;color:var(--mt-muted)}.mt-nav button:hover{color:var(--mt-text)}.mt-nav button[aria-current=page]{color:var(--mt-accent-text)}.mt-nav button[aria-current=page]:after{content:"";position:absolute;bottom:-1px;inset-inline:0;height:2px;background:var(--mt-accent-text)}.mt-header-tools{display:flex;gap:9px;align-items:center;margin-inline-start:auto}.mt-header-tools .mt-icon-btn{border-color:transparent;width:35px;height:35px}.mt-header-tools .mt-icon{width:18px;height:18px}.mt-preview{font-size:9px;color:var(--mt-faint);margin-inline-end:12px}.mt-language{font:600 11px Arial,sans-serif;min-height:36px;width:31px}.mt-avatar{width:35px;height:35px;border-radius:12px;background:var(--mt-soft);border:1px solid var(--mt-ring);color:var(--mt-accent-text);display:flex;align-items:center;justify-content:center;margin-inline-start:5px}.mt-mobile-category{display:none} /* Opening: story routes plus a compact, filtered collection spotlight. */ .mt-opening{padding-top:25px}.mt-breadcrumb{display:flex;gap:9px;align-items:center;color:var(--mt-faint);font-size:9px}.mt-breadcrumb .mt-icon{width:11px;height:11px}.mt-design-signature{margin-inline-start:auto;font:8px Arial,sans-serif;letter-spacing:2px;opacity:.8}.mt-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:88px;align-items:center;padding-block:26px 32px}.mt-hero-copy{min-width:0}.mt-hero-copy h1{font-size:clamp(35px,3.8vw,55px);line-height:1.46;font-weight:700;letter-spacing:-1.5px;margin-top:8px}.mt-hero-copy h1 span{color:var(--mt-accent-text)}.mt-hero-description{font-size:12px;line-height:2.1;color:var(--mt-muted);max-width:440px;margin-top:11px}.mt-search{display:flex;align-items:center;gap:12px;max-width:440px;height:47px;border:1px solid var(--mt-line);border-radius:11px;padding-inline:14px;background:var(--mt-panel);margin-top:25px}.mt-search:focus-within{border-color:var(--mt-accent-text);box-shadow:0 0 0 3px var(--mt-soft)}.mt-search>.mt-icon{width:18px;height:18px;color:var(--mt-accent-text)}.mt-search input{width:100%;min-width:0;background:none;border:0;outline:none;height:100%;font-size:11px}.mt-search input::placeholder{color:var(--mt-faint)}.mt-search input::-webkit-search-cancel-button{display:none}.mt-search kbd{font:10px/22px Arial,sans-serif;height:24px;width:23px;text-align:center;border:1px solid var(--mt-line);border-radius:5px;color:var(--mt-faint);flex:none}.mt-search button{display:flex;align-items:center;justify-content:center;width:26px;height:32px;flex:none}.mt-search button .mt-icon{width:14px;height:14px}.mt-hero-feature{min-width:0;position:relative;padding:12px 0 0 13px}.mt-feature-route{position:absolute;inset:0 20px 30px 0;border:1px dashed var(--mt-line);border-radius:18px 40px 18px 18px;pointer-events:none}.mt-feature-scene{position:relative;height:255px;border-radius:14px 39px 14px 14px;isolation:isolate;overflow:hidden;display:block;background:#0e1623;border:1px solid var(--mt-line)}.mt-feature-scene>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .8s}.mt-feature-scene:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,rgba(8,14,23,.95),rgba(8,14,23,.16) 75%)}.mt-feature-scene:hover>img{transform:scale(1.035)}.mt-feature-tag{position:absolute;top:17px;inset-inline-start:20px;z-index:1;display:flex;gap:6px;align-items:center;background:#111927c7;border:1px solid #ffffff35;padding:4px 9px;color:#fff;border-radius:6px;font-size:8px}.mt-feature-tag .mt-icon{height:13px;width:13px;color:#f4a17e}.mt-feature-seal{position:absolute;top:15px;inset-inline-end:17px;color:#fff;z-index:1;font:9px Arial,sans-serif;letter-spacing:2px;opacity:.9}.mt-feature-body{position:absolute;bottom:21px;inset-inline:23px;display:flex;align-items:end;justify-content:space-between;gap:16px;z-index:1;color:#fff}.mt-feature-body h2{font-size:23px;line-height:1.7;max-width:290px}.mt-feature-body .mt-feature-original{font:10px/1.6 Arial,sans-serif;color:#d7e0e8;margin-top:3px;text-align:start}.mt-feature-discover{width:43px;height:43px;background:var(--mt-accent);color:var(--mt-on);border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;transition:transform .25s}.mt-feature-discover .mt-icon{width:21px;height:21px}.mt-feature-scene:hover .mt-feature-discover{transform:translateY(-3px)}.mt-feature-bottom{display:flex;justify-content:space-between;gap:14px;padding-block:12px 0;color:var(--mt-muted);font-size:9px}.mt-feature-bottom span:last-child{display:flex;align-items:center;gap:7px;color:var(--mt-accent-text)}.mt-feature-bottom .mt-icon{height:13px;width:13px}.mt-feature-empty{height:255px;border:1px dashed var(--mt-line);border-radius:14px 39px 14px 14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:var(--mt-muted);font-size:12px;background:var(--mt-panel)}.mt-feature-empty .mt-icon{width:35px;height:35px;color:var(--mt-accent-text)} .mt-path-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mt-path-heading>div{display:flex;align-items:center;gap:15px}.mt-path-heading .mt-eyebrow{color:var(--mt-text);font-size:11px}.mt-path-note{font-size:9px;color:var(--mt-faint);padding-inline-start:14px;border-inline-start:1px solid var(--mt-line)}.mt-path-heading .mt-text-btn{font-size:10px;min-height:30px}.mt-path-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;padding-bottom:26px}.mt-path{min-width:0;min-height:71px;display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid var(--mt-line);border-radius:13px;background:var(--mt-panel);text-align:start;position:relative;transition:border-color .2s,background .2s,transform .2s}.mt-path>.mt-path-symbol{display:flex;align-items:center;justify-content:center;width:31px;height:34px;flex:none;color:var(--mt-faint)}.mt-path-symbol .mt-icon{width:25px;height:25px;stroke-width:1.35}.mt-path strong{display:block;font-size:11px;font-weight:500;color:var(--mt-muted)}.mt-path small{display:block;font-size:8px;color:var(--mt-faint);margin-top:2px;white-space:nowrap}.mt-path[aria-current=page]{background:var(--mt-soft);border-color:var(--mt-ring)}.mt-path[aria-current=page]:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mt-accent-text);top:10px;inset-inline-end:10px}.mt-path[aria-current=page] .mt-path-symbol,.mt-path[aria-current=page] strong{color:var(--mt-accent-text)}.mt-path:hover{transform:translateY(-2px);border-color:var(--mt-ring)} /* The search, status and filter states are independent and URL-addressable. */ .mt-toolbar-wrap{position:sticky;top:var(--studio-shell-clearance,0px);z-index:15;background:var(--mt-bg);border-block:1px solid var(--mt-line)}.mt-toolbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mt-status-tabs{display:flex;align-items:stretch;align-self:stretch;gap:25px}.mt-status-tabs button{position:relative;white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--mt-muted);min-height:65px}.mt-status-tabs button>i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.6}.mt-status-tabs button .mt-icon{width:15px;height:15px}.mt-status-tabs button[aria-pressed=true]{color:var(--mt-accent-text)}.mt-status-tabs button[aria-pressed=true]:after{content:"";height:2px;background:var(--mt-accent-text);position:absolute;bottom:-1px;inset-inline:0}.mt-status-tabs button:hover{color:var(--mt-text)}.mt-toolbar-end{display:flex;align-items:center;gap:15px}.mt-saved-toggle{display:flex;align-items:center;gap:8px;color:var(--mt-muted);font-size:10px;min-height:40px;padding-inline:5px}.mt-saved-toggle .mt-icon{width:16px;height:16px}.mt-saved-toggle[aria-pressed=true]{color:var(--mt-accent-text)}.mt-saved-toggle[aria-pressed=true] .mt-icon{fill:currentColor}.mt-saved-toggle b{font:10px Arial,sans-serif;display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:20px;background:var(--mt-surface);border-radius:5px}.mt-filter-toggle{display:flex;align-items:center;gap:9px;height:39px;padding-inline:14px;border:1px solid var(--mt-line);border-radius:9px;font-size:10px}.mt-filter-toggle .mt-icon{width:16px;height:16px}.mt-filter-toggle:hover,.mt-filter-toggle[aria-expanded=true]{color:var(--mt-accent-text);border-color:var(--mt-ring);background:var(--mt-soft)}.mt-filter-toggle b{display:flex;align-items:center;justify-content:center;height:18px;min-width:18px;border-radius:5px;font:9px Arial,sans-serif;background:var(--mt-accent);color:var(--mt-on)}.mt-filters{padding:22px 25px;background:var(--mt-panel);border:1px solid var(--mt-line);border-top:0;border-radius:0 0 14px 14px}.mt-filter-fields{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.mt-filter-fields label>span{display:block;font-size:10px;color:var(--mt-muted);margin-bottom:7px}.mt-filter-fields select{width:100%;height:43px;border:1px solid var(--mt-line);border-radius:8px;padding-inline:10px;background:var(--mt-bg);font-size:11px;cursor:pointer}.mt-filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--mt-line);margin-top:19px;padding-top:12px}.mt-filter-bottom .mt-text-btn{font-size:10px;min-height:31px}.mt-check{display:flex;align-items:center;gap:8px;color:var(--mt-muted);font-size:10px;cursor:pointer}.mt-check input{width:16px;height:16px;accent-color:var(--mt-accent);margin:0}.mt-results{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px 22px;scroll-margin-top:calc(var(--mt-toolbar-height) + 16px);outline:none!important}.mt-results-title{display:flex;align-items:center;gap:12px}.mt-section-line{width:20px;height:2px;background:var(--mt-accent-text)}.mt-results-title h2{font-size:19px;font-weight:500}.mt-results-title>span:last-child{font-size:9px;color:var(--mt-muted);border-inline-start:1px solid var(--mt-line);padding-inline-start:12px;white-space:nowrap}.mt-result-tools{display:flex;align-items:center;gap:24px}.mt-sort{display:flex;align-items:center;gap:8px;color:var(--mt-muted)}.mt-sort .mt-icon{width:15px;height:15px}.mt-sort select{font-size:10px;background:none;border:0;max-width:148px;cursor:pointer}.mt-sort option{background:var(--mt-panel);color:var(--mt-text)}.mt-top-paging{display:flex;align-items:center;gap:9px;font:10px Arial,sans-serif}.mt-top-paging>span{margin-inline:3px;color:var(--mt-muted)}.mt-top-paging button,.mt-top-page-control{width:29px;height:30px;border:1px solid var(--mt-line);border-radius:7px;display:flex;align-items:center;justify-content:center}.mt-top-page-control[aria-disabled=true]{opacity:.35;pointer-events:none}.mt-top-paging .mt-icon{width:13px;height:13px}.mt-chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:21px}.mt-chips button{min-height:29px;padding:4px 11px;display:flex;align-items:center;gap:8px;font-size:9px;border:1px solid var(--mt-ring);background:var(--mt-soft);color:var(--mt-accent-text);border-radius:7px}.mt-chips .mt-icon{width:11px;height:11px}.mt-chips .mt-clear-all{background:none;border-color:transparent;color:var(--mt-muted);text-decoration:underline;text-underline-offset:4px} /* The scene card: full-bleed art, integrated titles, a permanent control rail. No plinth. */ .mt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 22px}.mt-card{min-width:0;background:var(--mt-panel);border:1px solid var(--mt-line);border-radius:15px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative}.mt-card:hover{transform:translateY(-3px);box-shadow:var(--mt-shadow);border-color:var(--mt-ring)}.mt-card[data-selected=true]{outline:2px solid var(--mt-accent-text);outline-offset:3px}.mt-card-top{display:grid;grid-template-columns:minmax(0,1fr) 45px}.mt-cover{position:relative;display:block;height:324px;isolation:isolate;overflow:hidden;background:#111925}.mt-cover img{height:100%;width:100%;object-fit:cover;object-position:50% 28%;transition:transform .7s,filter .4s}.mt-cover:hover img{transform:scale(1.035);filter:saturate(1.06)}.mt-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,11,19,.99) 0%,rgba(7,11,19,.91) 17%,rgba(7,11,19,.2) 49%,rgba(7,11,19,0) 77%);pointer-events:none;z-index:0}.mt-access{position:absolute;inset-inline-start:12px;top:13px;z-index:1;display:flex;align-items:center;gap:4px;background:#0e1726d9;color:#ffdc9c;border:1px solid #ffffff35;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:500;backdrop-filter:blur(6px)}.mt-access .mt-icon{width:11px;height:11px}.mt-access.free{color:#c6efd7}.mt-cover-caption{position:absolute;bottom:17px;inset-inline:16px;z-index:1;color:#fff}.mt-state{display:flex;align-items:center;gap:6px;font-size:8px;color:#d5e1ec;margin-bottom:7px}.mt-state i{height:4px;width:4px;border-radius:50%;background:#b6c8da}.mt-state[data-status=airing] i{background:#b1e6c4}.mt-state[data-status=coming] i{background:#f6c898}.mt-cover-caption h3{font-size:17px;line-height:1.7;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:29px}.mt-original{font:10px/1.6 Arial,sans-serif;color:#b7c7d9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;text-align:start}.mt-side{background:var(--mt-surface);border-inline-start:1px solid var(--mt-line);display:flex;align-items:center;flex-direction:column;gap:6px;padding:10px 3px 13px}.mt-card-tool{width:37px;min-height:57px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;position:relative;border-radius:8px;color:var(--mt-muted);transition:color .2s,background .2s}.mt-card-tool>.mt-icon{width:17px;height:17px}.mt-card-tool>span{font-size:7px;line-height:1.4}.mt-card-tool:hover{color:var(--mt-accent-text);background:var(--mt-soft)}.mt-card-tool[aria-pressed=true]{color:var(--mt-accent-text)}.mt-card-tool[aria-pressed=true]>.mt-icon{fill:currentColor}.mt-card-tool[data-mode=promo]{color:var(--mt-accent-text)}.mt-card-tool[data-mode=promo]>.mt-icon{border:1px solid var(--mt-ring);width:27px;height:27px;padding:5px;border-radius:50%}.mt-card-tool[data-mode=promo]:hover>.mt-icon{background:var(--mt-accent);color:var(--mt-on);border-color:var(--mt-accent)}.mt-side-rule{width:15px;height:1px;background:var(--mt-line);margin-block:2px}.mt-rail-end{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.mt-rail-end .mt-icon{width:15px;height:15px;color:var(--mt-faint);opacity:.7}.mt-rail-end span{writing-mode:vertical-rl;font:8px/1 Arial,sans-serif;letter-spacing:2px;color:var(--mt-faint);opacity:.65}.mt-card-meta{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--mt-line);font-size:8px;color:var(--mt-muted);min-height:44px}.mt-meta-left{display:flex;gap:7px;align-items:center;min-width:0}.mt-meta-left i{width:2px;height:2px;background:var(--mt-faint);border-radius:50%;flex:none}.mt-meta-genre{color:var(--mt-accent-text);white-space:nowrap;font-size:8px}.mt-card-fav-pop{animation:mt-fav-pop .3s ease-out}@keyframes mt-fav-pop{50%{transform:scale(1.28)}} .mt-ending{margin-block:43px 55px;background:var(--mt-panel);border:1px solid var(--mt-line);border-radius:18px;overflow:hidden}.mt-empty{grid-column:1/-1;text-align:center;padding:58px 22px;border:1px dashed var(--mt-line);border-radius:15px;background:var(--mt-panel)}.mt-empty>.mt-icon{width:36px;height:36px;margin:0 auto 17px;color:var(--mt-accent-text)}.mt-empty h3{font-size:22px}.mt-empty p{font-size:11px;color:var(--mt-muted);max-width:400px;margin:10px auto 21px}.mt-footer{padding-block:29px 31px;border-top:1px solid var(--mt-line)}.mt-footer-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.mt-footer-inner>div:first-child{display:flex;align-items:center;gap:22px}.mt-footer .mt-brand{font-size:25px}.mt-footer p{font-size:9px;color:var(--mt-faint)}.mt-footer-tail{display:flex;align-items:center;gap:21px}.mt-footer-tail>span{font:8px Arial,sans-serif;letter-spacing:1.6px;color:var(--mt-faint)}.mt-footer-tail .mt-text-btn{font-size:9px}.mt-noscript{padding:25px;text-align:center;color:var(--mt-accent-text)} .catalog-presentation-story_path:has(dialog[open]){overflow:hidden}.catalog-presentation-story_path dialog{color:var(--mt-text);background:var(--mt-panel);border:1px solid var(--mt-line)}.catalog-presentation-story_path dialog::backdrop{background:rgba(4,9,16,.72);backdrop-filter:blur(3px)}.mt-route-message{font-size:11px;line-height:2;color:var(--mt-muted);border-inline-start:2px solid var(--mt-accent-text);padding-inline-start:13px;margin-top:19px}.mt-player-frame{width:100%;aspect-ratio:16/9;background:#090e17;border:1px solid var(--mt-line);border-radius:12px;overflow:hidden;position:relative;isolation:isolate}.mt-player-frame video{display:block;width:100%;height:100%;background:#090e17;object-fit:contain}.mt-player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:radial-gradient(ellipse at 0% 0%,#304057,#101724 70%);color:#fff;text-align:center}.mt-player-placeholder:before{content:"";position:absolute;inset:12px;border:1px solid #ffffff20;border-radius:7px;pointer-events:none}.mt-player-placeholder>.mt-brand{font-size:23px;color:#fff;opacity:.8}.mt-player-placeholder .mt-brand span{color:#f4a17e}.mt-test-play{width:52px;height:52px;border-radius:50%;background:var(--mt-accent);color:var(--mt-on);display:flex;align-items:center;justify-content:center}.mt-test-play .mt-icon{width:23px;height:23px}.mt-player-placeholder>span{font-size:9px;color:#c9d7e8}.mt-player-error{font-size:10px;color:#ffc9b5;line-height:1.9;padding:20px}.catalog-presentation-story_path dialog.mt-dialog{padding:26px;width:min(470px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:17px;box-shadow:0 30px 80px #0005}.mt-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}.mt-dialog-head h2{font-size:22px;line-height:1.6}.mt-dialog-head .mt-eyebrow{font-size:9px;margin-bottom:5px}.mt-dialog-head .mt-icon-btn{width:35px;height:35px}.mt-dialog-head .mt-icon{width:16px;height:16px}.mt-settings-section+.mt-settings-section{border-top:1px solid var(--mt-line);padding-top:21px;margin-top:21px}.mt-settings-section h3{font-size:12px;font-weight:500;margin-bottom:11px}.mt-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mt-theme-choice{padding:7px;border:1px solid var(--mt-line);border-radius:9px;position:relative;text-align:start}.mt-theme-choice[aria-pressed=true]{border-color:var(--mt-accent-text);background:var(--mt-soft)}.mt-theme-sample{display:block;height:45px;border-radius:5px;background:var(--sample-bg);position:relative;overflow:hidden}.mt-theme-sample:before{content:"";position:absolute;inset:8px 8px 8px 33px;background:var(--sample-panel);border-radius:3px}.mt-theme-sample:after{content:"";position:absolute;width:14px;inset-block:8px;left:8px;background:var(--sample-line);border-radius:3px}.mt-theme-name{display:block;font-size:9px;margin-top:6px}.mt-theme-choice>.mt-icon{position:absolute;bottom:10px;inset-inline-end:8px;width:12px;height:12px;opacity:0;color:var(--mt-accent-text)}.mt-theme-choice[aria-pressed=true]>.mt-icon{opacity:1}.mt-accents{display:flex;gap:15px;align-items:center;padding:2px}.mt-accent-choice{width:28px;height:28px;border-radius:50%;background:var(--sample-accent);display:flex;align-items:center;justify-content:center;color:#10171f;outline-offset:4px}.mt-accent-choice[aria-pressed=true]{outline:2px solid var(--mt-text)}.mt-accent-choice>.mt-icon{height:14px;width:14px;opacity:0}.mt-accent-choice[aria-pressed=true]>.mt-icon{opacity:1}.mt-viewer-options{display:flex;gap:5px;background:var(--mt-bg);padding:4px;border-radius:9px}.mt-viewer-options button{flex:1;min-height:36px;padding:7px 4px;font-size:9px;border:1px solid transparent;border-radius:7px}.mt-viewer-options button[aria-pressed=true]{color:var(--mt-accent-text);border-color:var(--mt-ring);background:var(--mt-soft)}.mt-settings-note,.mt-info-copy{font-size:10px;line-height:2;color:var(--mt-muted);margin-top:12px}.mt-info-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}.mt-info-copy+.mt-info-copy{margin-top:12px}.mt-toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);opacity:0;visibility:hidden;z-index:100;background:var(--mt-text);color:var(--mt-bg);padding:12px 22px;border-radius:10px;font-size:11px;text-align:center;max-width:calc(100% - 30px);box-shadow:var(--mt-shadow);pointer-events:none;transition:transform .2s,opacity .2s}.mt-toast.show{transform:translate(-50%,0);opacity:1;visibility:visible} /* Directional primitives keep content and controls mirrored together. */ .mt-reverse{rotate:180deg}html[dir=ltr] .catalog-presentation-story_path .mt-dir{transform:scaleX(-1)}html[dir=rtl] .catalog-presentation-story_path .mt-original,html[dir=rtl] .catalog-presentation-story_path .mt-feature-original{text-align:right}html[dir=ltr] .catalog-presentation-story_path .mt-original,html[dir=ltr] .catalog-presentation-story_path .mt-feature-original{text-align:left;font-family:"Alexandria","Noto Sans Arabic",Tahoma,sans-serif;font-size:9px}html[dir=ltr] .catalog-presentation-story_path .mt-hero-copy h1{font-size:54px;line-height:1.2;letter-spacing:-2px}html[dir=ltr] .catalog-presentation-story_path .mt-feature-scene{border-radius:39px 14px 14px 14px}html[dir=ltr] .catalog-presentation-story_path .mt-hero-feature{padding:12px 13px 0 0}html[dir=ltr] .catalog-presentation-story_path .mt-feature-route{inset:0 0 30px 20px;border-radius:40px 18px 18px 18px}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:16px;line-height:1.55} @media(min-width:1600px){.catalog-presentation-story_path{--mt-width:1360px}.mt-cover{height:351px}.mt-hero{gap:110px;padding-block:30px 35px}.mt-feature-scene{height:275px}.mt-cover-caption h3{font-size:18px}.mt-card-meta{font-size:9px}.mt-meta-genre{font-size:9px}.mt-path{min-height:76px}.mt-path strong{font-size:12px}.mt-path small{font-size:9px}} @media(max-width:1190px){.mt-shell{width:calc(100% - 68px)}.mt-header-inner{gap:34px}.mt-nav{gap:24px}.mt-hero{gap:45px}.mt-hero-copy h1{font-size:43px}.mt-hero-description{font-size:11px}.mt-feature-scene{height:240px}.mt-feature-body h2{font-size:21px}.mt-path{padding:11px 12px;gap:7px}.mt-path-symbol .mt-icon{width:23px;height:23px}.mt-path>.mt-path-symbol{width:25px}.mt-path small{font-size:7px}.mt-path strong{font-size:10px}.mt-grid{gap:22px 17px}.mt-card-top{grid-template-columns:minmax(0,1fr) 41px}.mt-cover{height:287px}.mt-card-tool{width:33px;min-height:55px}.mt-card-tool>span{font-size:6.5px}.mt-cover-caption{inset-inline:13px;bottom:15px}.mt-cover-caption h3{font-size:14px}.mt-original{font-size:9px}.mt-card-meta{padding:11px 11px;font-size:7px;gap:5px}.mt-meta-left{gap:5px}.mt-meta-genre{font-size:7px}.mt-side{padding:9px 3px 12px}html[dir=ltr] .catalog-presentation-story_path .mt-hero-copy h1{font-size:45px}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:14px}} @media(max-width:1000px){.mt-shell{width:calc(100% - 52px)}.mt-preview{display:none}.mt-header-inner{gap:30px;height:68px}.mt-hero{gap:32px;padding-block:25px}.mt-hero-copy h1{font-size:39px}.mt-feature-scene{height:224px}.mt-feature-body{inset-inline:18px;bottom:19px}.mt-feature-body h2{font-size:19px}.mt-feature-tag{font-size:7px;inset-inline-start:15px}.mt-feature-seal{font-size:8px}.mt-feature-bottom{font-size:8px}.mt-hero-description{font-size:10px}.mt-search{margin-top:19px;height:43px}.mt-search input{font-size:10px}.mt-path-rail{gap:8px;grid-template-columns:repeat(6,minmax(0,1fr))}.mt-path{gap:5px;padding:10px 8px;min-height:66px}.mt-path small{display:none}.mt-path strong{font-size:10px}.mt-path>.mt-path-symbol{width:24px}.mt-path[aria-current=page]:after{top:7px;inset-inline-end:7px;width:4px;height:4px}.mt-status-tabs{gap:22px}.mt-toolbar-end{gap:10px}.mt-toolbar{min-height:66px;gap:15px}.mt-filter-toggle{padding-inline:11px;font-size:9px}.mt-saved-toggle{font-size:9px;gap:6px}.mt-status-tabs button{font-size:9px;min-height:60px}.mt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px}.mt-cover{height:310px}.mt-cover-caption h3{font-size:16px}.mt-card-meta{font-size:8px}.mt-meta-genre{font-size:8px}.mt-card-top{grid-template-columns:minmax(0,1fr) 43px}.mt-card-tool{width:35px}.mt-card-tool>span{font-size:7px}.mt-results-title h2{font-size:18px}.mt-results-title>span:last-child{font-size:8px;padding-inline-start:9px}.mt-result-tools{gap:17px}.mt-results-title{gap:9px}.mt-sort select{font-size:9px}.mt-top-paging{gap:6px}.mt-top-paging button{width:26px;height:28px}.mt-footer-tail>span{display:none}.mt-footer p{font-size:8px}html[dir=ltr] .catalog-presentation-story_path .mt-hero-copy h1{font-size:40px}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:15px}} @media(max-width:740px){.mt-shell{width:calc(100% - 36px)}.mt-header-inner{gap:22px}.mt-brand{font-size:26px}.mt-nav{gap:18px}.mt-nav button{font-size:9px}.mt-header-tools{gap:4px}.mt-avatar{margin-inline-start:0;width:31px;height:31px}.mt-header-tools .mt-icon-btn{width:30px;height:33px}.mt-language{width:27px;font-size:10px}.mt-opening{padding-top:19px}.mt-hero{gap:22px;grid-template-columns:1.04fr 1fr;padding-block:22px 24px}.mt-hero-copy h1{font-size:32px;line-height:1.5;letter-spacing:-1px}.mt-hero-copy .mt-eyebrow{font-size:9px;gap:7px}.mt-hero-copy .mt-eyebrow>.mt-icon{height:15px;width:15px}.mt-hero-description{font-size:9px;margin-top:9px}.mt-feature-scene{height:210px;border-radius:11px 27px 11px 11px}.mt-feature-body{bottom:15px;inset-inline:13px;gap:8px}.mt-feature-body h2{font-size:15px}.mt-feature-body .mt-feature-original{font-size:8px}.mt-feature-discover{width:30px;height:30px}.mt-feature-discover .mt-icon{width:16px;height:16px}.mt-feature-tag{top:12px;inset-inline-start:13px;font-size:7px;padding:3px 6px;gap:4px}.mt-feature-seal{display:none}.mt-feature-tag .mt-icon{width:10px;height:10px}.mt-feature-bottom{font-size:7px;padding-top:9px}.mt-feature-bottom span:last-child{gap:4px}.mt-feature-bottom .mt-icon{width:11px;height:11px}.mt-search{height:41px;padding-inline:11px;gap:8px;margin-top:16px}.mt-search input{font-size:9px}.mt-search>.mt-icon{height:15px;width:15px}.mt-search kbd{display:none}.mt-path-heading .mt-eyebrow{font-size:10px}.mt-path-note{font-size:8px;padding-inline-start:11px}.mt-path-rail{gap:7px;padding-bottom:20px}.mt-path{flex-direction:column;gap:5px;min-height:69px;justify-content:center;padding:8px 6px;text-align:center}.mt-path-symbol .mt-icon{width:21px;height:21px}.mt-path>.mt-path-symbol{height:23px;width:23px}.mt-path strong{font-size:9px}.mt-toolbar{flex-wrap:wrap;gap:0;padding-bottom:11px}.mt-status-tabs{min-height:53px;width:100%;justify-content:space-between;gap:22px}.mt-status-tabs button{min-height:53px;font-size:10px}.mt-toolbar-end{width:100%;justify-content:space-between;gap:15px;margin-top:10px}.mt-saved-toggle{font-size:10px;min-height:35px}.mt-filter-toggle{height:35px;font-size:10px;padding-inline:13px}.mt-filter-toggle .mt-icon{width:15px;height:15px}.mt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 17px}.mt-cover{height:325px}.mt-card-top{grid-template-columns:minmax(0,1fr) 43px}.mt-cover-caption h3{font-size:16px}.mt-card-tool{min-height:57px}.mt-card-meta{font-size:8px;padding:11px 13px}.mt-meta-genre{font-size:8px}.mt-results{padding-block:22px 19px;gap:13px}.mt-section-line{width:15px}.mt-results-title{gap:8px}.mt-results-title h2{font-size:17px}.mt-results-title>span:last-child{font-size:8px;gap:7px}.mt-sort select{font-size:8px;max-width:116px}.mt-sort{gap:5px}.mt-sort .mt-icon{height:12px;width:12px}.mt-result-tools{gap:12px}.mt-top-paging{display:none}.mt-filter-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mt-filters{padding:20px}.mt-ending{margin-block:30px 35px}.mt-footer-inner{gap:20px}.mt-footer-inner>div:first-child{gap:18px}.mt-footer p{font-size:8px;max-width:230px}.mt-footer .mt-brand{font-size:23px}.mt-footer-tail .mt-text-btn{font-size:8px;gap:6px}html[dir=ltr] .catalog-presentation-story_path .mt-hero-copy h1{font-size:34px;line-height:1.3}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:15px}html[dir=ltr] .catalog-presentation-story_path .mt-feature-body h2{font-size:15px}} @media(max-width:520px){.mt-header-inner{height:64px;gap:12px}.mt-nav{display:none}.mt-mobile-category{display:block;min-width:0;margin-inline-start:auto}.mt-mobile-category select{border:0;background:none;font-size:9px;max-width:128px;min-height:39px;color:var(--mt-muted);cursor:pointer}.mt-mobile-category option{background:var(--mt-panel);color:var(--mt-text)}.mt-header-tools{margin-inline-start:0;gap:1px}.mt-avatar{display:none}.mt-brand{font-size:24px}.mt-header-tools .mt-icon-btn{width:28px}.mt-language{width:25px}.mt-breadcrumb{font-size:8px;gap:7px}.mt-design-signature{font-size:6px;letter-spacing:1.2px}.mt-hero{grid-template-columns:1fr;gap:20px;padding-block:22px}.mt-hero-copy h1{font-size:36px;letter-spacing:-1.2px;margin-top:6px}.mt-hero-copy .mt-eyebrow{font-size:8px}.mt-hero-description{font-size:10px;max-width:350px;line-height:2;margin-top:7px}.mt-search{max-width:none;height:43px;margin-top:17px}.mt-search input{font-size:10px}.mt-hero-feature{padding:0}.mt-feature-route{display:none}.mt-feature-scene{height:105px;border-radius:12px;display:flex;align-items:center}.mt-feature-scene>img{position:absolute;width:39%;inset-inline-end:0;inset-block:0;object-fit:cover;object-position:center 30%}.mt-feature-scene:after{background:linear-gradient(to right,#0e162300,#0e1623 42%,#0e1623);inset:0}.mt-feature-tag{background:none;border:0;padding:0;top:12px;inset-inline-start:15px;color:#cebdab;font-size:7px}.mt-feature-tag .mt-icon{width:10px;height:10px}.mt-feature-body{inset-inline-start:15px;inset-inline-end:auto;max-width:68%;bottom:16px;align-items:center;gap:14px}.mt-feature-body h2{font-size:14px;max-width:190px;line-height:1.7}.mt-feature-body .mt-feature-original{font-size:8px;margin-top:2px}.mt-feature-discover{width:27px;height:27px;background:#ffffff13;border:1px solid #ffffff45;color:#fff}.mt-feature-discover .mt-icon{height:13px;width:13px}.mt-feature-bottom{display:none}.mt-feature-empty{height:105px;flex-direction:row;border-radius:12px;gap:13px;font-size:10px}.mt-feature-empty .mt-icon{height:25px;width:25px}.mt-path-note{display:none}.mt-path-heading{margin-bottom:10px}.mt-path-heading .mt-eyebrow{font-size:10px}.mt-path-heading .mt-text-btn{font-size:9px;min-height:27px}.mt-path-rail{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--mt-line) transparent;gap:7px;padding-bottom:16px;scroll-padding-inline:0}.mt-path{flex:0 0 calc((100% - 35px)/6);min-width:52px;min-height:65px;border-radius:10px;padding:8px 3px;gap:5px}.mt-path strong{font-size:8px}.mt-path-symbol .mt-icon{width:20px;height:20px}.mt-path>.mt-path-symbol{width:23px;height:23px}.mt-path[aria-current=page]:after{top:6px;inset-inline-end:6px;width:3px;height:3px}.mt-toolbar{padding-bottom:9px}.mt-status-tabs{gap:17px;min-height:49px}.mt-status-tabs button{min-height:49px;font-size:9px;gap:5px}.mt-status-tabs .mt-icon{width:13px;height:13px}.mt-status-tabs button>i{width:4px;height:4px}.mt-toolbar-end{margin-top:9px}.mt-saved-toggle{font-size:9px;min-height:33px}.mt-filter-toggle{height:34px;font-size:9px;padding-inline:12px}.mt-results{padding-block:22px 18px;align-items:center}.mt-results-title{gap:7px;flex-wrap:wrap;max-width:65%}.mt-section-line{width:12px}.mt-results-title h2{font-size:16px}.mt-results-title>span:last-child{font-size:8px;border:0;padding:0;margin-inline-start:19px;flex-basis:100%;margin-top:-4px}.mt-sort .mt-icon{display:none}.mt-sort select{font-size:8px;max-width:117px}.mt-grid{gap:16px 12px}.mt-card{border-radius:11px}.mt-card-top{grid-template-columns:minmax(0,1fr) 32px}.mt-cover{height:231px}.mt-cover-caption{inset-inline:10px;bottom:13px}.mt-cover-caption h3{font-size:12px;line-height:1.9;min-height:23px}.mt-original{font-size:7px;margin-top:3px}.mt-state{font-size:7px;margin-bottom:6px;gap:4px}.mt-state i{width:3px;height:3px}.mt-access{font-size:6.5px;inset-inline-start:8px;top:9px;padding:3px 5px;gap:3px;border-radius:4px}.mt-access .mt-icon{width:9px;height:9px}.mt-side{padding:6px 1px 10px;gap:3px}.mt-card-tool{width:28px;min-height:48px;border-radius:6px;gap:4px}.mt-card-tool>.mt-icon{height:14px;width:14px}.mt-card-tool>span{font-size:6px}.mt-card-tool[data-mode=promo]>.mt-icon{height:23px;width:23px;padding:4px}.mt-side-rule{width:12px;margin-block:1px}.mt-rail-end{gap:8px}.mt-rail-end .mt-icon{height:12px;width:12px}.mt-rail-end span{font-size:6px;letter-spacing:1.4px}.mt-card-meta{padding:9px 8px;min-height:36px;font-size:6.5px;gap:5px}.mt-meta-left{gap:4px}.mt-meta-genre{font-size:6.5px}.mt-filter-fields{gap:13px}.mt-filters{padding:17px}.mt-filter-fields label>span{font-size:9px}.mt-filter-fields select{height:38px;font-size:10px}.mt-filter-bottom{gap:12px;margin-top:16px;padding-top:10px}.mt-filter-bottom .mt-text-btn{font-size:9px}.mt-check{font-size:9px}.mt-check input{width:14px;height:14px}.mt-ending{margin-top:28px;border-radius:14px}.mt-footer{padding-block:25px}.mt-footer-inner{flex-direction:column;align-items:stretch;gap:17px}.mt-footer-inner>div:first-child{justify-content:space-between;gap:17px}.mt-footer p{max-width:205px;font-size:8px}.mt-footer-tail{border-top:1px solid var(--mt-line);padding-top:12px;justify-content:space-between;gap:15px}.mt-footer-tail>span{display:block;font-size:7px}.mt-footer-tail .mt-text-btn{min-height:27px;font-size:8px}.mt-empty{padding:41px 20px}.mt-empty h3{font-size:19px}.mt-empty p{font-size:10px}.mt-empty .mt-primary{font-size:10px}.mt-player-placeholder{gap:9px;padding:17px}.mt-player-placeholder>.mt-brand{font-size:20px}.mt-test-play{width:43px;height:43px}.mt-test-play .mt-icon{width:19px;height:19px}.mt-player-placeholder>span{font-size:8px}.catalog-presentation-story_path dialog.mt-dialog{padding:22px}.mt-dialog-head h2{font-size:20px}.mt-settings-section h3{font-size:11px}.mt-theme-grid{gap:7px}.mt-accent-choice{width:26px;height:26px}.mt-accents{gap:14px}.mt-toast{font-size:10px;width:max-content;max-width:calc(100% - 28px)}html[dir=ltr] .catalog-presentation-story_path .mt-hero-copy h1{font-size:39px;line-height:1.2;letter-spacing:-1.5px}html[dir=ltr] .catalog-presentation-story_path .mt-hero-feature{padding:0}html[dir=ltr] .catalog-presentation-story_path .mt-feature-scene{border-radius:12px}html[dir=ltr] .catalog-presentation-story_path .mt-feature-scene:after{background:linear-gradient(to left,#0e162300,#0e1623 42%,#0e1623)}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:11px;line-height:1.7}html[dir=ltr] .catalog-presentation-story_path .mt-original{font-size:7px}} @media(max-width:360px){.mt-shell{width:calc(100% - 26px)}.mt-header-inner{gap:8px}.mt-brand{font-size:22px}.mt-mobile-category select{max-width:113px;font-size:8px}.mt-language{width:22px}.mt-header-tools .mt-icon-btn{width:26px}.mt-design-signature{font-size:5.5px;letter-spacing:1px}.mt-hero-copy h1{font-size:32px}.mt-hero-description{font-size:9px}.mt-path{min-width:47px}.mt-path strong{font-size:7px}.mt-status-tabs{gap:11px}.mt-status-tabs button{font-size:8px}.mt-grid{gap:14px 9px}.mt-cover{height:220px}.mt-card-top{grid-template-columns:minmax(0,1fr) 29px}.mt-card-tool{width:25px;min-height:47px}.mt-card-tool>span{font-size:5.5px}.mt-cover-caption{inset-inline:8px}.mt-cover-caption h3{font-size:11px}.mt-original{font-size:6.5px}.mt-card-meta{padding:8px 6px;font-size:6px}.mt-meta-genre{font-size:6px}.mt-access{font-size:6px;inset-inline-start:6px;padding:2px 4px}.mt-results-title h2{font-size:15px}.mt-sort select{max-width:110px;font-size:7px}.mt-accent-choice{height:25px;width:25px}.mt-accents{gap:11px}} @media(prefers-reduced-motion:reduce){.catalog-presentation-story_path{scroll-behavior:auto}.catalog-presentation-story_path *, .catalog-presentation-story_path *:before, .catalog-presentation-story_path *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.mt-cover:hover img,.mt-feature-scene:hover>img,.mt-card:hover,.mt-path:hover,.mt-primary:hover,.mt-feature-scene:hover .mt-feature-discover{transform:none!important}} /* Final optical pass: tighter opening, larger action text, touch-oriented mobile rail. */ .mt-feature-bottom{display:none}.mt-feature-seal{font-size:8px}.mt-search input{font-size:12px}.mt-breadcrumb{font-size:10px}.mt-nav button{font-size:12px}.mt-path strong{font-size:12px}.mt-path small{font-size:9px}.mt-status-tabs button{font-size:11px}.mt-saved-toggle,.mt-filter-toggle{font-size:11px}.mt-results-title>span:last-child{font-size:10px}.mt-sort select{font-size:11px}.mt-card-tool>span{font-size:8px}.mt-card-meta,.mt-meta-genre{font-size:9px} @media(min-width:741px){.mt-opening{padding-top:20px}.mt-hero{padding-block:19px 22px}.mt-feature-scene{height:211px}.mt-hero-copy h1{line-height:1.32}.mt-hero-description{margin-top:9px;font-size:12px}.mt-search{margin-top:19px;height:44px}.mt-path-heading{margin-bottom:9px}.mt-path{min-height:65px}.mt-path-rail{padding-bottom:22px}.mt-results{padding-block:24px 20px}.mt-toolbar{min-height:66px}.mt-status-tabs button{min-height:61px}.mt-feature-body h2{font-size:21px}.mt-hero-feature{max-width:550px;width:100%;justify-self:end}.mt-cover-caption h3{font-size:17px}} @media(min-width:1200px){.mt-card-top{grid-template-columns:minmax(0,1fr) 47px}.mt-card-tool{width:39px;min-height:59px}.mt-card-tool>.mt-icon{width:18px;height:18px}.mt-cover{height:326px}.mt-card-meta{min-height:47px;padding-block:13px}} @media(max-width:1190px) and (min-width:741px){.mt-nav button{font-size:11px}.mt-path strong{font-size:11px}.mt-path small{font-size:8px}.mt-status-tabs button{font-size:10px}.mt-saved-toggle,.mt-filter-toggle{font-size:10px}.mt-sort select{font-size:10px}.mt-card-meta,.mt-meta-genre{font-size:8px}.mt-cover-caption h3{font-size:15px}} @media(max-width:1000px) and (min-width:741px){.mt-feature-scene{height:205px}.mt-path strong{font-size:10px}.mt-hero-description{font-size:11px}.mt-search input{font-size:11px}.mt-feature-body h2{font-size:18px}.mt-hero-copy h1{font-size:37px}.mt-card-tool>span{font-size:7px}} @media(max-width:740px){.mt-search input{font-size:10px}.mt-nav button{font-size:10px}.mt-path strong{font-size:10px}.mt-status-tabs button{font-size:10px}.mt-saved-toggle,.mt-filter-toggle{font-size:10px}.mt-sort select{font-size:9px}.mt-card-tool>span{font-size:7px}.mt-results-title>span:last-child{font-size:9px}.mt-breadcrumb{font-size:9px}} @media(max-width:520px){.mt-opening{padding-top:17px}.mt-hero{padding-block:17px 19px;gap:16px}.mt-hero-copy h1{font-size:34px}.mt-hero-description{font-size:10px}.mt-search{margin-top:14px}.mt-feature-scene{height:83px}.mt-feature-body{bottom:11px}.mt-feature-tag{top:8px;font-size:6.5px}.mt-feature-body h2{font-size:13px}.mt-feature-body .mt-feature-original{font-size:7px}.mt-path-heading{margin-bottom:8px}.mt-path-heading .mt-text-btn{min-height:25px}.mt-path{min-height:62px}.mt-path strong{font-size:8px}.mt-toolbar{flex-wrap:nowrap;padding:0;gap:10px;min-height:59px}.mt-status-tabs{min-height:59px;width:auto;flex:1;gap:11px;justify-content:space-between}.mt-status-tabs button{min-height:59px;font-size:8px;gap:4px}.mt-status-tabs button .mt-icon{display:none}.mt-toolbar-end{width:auto;margin:0;gap:4px}.mt-saved-toggle{padding:0;width:29px;min-height:35px;justify-content:center}.mt-saved-toggle>span,.mt-saved-toggle>b{display:none}.mt-filter-toggle{padding:0;width:32px;height:33px;border-color:var(--mt-line);justify-content:center}.mt-filter-toggle>span{display:none}.mt-filter-toggle>b{position:absolute;top:7px;inset-inline-end:-3px;font-size:7px;min-width:13px;height:13px}.mt-filter-toggle{position:relative}.mt-results-title>span:last-child{font-size:8px}.mt-sort select{font-size:8px}.mt-card-top{display:flex;flex-direction:column}.mt-cover{height:244px}.mt-cover-caption{inset-inline:12px;bottom:13px}.mt-cover-caption h3{font-size:13px;line-height:1.85}.mt-original{font-size:8px}.mt-access{font-size:7.5px;padding:3px 6px;inset-inline-start:10px;top:10px}.mt-access .mt-icon{width:10px;height:10px}.mt-state{font-size:8px}.mt-side{flex-direction:row;border-inline-start:0;border-top:1px solid var(--mt-line);padding:2px 3px;gap:0;min-height:43px}.mt-card-tool{flex:1;min-height:38px;width:auto;flex-direction:row;gap:4px}.mt-card-tool>.mt-icon{height:16px;width:16px}.mt-card-tool>span{display:none}.mt-card-tool[data-mode=promo]>.mt-icon{height:26px;width:26px;padding:5px}.mt-side-rule{width:1px;height:17px;flex:none;margin:0 2px}.mt-rail-end{display:none}.mt-card-meta{padding:10px 9px;min-height:38px;font-size:8px;gap:6px}.mt-meta-genre{font-size:8px}.mt-meta-left{gap:5px}.mt-card{border-radius:11px}.mt-breadcrumb{font-size:8px}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:12px}html[dir=ltr] .catalog-presentation-story_path .mt-original{font-size:8px}html[dir=ltr] .catalog-presentation-story_path .mt-status-tabs button{font-size:8px}} @media(max-width:360px){.mt-status-tabs{gap:7px}.mt-status-tabs button{font-size:7.5px;gap:3px}.mt-toolbar{gap:7px}.mt-filter-toggle{width:28px;height:31px}.mt-saved-toggle{width:27px}.mt-hero-copy h1{font-size:31px}.mt-cover{height:232px}.mt-cover-caption{inset-inline:9px}.mt-cover-caption h3{font-size:12px}.mt-card-meta{font-size:7px;padding:9px 7px}.mt-meta-genre{font-size:7px}.mt-original{font-size:7px}.mt-path strong{font-size:7px}html[dir=ltr] .catalog-presentation-story_path .mt-status-tabs button{font-size:7px}html[dir=ltr] .catalog-presentation-story_path .mt-cover-caption h3{font-size:11px}} /* V2.1 — keep the Story Path identity; refine discovery, not the page shell. */ /* Deliberately quiet pagination. No outro banner, next-title teaser or range cards. */ .mt-ending{margin-block:39px 47px;background:none;border:0;border-top:1px solid var(--mt-line);border-radius:0;overflow:visible;position:relative} .mt-ending:before{content:"";position:absolute;top:-1px;inset-inline-start:0;width:52px;height:2px;background:var(--mt-accent-text)} .mt-clean-nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding-block:24px 21px} .mt-clean-direction{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:9px 18px;border:1px solid var(--mt-line);border-radius:10px;font-size:12px;font-weight:500;width:max-content;transition:color .2s,background .2s,border-color .2s} .mt-clean-direction.is-next{justify-self:end;color:var(--mt-accent-text);background:var(--mt-soft);border-color:var(--mt-ring)} .mt-clean-direction .mt-icon{width:18px;height:18px}.mt-clean-direction:hover:not(:disabled){color:var(--mt-accent-text);border-color:var(--mt-accent-text);background:var(--mt-soft)} .mt-clean-direction:disabled{opacity:.35;background:none;color:var(--mt-muted);border-color:var(--mt-line)} .mt-clean-numbers{display:flex;align-items:center;justify-content:center;gap:7px} .mt-clean-number{width:41px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:10px;font:12px Arial,sans-serif;color:var(--mt-muted);border:1px solid transparent;position:relative} .mt-clean-number:hover{background:var(--mt-panel);color:var(--mt-text);border-color:var(--mt-line)} .mt-clean-number[aria-current=page]{background:var(--mt-accent);color:var(--mt-on);font-weight:700;border-color:var(--mt-accent)} .mt-clean-ellipsis{padding-inline:6px;color:var(--mt-faint);font:14px Arial,sans-serif} .mt-clean-foot{padding-top:15px;border-top:1px solid var(--mt-line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:var(--mt-faint)} .mt-clean-range{display:flex;align-items:center;gap:15px;flex-wrap:wrap;line-height:1.8} .mt-results-end{display:inline-flex;align-items:center;gap:5px;color:var(--mt-accent-text);font-size:9px} .mt-results-end .mt-icon{width:13px;height:13px} .mt-clean-foot-actions{display:flex;align-items:center;gap:17px;flex:none} .mt-jump-toggle{font-size:10px;display:flex;align-items:center;gap:8px;min-height:38px;color:var(--mt-muted);border-radius:6px} .mt-jump-toggle .mt-icon{width:13px;height:13px;transition:transform .2s}.mt-jump-toggle[aria-expanded=true]{color:var(--mt-accent-text)}.mt-jump-toggle[aria-expanded=true] .mt-icon{transform:rotate(180deg)} .mt-jump-toggle:disabled{opacity:1;color:var(--mt-faint)}.mt-jump-toggle:disabled .mt-icon{display:none} .mt-foot-separator{width:1px;height:15px;background:var(--mt-line)} .mt-clean-foot .mt-text-btn{font-size:10px;min-height:38px;gap:7px}.mt-clean-foot .mt-text-btn .mt-icon{width:14px;height:14px} .mt-clean-jump{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px 26px;padding:18px 22px;margin-top:16px;margin-inline-start:auto;width:min(480px,100%);border:1px solid var(--mt-line);background:var(--mt-panel);border-radius:11px} .mt-clean-jump label{font-size:12px;font-weight:500}.mt-clean-jump p{font-size:9px;color:var(--mt-muted);margin-top:3px} .mt-clean-jump-entry{display:flex;align-items:center;gap:8px}.mt-clean-jump input{width:61px;height:42px;padding:8px;border:1px solid var(--mt-line);background:var(--mt-bg);border-radius:7px;text-align:center;font:14px Arial,sans-serif} .mt-clean-jump input[aria-invalid=true]{border-color:#dd7777}.mt-clean-jump .mt-primary{min-height:42px;padding:8px 12px;font-size:10px;gap:8px;border-radius:7px}.mt-clean-jump .mt-primary .mt-icon{width:15px;height:15px}.mt-clean-jump .mt-icon-btn{width:32px;height:40px;border:0}.mt-clean-jump .mt-icon-btn .mt-icon{width:15px;height:15px} .mt-clean-jump .mt-jump-error{flex-basis:100%;margin:0;font-size:10px;color:var(--mt-accent-text)} /* Two densities retain the same records, stable ordering and finite page size. */ .mt-result-tools{gap:15px}.mt-density{display:flex;align-items:center;gap:2px;background:var(--mt-panel);border:1px solid var(--mt-line);border-radius:9px;padding:3px} .mt-density button{min-height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;padding-inline:9px;color:var(--mt-faint);font-size:9px;white-space:nowrap} .mt-density button .mt-icon{width:15px;height:15px}.mt-density button[aria-pressed=true]{color:var(--mt-accent-text);background:var(--mt-soft)} .mt-density button:hover{color:var(--mt-accent-text)} .mt-card[data-selected=true]{outline:1px solid var(--mt-accent-text);outline-offset:4px;box-shadow:0 0 0 5px var(--mt-soft)} .mt-card[data-selected=true]:hover{transform:none}.mt-card[data-last-explored=true]:not([data-selected=true]){border-color:var(--mt-ring)} .mt-card-tool[aria-expanded=true]{background:var(--mt-soft);color:var(--mt-accent-text);position:relative} .mt-card-tool[aria-expanded=true]:after{content:"";position:absolute;inset-inline-end:0;top:27%;height:46%;width:2px;border-radius:2px;background:var(--mt-accent-text)} .mt-last-mark{display:flex;align-items:center;gap:4px;min-width:0;color:var(--mt-accent-text);font-size:8px;white-space:nowrap}.mt-last-mark .mt-icon{width:12px;height:12px;flex:none} .mt-fav-feedback{position:absolute;inset-inline:12px;bottom:54px;padding:10px 11px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--mt-ring);border-radius:8px;background:var(--mt-panel);color:var(--mt-text);box-shadow:var(--mt-shadow);z-index:5;font-size:10px;pointer-events:none;animation:mt-peek-enter .18s ease-out} .mt-fav-feedback .mt-icon{width:14px;height:14px;color:var(--mt-accent-text)} @media(min-width:1200px){ .mt-grid[data-density=dense]{grid-template-columns:repeat(5,minmax(0,1fr));gap:23px 17px} .mt-grid[data-density=dense] .mt-card-top{grid-template-columns:minmax(0,1fr) 42px} .mt-grid[data-density=dense] .mt-cover{height:283px} .mt-grid[data-density=dense] .mt-cover-caption{inset-inline:12px;bottom:15px} .mt-grid[data-density=dense] .mt-cover-caption h3{font-size:14px} .mt-grid[data-density=dense] .mt-card-tool{width:34px;min-height:53px} .mt-grid[data-density=dense] .mt-card-meta{padding:12px 10px;min-height:43px;font-size:8px} .mt-grid[data-density=dense] .mt-meta-genre{font-size:8px} } @media(min-width:741px) and (max-width:1199px){ .mt-grid[data-density=dense]{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 14px} .mt-grid[data-density=dense] .mt-card-top{grid-template-columns:minmax(0,1fr) 36px} .mt-grid[data-density=dense] .mt-cover{height:268px} .mt-grid[data-density=dense] .mt-cover-caption{inset-inline:9px;bottom:14px} .mt-grid[data-density=dense] .mt-cover-caption h3{font-size:12px} .mt-grid[data-density=dense] .mt-card-tool{width:30px;min-height:48px} .mt-grid[data-density=dense] .mt-card-tool>span{font-size:6.5px} .mt-grid[data-density=dense] .mt-card-meta{padding-inline:8px;font-size:7px} .mt-grid[data-density=dense] .mt-meta-genre{font-size:7px} .mt-grid[data-density=dense] .mt-card-meta .mt-last-mark{font-size:7px} } @media(max-width:960px){.mt-density button>span{display:none}.mt-density button{padding-inline:8px;min-height:33px}.mt-result-tools{gap:10px}.mt-top-paging{gap:6px}} @media(max-width:740px){ .mt-results{flex-wrap:wrap;gap:13px;padding-block:22px 19px}.mt-results-title{flex-basis:100%;justify-content:flex-start} .mt-result-tools{width:100%;justify-content:space-between;gap:12px}.mt-density{margin-inline-start:auto}.mt-density button>span{display:inline}.mt-density button{font-size:8px;min-height:32px;padding-inline:8px;gap:5px} .mt-top-paging{border-inline-start:1px solid var(--mt-line);padding-inline-start:12px} .mt-clean-nav{gap:14px;padding-block:21px 18px}.mt-clean-direction{font-size:10px;gap:7px;padding-inline:12px;min-height:43px} .mt-clean-direction .mt-icon{width:16px;height:16px}.mt-clean-number{width:35px;height:41px;font-size:11px}.mt-clean-numbers{gap:4px} .mt-clean-foot{gap:10px;align-items:flex-start;flex-wrap:wrap;font-size:9px;padding-top:12px} .mt-clean-foot-actions{margin-inline-start:auto;gap:13px}.mt-jump-toggle,.mt-clean-foot .mt-text-btn{font-size:9px} .mt-clean-range{gap:10px;min-height:34px;align-items:center}.mt-clean-foot .mt-text-btn span{display:none} .mt-clean-foot .mt-text-btn{width:29px}.mt-ending{margin-block:28px 31px} .mt-grid[data-density=dense]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px} .mt-grid[data-density=dense] .mt-cover{height:235px}.mt-grid[data-density=dense] .mt-card-meta{padding-block:8px;min-height:32px} } @media(max-width:520px){ .mt-card-tool[aria-expanded=true]:after{inset-inline:26%;bottom:2px;top:auto;height:2px;width:auto} .mt-clean-number{width:31px;height:40px}.mt-clean-direction{font-size:9px;padding-inline:8px;gap:5px;min-height:42px;border-radius:8px} .mt-clean-nav{gap:7px}.mt-clean-direction .mt-icon{width:15px;height:15px}.mt-clean-numbers{gap:2px} .mt-clean-number.is-distant,.mt-clean-ellipsis{display:none} .mt-clean-jump{padding:16px;gap:13px}.mt-clean-jump-entry{gap:6px}.mt-clean-jump label{font-size:11px}.mt-clean-jump input{width:49px}.mt-clean-jump .mt-primary{font-size:9px;padding-inline:10px} .mt-clean-range{font-size:8px}.mt-clean-foot{gap:5px}.mt-clean-foot-actions{gap:10px}.mt-jump-toggle{font-size:8px;gap:4px} .mt-density button{padding-inline:7px;gap:5px}.mt-density .mt-icon{height:14px;width:14px}.mt-density button>span{font-size:8px}.mt-top-paging{padding-inline-start:9px;gap:4px}.mt-top-paging>button,.mt-top-paging>.mt-top-page-control{width:27px;height:31px} .mt-sort select{max-width:118px;font-size:9px}.mt-results-title>span:last-child{font-size:9px} .mt-last-mark{font-size:7px;gap:3px}.mt-last-mark .mt-icon{height:11px;width:11px}.mt-fav-feedback{font-size:8px;padding:8px 6px;inset-inline:7px;bottom:83px;gap:5px} .mt-grid[data-density=dense] .mt-cover{height:202px}.mt-grid[data-density=dense] .mt-cover-caption h3{font-size:12px}.mt-grid[data-density=dense] .mt-state{font-size:7px}.mt-grid[data-density=dense] .mt-cover-caption{bottom:10px;inset-inline:10px} } @media(max-width:360px){.mt-density button>span{display:none}.mt-density button{padding-inline:7px}.mt-result-tools{gap:6px}.mt-clean-jump{justify-content:center;text-align:center}.mt-clean-foot-actions{gap:7px}.mt-clean-number{width:28px}.mt-clean-direction{font-size:8px}.mt-clean-direction .mt-icon{width:13px;height:13px}.mt-last-mark{font-size:6.5px}.mt-grid[data-density=dense] .mt-cover{height:195px}} @media(prefers-reduced-motion:reduce){.mt-fav-feedback{animation:none!important}} /* A trailer uses a short title bar, not the story's editorial header. */ @media(max-width:520px){} /* V2.2 / THE COVER WING — lateral, book-like pairing with the actual poster. Root coordinates come from physical card geometry, never locale assumptions. No above/below placement and no card-grid reflow. */ .mt-card[data-selected=true]{z-index:44;transform:none!important;border-color:var(--mt-ring);box-shadow:0 0 0 1px var(--mt-ring),0 16px 32px #0003} .mt-card[data-selected=true] .mt-cover img{transform:none!important} .mt-card[data-selected=true]:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--mt-accent-text);z-index:8;pointer-events:none;opacity:.9} .mt-card[data-selected=true] .mt-card-tool[aria-expanded=true]{color:var(--mt-accent-text);background:var(--mt-soft)} .mt-peek{position:absolute;z-index:43;isolation:isolate;outline:none!important;color:var(--mt-text);width:410px;height:326px;max-width:none;--mt-wing-radius:16px;--mt-open-shift:9px;transition:width .19s ease,height .19s ease;filter:drop-shadow(0 16px 28px #0003)} .mt-peek.is-opening{animation:mt-wing-unfold .23s ease-out both} .mt-peek[data-placement=right]{--mt-open-shift:-9px} @keyframes mt-wing-unfold{from{opacity:0;transform:translateX(var(--mt-open-shift))}to{opacity:1;transform:none}} .mt-peek-surface{height:100%;background:var(--mt-panel);border:1px solid var(--mt-ring);border-top-color:var(--mt-accent-text);border-radius:var(--mt-wing-radius);overflow:hidden;box-shadow:0 14px 38px #0002;position:relative} .mt-peek[data-placement=left] .mt-peek-surface{border-radius:16px 5px 5px 16px} .mt-peek[data-placement=right] .mt-peek-surface{border-radius:5px 16px 16px 5px} .mt-peek-surface:before{content:'';position:absolute;top:0;height:1px;left:0;right:0;background:var(--mt-accent-text);opacity:.5;pointer-events:none;z-index:2} .mt-wing-bridge{position:absolute;top:0;width:14px;height:var(--mt-seam-height,326px);background:linear-gradient(90deg,color-mix(in srgb,var(--mt-panel) 96%,transparent),color-mix(in srgb,var(--mt-bg) 92%,transparent));border-block:1px solid var(--mt-ring);z-index:-1;pointer-events:none} .mt-peek[data-placement=left] .mt-wing-bridge{right:-13px;border-top-color:var(--mt-accent-text)} .mt-peek[data-placement=right] .mt-wing-bridge{left:-13px;border-top-color:var(--mt-accent-text)} .mt-wing-bridge:before,.mt-wing-bridge:after{content:'';position:absolute;left:3px;right:3px;height:2px;border-radius:2px;background:var(--mt-accent-text);opacity:.7} .mt-wing-bridge:before{top:24px}.mt-wing-bridge:after{bottom:24px} .mt-wing-content{height:100%;display:flex;flex-direction:column;min-width:0;min-height:0} .mt-wing-cover{display:none} .mt-peek-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 20px 9px;flex:none;min-width:0} .mt-wing-title-group{min-width:0;flex:1} .mt-peek-kicker{display:flex;align-items:center;gap:6px;font-size:8px;color:var(--mt-accent-text);margin-bottom:3px;line-height:1.6} .mt-peek-kicker .mt-icon{height:13px;width:13px} .mt-peek-heading h2{font-size:19px;font-weight:600;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} .mt-peek-original{font:9px/1.5 Arial,sans-serif;color:var(--mt-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 0} html[dir=rtl] .catalog-presentation-story_path .mt-peek-original{text-align:right}html[dir=ltr] .catalog-presentation-story_path .mt-peek-original{text-align:left;font-family:Alexandria,'Noto Sans Arabic',Tahoma,sans-serif;font-size:8px} .mt-peek-close{border:1px solid var(--mt-line);border-radius:50%;height:31px;width:31px;flex:none;display:flex;align-items:center;justify-content:center;color:var(--mt-muted);background:var(--mt-bg);transition:background .18s,color .18s} .mt-peek-close .mt-icon{height:14px;width:14px}.mt-peek-close:hover{border-color:var(--mt-ring);color:var(--mt-accent-text);background:var(--mt-soft)} .mt-peek-tabbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-inline:20px;border-block:1px solid var(--mt-line);flex:none;min-width:0} .mt-peek-tabs{display:flex;align-items:center;gap:20px} .mt-peek-tabs button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;font-size:10px;white-space:nowrap;color:var(--mt-muted);padding:0 2px} .mt-peek-tabs button .mt-icon{width:14px;height:14px} .mt-peek-tabs button[aria-selected=true]{color:var(--mt-accent-text)} .mt-peek-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;inset-inline:0;height:2px;background:var(--mt-accent-text)} .mt-peek-format{font-size:8px;color:var(--mt-faint)} .mt-peek-body{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;gap:9px;padding:11px 20px 10px} .mt-peek-genres{display:flex;align-items:center;flex-wrap:wrap;gap:7px;flex:none} .mt-peek-genres span{font-size:8px;line-height:1.6;padding:2px 7px;border:1px solid var(--mt-line);border-radius:4px;color:var(--mt-muted)} .mt-peek-story{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--mt-ring) transparent;font-size:13px;line-height:2.12;white-space:normal;outline-offset:2px;padding-inline-end:8px} .mt-peek-story p{margin:0} .mt-wing-scroll-note{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--mt-accent-text);line-height:1.6;flex:none;margin-top:-3px} .mt-wing-scroll-note .mt-icon{width:11px;height:11px}.mt-wing-scroll-note.at-end{color:var(--mt-faint)} .mt-peek-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;border-top:1px solid var(--mt-line);padding-top:8px;flex:none;color:var(--mt-muted)} .mt-peek-facts>span{display:flex;align-items:center;gap:5px;font-size:9px;line-height:1.7} .mt-peek-facts .mt-icon{height:12px;width:12px;color:var(--mt-faint)} .mt-peek-work-action{flex:none;display:flex;padding:3px 0 1px} .mt-peek-work-action .mt-primary{min-height:33px;font-size:10px;padding:7px 13px} .mt-peek-work-action .mt-icon{height:13px;width:13px} .mt-peek-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 20px;background:color-mix(in srgb,var(--mt-bg) 45%,transparent);border-top:1px solid var(--mt-line);flex:none;min-height:28px} .mt-wing-footnote{display:flex;align-items:center;gap:5px;color:var(--mt-faint);font-size:8px;line-height:1.65;min-width:0} .mt-wing-footnote .mt-icon{height:11px;width:11px;flex:none} .mt-wing-escape{color:var(--mt-faint);font:8px/1.4 Arial,sans-serif}.mt-wing-escape kbd{border:1px solid var(--mt-line);border-radius:3px;padding:1px 3px;font:inherit} /* Trailer: title + mode controls in a single compact header, so the 16:9 screen stays near the height of the selected cover. */ .mt-peek[data-mode=promo] .mt-peek-heading{height:54px;padding:8px 12px;align-items:center;gap:12px} .mt-peek[data-mode=promo] .mt-peek-heading h2{font-size:16px;line-height:1.5;-webkit-line-clamp:1} .mt-peek[data-mode=promo] .mt-peek-original{font-size:8px;line-height:1.4} .mt-peek[data-mode=promo] .mt-peek-close{width:29px;height:29px} .mt-peek[data-mode=promo] .mt-peek-tabbar{margin:0;border:0;flex:none} .mt-peek[data-mode=promo] .mt-peek-tabs{gap:3px;background:var(--mt-bg);padding:3px;border-radius:6px;border:1px solid var(--mt-line)} .mt-peek[data-mode=promo] .mt-peek-tabs button{font-size:9px;gap:5px;min-height:28px;padding-inline:7px;border-radius:4px} .mt-peek[data-mode=promo] .mt-peek-tabs button .mt-icon{width:12px;height:12px} .mt-peek[data-mode=promo] .mt-peek-tabs button[aria-selected=true]{background:var(--mt-soft)} .mt-peek[data-mode=promo] .mt-peek-tabs button[aria-selected=true]:after{display:none} .mt-peek[data-mode=promo] .mt-peek-body{padding:0 11px 5px;display:flex;justify-content:center;gap:0} .mt-peek .mt-player-frame{position:relative;width:100%;height:auto;aspect-ratio:16/9;background:#080e15;border-radius:7px;overflow:hidden;flex:none} .mt-peek .mt-player-frame video{width:100%;height:100%;object-fit:contain;display:block;background:#080e15} .mt-peek .mt-player-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;background:radial-gradient(ellipse at 50% 50%,#263243 0%,#0b121c 72%);padding:16px;color:#e6eef6} .mt-wing-player-wordmark{font:800 italic 23px/1 Arial,sans-serif;letter-spacing:-1px;color:#e6edf6;direction:ltr;opacity:.8}.mt-wing-player-wordmark>span{color:var(--mt-accent)} .mt-peek .mt-test-play{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:var(--mt-accent);color:var(--mt-on);border-radius:50%;box-shadow:0 0 0 7px #ffffff07,0 0 0 8px #ffffff10;transition:transform .2s} .mt-peek .mt-test-play .mt-icon{width:22px;height:22px}.mt-peek .mt-test-play:hover{transform:scale(1.045)} .mt-peek .mt-player-placeholder>span:last-of-type{font-size:9px;letter-spacing:0} .mt-player-corner{position:absolute;width:17px;height:17px;border-color:#ffffff30;border-style:solid;border-width:0;pointer-events:none} .mt-player-corner.top-start{top:12px;left:12px;border-top-width:1px;border-left-width:1px}.mt-player-corner.bottom-end{bottom:12px;right:12px;border-bottom-width:1px;border-right-width:1px} .mt-peek[data-mode=promo] .mt-peek-footer{padding:2px 12px;min-height:28px} .mt-peek-player-tools{display:flex;align-items:center;gap:8px;flex:none} .mt-wing-player-tool{display:flex;justify-content:center;align-items:center;gap:5px;min-width:28px;min-height:26px;border-radius:4px;font-size:8px;color:var(--mt-muted)} .mt-wing-player-tool:hover{color:var(--mt-accent-text);background:var(--mt-soft)}.mt-wing-player-tool .mt-icon{width:13px;height:13px} .mt-peek .mt-player-frame:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;max-width:none;background:#080e15;border-radius:0;display:flex;align-items:center;justify-content:center} .mt-peek .mt-player-frame:fullscreen video{width:100%;height:100%;object-fit:contain} .mt-peek .mt-player-frame:fullscreen .mt-player-placeholder{inset:0} /* Narrow screens: a centered native dialog containing a thumbnail BESIDE the reading/player wing. It is never a bottom sheet or a row below the poster. */ .catalog-presentation-story_path dialog.mt-focus-host{width:var(--mt-focus-width,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:15px;margin:auto;background:none;color:var(--mt-text);overflow:visible;box-shadow:0 24px 90px #0005} .catalog-presentation-story_path dialog.mt-focus-host::backdrop{background:#080e188c;backdrop-filter:none} .catalog-presentation-story_path:has(#mt-focus-host[open]){overflow:hidden} .mt-peek.is-focused{position:relative!important;inset:auto!important;max-width:none;filter:none;transition:width .19s ease,height .19s ease} .mt-peek.is-focused .mt-wing-bridge{display:none} .mt-peek.is-focused .mt-peek-surface{display:grid;grid-template-columns:var(--mt-focus-cover,100px) minmax(0,1fr);border-radius:15px} .mt-peek.is-focused .mt-wing-cover{display:flex;flex-direction:column;gap:11px;padding:14px 9px;background:linear-gradient(180deg,var(--mt-surface),var(--mt-panel));border-inline-end:1px solid var(--mt-line);min-width:0} .mt-focus-poster{position:relative;border:1px solid var(--mt-ring);border-radius:6px;overflow:hidden;box-shadow:0 7px 15px #0003} .mt-focus-poster img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center 25%;display:block} .mt-focus-cover-tag{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 2px;font-size:7px;background:var(--mt-panel);color:var(--mt-gold)} .mt-focus-cover-tag .mt-icon{width:10px;height:10px} .mt-focus-cover-label{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:8px;line-height:1.9;text-align:center;color:var(--mt-muted);padding-top:7px} .mt-focus-cover-label .mt-icon{height:22px;width:22px;color:var(--mt-accent-text)} .mt-focus-year{font:9px/1.6 Arial,sans-serif;letter-spacing:1.5px;color:var(--mt-faint);text-align:center;margin-top:auto;padding-bottom:1px} .mt-peek.is-focused .mt-peek-heading{padding:16px 14px 10px;gap:9px}.mt-peek.is-focused .mt-peek-heading h2{font-size:19px} .mt-peek.is-focused .mt-peek-tabbar{margin-inline:14px} .mt-peek.is-focused .mt-peek-body{padding:12px 14px 11px}.mt-peek.is-focused .mt-peek-footer{padding:8px 14px} .mt-peek.is-focused .mt-peek-story{font-size:13px;line-height:2.1} .mt-peek.is-focused[data-mode=promo] .mt-peek-heading{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto;padding:12px;gap:9px} .mt-peek.is-focused[data-mode=promo] .mt-peek-heading .mt-wing-title-group{grid-row:1;grid-column:1} .mt-peek.is-focused[data-mode=promo] .mt-peek-close{grid-row:1;grid-column:2;align-self:start} .mt-peek.is-focused[data-mode=promo] .mt-peek-tabbar{grid-row:2;grid-column:1/-1;margin:0} .mt-peek.is-focused[data-mode=promo] .mt-peek-heading h2{font-size:16px;-webkit-line-clamp:1} .mt-peek.is-focused[data-mode=promo] .mt-peek-body{padding:0 11px 7px} .mt-peek.is-focused[data-mode=promo] .mt-peek-footer{padding:6px 11px;flex-wrap:wrap;gap:3px 8px} .mt-peek.is-focused[data-mode=promo] .mt-peek-player-tools{margin-inline-start:auto} @media(max-width:460px){ .mt-peek.is-focused .mt-wing-cover{padding:12px 7px;gap:12px} .mt-peek.is-focused .mt-peek-heading{padding:14px 12px 9px;gap:7px} .mt-peek.is-focused .mt-peek-kicker{font-size:7px;gap:4px}.mt-peek.is-focused .mt-peek-kicker .mt-icon{width:11px;height:11px} .mt-peek.is-focused .mt-peek-heading h2{font-size:16px;line-height:1.75} .mt-peek.is-focused .mt-peek-close{width:29px;height:29px}.mt-peek.is-focused .mt-peek-close .mt-icon{width:13px;height:13px} .mt-peek.is-focused .mt-peek-original{font-size:8px} .mt-peek.is-focused .mt-peek-tabbar{margin-inline:12px}.mt-peek.is-focused .mt-peek-tabs{gap:15px} .mt-peek.is-focused .mt-peek-tabs button{font-size:9px;min-height:37px;gap:5px} .mt-peek.is-focused .mt-peek-format{display:none} .mt-peek.is-focused .mt-peek-body{padding:11px 12px 10px;gap:9px} .mt-peek.is-focused .mt-peek-story{font-size:12.5px;line-height:2.05;padding-inline-end:5px} .mt-peek.is-focused .mt-peek-genres{gap:5px}.mt-peek.is-focused .mt-peek-genres span{font-size:7.5px;padding-inline:6px} .mt-peek.is-focused .mt-peek-facts{gap:7px 11px}.mt-peek.is-focused .mt-peek-facts>span{font-size:8px} .mt-peek.is-focused .mt-peek-footer{padding:7px 12px;min-height:29px}.mt-peek.is-focused .mt-wing-footnote{font-size:7px} .mt-peek.is-focused .mt-wing-escape{display:none} .mt-peek.is-focused .mt-wing-scroll-note{font-size:7px;gap:4px} .mt-peek.is-focused[data-mode=promo] .mt-peek-heading{padding:11px;gap:8px} .mt-peek.is-focused[data-mode=promo] .mt-peek-heading h2{font-size:14px} .mt-peek.is-focused[data-mode=promo] .mt-peek-tabs{gap:3px}.mt-peek.is-focused[data-mode=promo] .mt-peek-tabs button{font-size:8px;min-height:29px;padding-inline:10px} .mt-peek.is-focused[data-mode=promo] .mt-peek-body{padding:0 9px 5px;justify-content:center} .mt-peek.is-focused[data-mode=promo] .mt-player-placeholder{gap:10px;padding:12px} .mt-peek.is-focused[data-mode=promo] .mt-wing-player-wordmark{font-size:17px} .mt-peek.is-focused[data-mode=promo] .mt-test-play{width:37px;height:37px;box-shadow:0 0 0 5px #ffffff09} .mt-peek.is-focused[data-mode=promo] .mt-test-play .mt-icon{width:17px;height:17px} .mt-peek.is-focused[data-mode=promo] .mt-player-placeholder>span:last-of-type{font-size:8px} .mt-peek.is-focused[data-mode=promo] .mt-peek-footer{padding:6px 10px;gap:4px;min-height:39px;align-items:center} .mt-peek.is-focused[data-mode=promo] .mt-wing-footnote{max-width:135px;line-height:1.8} .mt-peek.is-focused[data-mode=promo] .mt-wing-player-tool{min-height:30px;min-width:27px} .mt-peek.is-focused[data-mode=promo] .mt-wing-player-tool span{display:none} .mt-peek.is-focused[data-mode=promo] .mt-focus-cover-label{font-size:7px} } @media(prefers-reduced-motion:reduce){.mt-peek{animation:none!important;transition:none!important}.mt-peek .mt-test-play{transition:none!important}} /* Optical balance: one selection outline; the wing completes the cover's frame. */ .mt-card[data-selected=true]{outline:0;outline-offset:0} .mt-peek .mt-player-placeholder>.mt-wing-player-wordmark{font:800 italic 23px/1 Arial,sans-serif;letter-spacing:-1px;color:#e6edf6} @media(max-width:460px){.mt-peek.is-focused .mt-player-placeholder>.mt-wing-player-wordmark{font-size:17px}} /* Cancel hover translation immediately before measuring the selected card. */ .mt-card[data-selected=true]{transition-property:border-color,box-shadow} /* v1.2 — reserve the fixed announcement/header stack so catalog content never renders behind it. */ .catalog-presentation-behind_cover,.catalog-presentation-story_path{padding-top:var(--studio-shell-clearance,148px)} .catalog-presentation-behind_cover .bc-toolbar-wrap,.catalog-presentation-story_path .mt-toolbar-wrap{top:var(--studio-shell-clearance,148px);z-index:45} @media(max-width:820px){.catalog-presentation-behind_cover,.catalog-presentation-story_path{padding-top:var(--studio-shell-clearance,124px)}.catalog-presentation-behind_cover .bc-toolbar-wrap,.catalog-presentation-story_path .mt-toolbar-wrap{top:var(--studio-shell-clearance,124px)}} /* v1.2 fixed shell clearance */ .catalog-presentation-behind_cover,.catalog-presentation-story_path{padding-top:var(--studio-shell-clearance,148px)} .catalog-presentation-behind_cover .bc-toolbar-wrap,.catalog-presentation-story_path .mt-toolbar-wrap{top:var(--studio-shell-clearance,148px);z-index:45} @media(max-width:820px){.catalog-presentation-behind_cover,.catalog-presentation-story_path{padding-top:var(--studio-shell-clearance,124px)}.catalog-presentation-behind_cover .bc-toolbar-wrap,.catalog-presentation-story_path .mt-toolbar-wrap{top:var(--studio-shell-clearance,124px)}} /* Laravel integration: live URL-addressable controls keep the reference geometry. */ .catalog-presentation-story_path{background:var(--mt-bg);color:var(--mt-text);min-height:100vh;position:relative;isolation:isolate} .catalog-presentation-story_path .mt-status-tabs>a{position:relative;white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--mt-muted);min-height:65px} .catalog-presentation-story_path .mt-status-tabs>a.active{color:var(--mt-accent-text)} .catalog-presentation-story_path .mt-status-tabs>a.active:after{content:'';height:2px;background:var(--mt-accent-text);position:absolute;bottom:-1px;inset-inline:0} .catalog-presentation-story_path .mt-filters form>.mt-primary{margin-top:15px} .catalog-presentation-story_path .mt-player-frame iframe{width:100%;height:100%;display:block;border:0;background:#080e15} .catalog-presentation-story_path .mt-player-frame{position:relative;width:100%;height:auto;aspect-ratio:16/9;background:#080e15;border-radius:7px;overflow:hidden} .catalog-presentation-story_path .mt-video-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center} @media(max-width:740px){.catalog-presentation-story_path .mt-status-tabs>a{font-size:10px;min-height:59px}} /* v22.1 — keep the alternate catalog aligned with the live Asia2TV identity. */ .catalog-presentation-story_path{ --mt-bg:var(--studio-color-canvas,#201323); --mt-panel:var(--studio-component-card-bg,var(--studio-color-surface,#342038)); --mt-surface:var(--studio-color-surface-raised,#422c4a); --mt-raised:color-mix(in srgb,var(--studio-color-surface-raised,#422c4a) 82%,#fff 18%); --mt-text:var(--studio-color-text,#f6eaf6); --mt-muted:var(--studio-color-text-muted,#c5acc9); --mt-faint:color-mix(in srgb,var(--studio-color-text-muted,#c5acc9) 72%,transparent); --mt-line:var(--studio-color-border,#57425b); --mt-accent:var(--studio-color-accent,#f04d91); --mt-on:var(--studio-color-on-accent,#201323); --mt-accent-text:var(--studio-color-link,#f04d91); --mt-soft:color-mix(in srgb,var(--studio-color-accent,#f04d91) 10%,transparent); --mt-ring:color-mix(in srgb,var(--studio-color-accent,#f04d91) 42%,transparent); } .catalog-presentation-story_path .mt-feature-scene, .catalog-presentation-story_path .mt-feature-empty{background:var(--mt-panel)} .catalog-presentation-story_path .mt-feature-scene:after{background:linear-gradient(0deg,color-mix(in srgb,var(--mt-bg) 94%,transparent),color-mix(in srgb,var(--mt-bg) 16%,transparent) 75%)} .catalog-presentation-story_path .mt-card{background:var(--mt-panel);border-color:var(--mt-line)} .catalog-presentation-story_path .mt-toolbar-wrap{background:var(--mt-bg)} .catalog-presentation-story_path .mt-search, .catalog-presentation-story_path .mt-path{background:var(--mt-panel)} .catalog-presentation-story_path .mt-filter-toggle, .catalog-presentation-story_path .mt-icon-btn, .catalog-presentation-story_path .mt-top-paging button, .catalog-presentation-story_path .mt-top-page-control{border-color:var(--mt-line)} .catalog-presentation-story_path .mt-player-frame{background:var(--mt-bg)}