/* LOST THREADS NATIVE MEDIA HUB */
.mt-hub{margin-top:28px;padding:28px 30px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(circle at 92% 4%,rgba(79,127,197,.12),transparent 30%),radial-gradient(circle at 8% 0,rgba(95,184,189,.08),transparent 26%),var(--panel);backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.24)}
.mt-hub[hidden]{display:none}.mt-head,.mt-archive-head,.mt-watch-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.mt-head h2{margin:2px 0 7px;font-size:clamp(2rem,5vw,3rem)}
.mt-head p,.mt-archive-head p,.mt-watch-heading p{margin:0;color:var(--muted);line-height:1.5}.mt-kicker{color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.mt-watch-heading{align-items:flex-end;margin:29px 0 15px}.mt-watch-heading h3{margin:4px 0;font-size:1.4rem}.mt-private-note{display:inline-flex;align-items:center;gap:9px;max-width:260px;padding:9px 11px;border:1px solid rgba(255,255,255,.12);border-radius:11px;color:var(--soft);background:rgba(8,10,15,.34);font-size:.72rem;line-height:1.35}.mt-private-note svg{flex:0 0 auto;width:18px;height:18px;color:var(--teal)}
.mt-watch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mt-watch-card{display:flex;min-height:100%;flex-direction:column;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(8,10,15,.46);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.12);transition:transform .16s ease,border-color .16s ease,background .16s ease}.mt-watch-card:hover{transform:translateY(-2px);border-color:rgba(79,127,197,.42);background:rgba(13,15,21,.62)}.mt-watch-card--app{border-color:rgba(95,184,189,.32);background:linear-gradient(145deg,rgba(95,184,189,.075),transparent 42%),rgba(8,10,15,.48)}
.mt-watch-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.mt-watch-icon{display:grid;width:48px;height:48px;place-items:center;border:1px solid rgba(95,184,189,.42);border-radius:14px;color:var(--teal);background:rgba(95,184,189,.1)}.mt-watch-icon--web{border-color:rgba(79,127,197,.45);color:var(--blue);background:rgba(79,127,197,.1)}.mt-watch-icon svg{width:25px;height:25px}
.mt-option-label{padding:6px 9px;border:1px solid rgba(79,127,197,.38);border-radius:999px;color:#8eb2e7;background:rgba(79,127,197,.09);font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mt-option-label--recommended{border-color:rgba(95,184,189,.38);color:var(--teal);background:rgba(95,184,189,.09)}
.mt-watch-body{display:flex;flex:1;min-width:0;flex-direction:column;margin-top:16px}.mt-watch-body h4{margin:0 0 4px;font-size:1.24rem}.mt-watch-lead{min-height:2.9em;margin:0;color:var(--muted);font-size:.88rem;line-height:1.48}
.mt-steps{margin:17px 0 0;padding:0;border-top:1px solid rgba(255,255,255,.1);list-style:none}.mt-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08)}.mt-steps>li>span{display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(95,184,189,.38);border-radius:999px;color:var(--teal);background:rgba(95,184,189,.08);font-size:.7rem;font-weight:850}.mt-steps strong{display:block;margin:0 0 2px;color:var(--text);font-size:.83rem;line-height:1.35}.mt-steps small{display:block;color:var(--soft);font-size:.72rem;line-height:1.4}
.mt-copy,.mt-watch-action{width:100%;min-height:44px;margin-top:18px;border-radius:12px;font:inherit}.mt-copy{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;border:1px solid rgba(95,184,189,.42);color:var(--text);background:rgba(95,184,189,.08);cursor:pointer;text-align:left}.mt-copy:hover{border-color:rgba(95,184,189,.75);background:rgba(95,184,189,.14)}.mt-copy small{display:block;color:var(--soft);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mt-copy code{display:block;overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.mt-copy strong{margin:0;color:var(--teal);font-size:.75rem;text-transform:uppercase}
.mt-watch-action{display:flex;align-items:center;justify-content:center;padding:9px 12px;border:1px solid rgba(79,127,197,.48);color:var(--text);background:rgba(79,127,197,.1);font-size:.84rem;font-weight:750;text-decoration:none}.mt-watch-action:hover{border-color:rgba(79,127,197,.8);background:rgba(79,127,197,.17)}.mt-watch-action::after{content:"→";margin-left:8px;color:#8eb2e7;font-size:1rem}
.mt-archive{margin-top:28px;padding-top:27px;border-top:1px solid var(--border)}.mt-archive-head{align-items:flex-end}.mt-archive-head h3{margin:3px 0 6px;font-size:clamp(1.65rem,4vw,2.35rem)}.mt-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.mt-stat{min-width:88px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(8,10,15,.36);text-align:center}.mt-stat strong{margin:0;color:var(--text);font-size:1rem}.mt-stat span{display:block;color:var(--soft);font-size:.61rem;text-transform:uppercase;letter-spacing:.06em}
.mt-controls{display:grid;grid-template-columns:1.6fr .8fr .9fr 1fr;gap:11px;margin-top:23px}.mt-controls label>span{display:block;margin:0 0 6px 2px;color:var(--soft);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mt-controls input,.mt-controls select{width:100%;height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:var(--text);background:#0d1016;font:inherit}.mt-controls input:focus,.mt-controls select:focus{outline:none;border-color:rgba(95,184,189,.72);box-shadow:0 0 0 3px rgba(95,184,189,.11)}
.mt-results-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:13px 1px 15px;color:var(--muted);font-size:.77rem}.mt-results-row button,.mt-more-row button{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;color:var(--text);background:rgba(255,255,255,.035);cursor:pointer;font-weight:700}.mt-results-row button:hover,.mt-more-row button:hover{border-color:rgba(95,184,189,.68);background:rgba(95,184,189,.1)}
.mt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:15px}.mt-item{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:15px;color:var(--text);background:rgba(8,10,15,.48);text-decoration:none;box-shadow:0 9px 24px rgba(0,0,0,.13);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.mt-item:hover{transform:translateY(-3px);border-color:rgba(95,184,189,.7);box-shadow:0 14px 30px rgba(0,0,0,.24)}.mt-poster{aspect-ratio:2/3;overflow:hidden;display:grid;place-items:center;color:var(--teal);background:radial-gradient(circle at 30% 20%,rgba(95,184,189,.16),transparent 52%),#10131a;font-size:2rem;font-weight:900}.mt-poster img{width:100%;height:100%;display:block;object-fit:cover}.mt-info{padding:11px}.mt-info h4{display:-webkit-box;min-height:2.55em;margin:0 0 6px;overflow:hidden;font-size:.91rem;line-height:1.28;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mt-meta{min-height:2.35em;margin:0;color:var(--muted);font-size:.74rem;line-height:1.35}.mt-tags{margin-top:8px;color:var(--soft);font-size:.67rem;line-height:1.35}.mt-more-row{display:flex;justify-content:center;margin-top:20px}.mt-more-row button{min-width:180px;padding:11px 16px}.mt-empty{grid-column:1/-1;padding:36px 20px;border:1px dashed rgba(255,255,255,.16);border-radius:15px;color:var(--muted);text-align:center}
.mt-item:focus-visible,.mt-copy:focus-visible,.mt-watch-action:focus-visible,.mt-results-row button:focus-visible,.mt-more-row button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:820px){.mt-watch-grid{grid-template-columns:1fr}.mt-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.mt-search{grid-column:1/-1}.mt-archive-head{display:block}.mt-stats{justify-content:flex-start;margin-top:14px}.mt-watch-heading{display:block}.mt-private-note{max-width:none;margin-top:12px}}
@media(max-width:560px){.mt-hub{padding:19px}.mt-watch-card{padding:18px}.mt-watch-lead{min-height:0}.mt-controls{grid-template-columns:1fr}.mt-search{grid-column:auto}.mt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.mt-item:hover{transform:none}}
