/* MR pages own the full viewport (same reset ai-contest/challenges use) */
body.mr-page main{max-width:none !important;margin:0 !important;padding:0 !important;background:none !important;}
body.mr-page{background:#04030D}

/* ==== ref: movie-request ==== */

body{margin:0;background:#04030D}
a{color:#22D3EE;text-decoration:none}a:hover{color:#67E8F9}
button:focus-visible,a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
@media (max-width: 640px){
.mr-sgrid{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-16px!important;margin-right:-16px!important;padding:0 16px 6px;scroll-padding:0 16px;scrollbar-width:none}
.mr-sgrid::-webkit-scrollbar{display:none}
.mr-sgrid>*{flex:0 0 72%!important;max-width:280px;scroll-snap-align:start}
.mr-card{padding:14px!important;gap:10px!important;border-radius:20px!important;min-height:270px}
.mr-top{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}
.mr-foot{margin-top:auto!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}
.mr-foot .mr-like{justify-content:center!important;height:36px!important}
.mr-rank{font-size:18px!important}
.mr-chip{height:22px!important;padding:0 8px!important;font-size:10px!important;gap:4px!important}
.mr-title{font-size:15px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.mr-log{font-size:12.5px!important;line-height:1.5!important;-webkit-line-clamp:4!important;min-height:75px!important;margin:0!important}
.mr-author{display:none!important}
.mr-like{padding:0 9px!important;font-size:12px!important}
.mr-pool{padding:14px 12px!important;border-radius:22px!important}
.mr-pgrid{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-12px!important;margin-right:-12px!important;padding:0 12px 6px;scroll-padding:0 12px;scrollbar-width:none}
.mr-pgrid::-webkit-scrollbar{display:none}
.mr-pgrid>*{flex:0 0 46%!important;scroll-snap-align:start}
.mr-pbody{padding:10px!important;gap:7px!important}
.mr-sup{font-size:12px!important;height:38px!important}
.mr-sup svg{display:none}
.mr-nav{position:sticky;top:8px;z-index:20;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;width:100%!important;padding:4px!important;border-radius:16px!important;background:rgba(10,8,22,0.85)!important;backdrop-filter:blur(14px);overflow:visible!important}
.mr-navi{flex-direction:column!important;justify-content:center!important;gap:1px!important;height:52px!important;padding:0 4px!important;font-size:11.5px!important;line-height:1.15;text-align:center;white-space:normal!important;border-radius:12px!important}
.mr-navi span{font-size:11px}
.sf-dlg{padding:20px 16px!important;border-radius:22px!important}
.sf-row{flex-direction:column!important}
.sf-cover{flex:0 0 auto!important;width:120px;margin:0 auto}
.mr-rgrid{display:flex!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-left:-16px!important;margin-right:-16px!important;padding:0 16px 6px;scroll-padding:0 16px;scrollbar-width:none}
.mr-rgrid::-webkit-scrollbar{display:none}
.mr-rgrid>*{flex:0 0 62%!important;max-width:260px;scroll-snap-align:start}
.mr-rcard{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:14px!important;min-height:220px}
.mr-rcard>div{width:100%}
/* icon container keeps its square shape on mobile: in column flex the
   inline `flex-basis` no longer controls the width, so pin both axes */
.mr-rtype{flex:0 0 52px!important;width:52px!important;height:52px!important;aspect-ratio:1;min-width:52px;max-width:52px;border-radius:16px!important}
.mr-rdesc{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.mr-rbtn{margin-top:auto!important;width:100%!important}
.mr-ricon{flex-basis:44px!important;width:44px;height:44px!important}
}
select{color-scheme:dark}
select option{background:#14102A;color:#F5F3FF}
select option:checked{background:#22D3EE;color:#04131A}
.mr-scroll{scrollbar-width:none}.mr-scroll::-webkit-scrollbar{display:none}

@keyframes mrspin{to{transform:rotate(360deg)}}

/* ==== ref: script ==== */

body{margin:0;background:#04030D}
a{color:#22D3EE;text-decoration:none}a:hover{color:#67E8F9}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
textarea::placeholder{color:#8F8BB3}
.sd-track{display:flex;gap:12px;transition:transform .45s cubic-bezier(.2,.7,.2,1);transform:translateX(calc(var(--i) * -1 * (100% + 12px) / 3))}
.sd-tcard{flex:0 0 calc((100% - 24px) / 3);min-width:0}
@media (prefers-reduced-motion: reduce){.sd-track{transition:none}}
@media (max-width: 640px){.sd-track{transform:none!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;padding-bottom:6px;scrollbar-width:none}.sd-track::-webkit-scrollbar{display:none}.sd-tcard{flex:0 0 44%!important;max-width:170px;scroll-snap-align:start;border-radius:12px!important}.sd-tcard>div:last-child{padding:7px 8px!important;gap:6px!important}.sd-tcard>div:last-child span{font-size:11px!important}.sd-tcard>div:last-child span>span:first-child{flex-basis:20px!important;height:20px!important;font-size:10px!important}.sd-tcard button[aria-label="Like teaser"]{height:26px!important;padding:0 7px!important;font-size:11px!important}.sd-tcard button[aria-label="Play teaser"]{width:34px!important;height:34px!important}.sd-tcard button[aria-label="Play teaser"] svg{width:14px;height:14px}.sd-tcard span[style*="CONTENDER"],.sd-tcard>div:first-child>span:not(:last-child){transform:scale(.8);transform-origin:top left}.sd-tarrows{display:none!important}.sd-h1{font-size:28px!important}.sd-paper{padding:22px 18px!important}.sd-dlg{margin-left:12%!important;margin-right:8%!important}}

/* ==== ref: film ==== */

body{margin:0;background:#04030D}
a{color:#22D3EE;text-decoration:none}a:hover{color:#67E8F9}
button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
textarea::placeholder{color:#8F8BB3}
@keyframes mdProg{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width: 640px){.md-player{margin-left:auto;margin-right:auto}.md-h1{font-size:28px!important}.md-poster{flex-basis:150px!important;margin:0 auto}.md-hero{text-align:center}.md-hero .md-row{justify-content:center}}

/* ==== ref: write-request ==== */

body{margin:0;background:#04030D}
a{color:#22D3EE;text-decoration:none}a:hover{color:#67E8F9}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
input::placeholder,textarea::placeholder{color:#8F8BB3}
select{color-scheme:dark}
select option{background:#14102A;color:#F5F3FF}
select option:checked{background:#22D3EE;color:#04131A}
.wr-scroll{scrollbar-width:none}.wr-scroll::-webkit-scrollbar{display:none}
@media (max-width: 640px){.wr-h1{font-size:28px!important}.wr-card{padding:16px!important;border-radius:20px!important}.wr-actions{flex-direction:column-reverse!important}.wr-actions>*{width:100%!important;justify-content:center!important}}

/* ==== ref: browse-scripts ==== */

body{margin:0;background:#04030D}
a{color:#22D3EE;text-decoration:none}a:hover{color:#67E8F9}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
input::placeholder{color:#8F8BB3}
.bw-scroll{scrollbar-width:none}.bw-scroll::-webkit-scrollbar{display:none}
@media (max-width: 640px){.bw-h1{font-size:28px!important}.bw-fgrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.bw-fcard{border-radius:12px!important}.bw-fbody{padding:7px 7px 8px!important;gap:5px!important}.bw-ft{font-size:11.5px!important}.bw-fm{font-size:10px!important}.bw-fm span{font-size:10.5px!important}.bw-fgenre{height:20px!important;padding:0 6px!important;font-size:9.5px!important;top:5px!important;left:5px!important}.bw-ftop{display:none!important}.bw-sup svg{display:none}.bw-sup{font-size:11px!important;height:30px!important;border-radius:9px!important}.bw-sup .bw-full{display:none}}

/* ── PROMPT 2 additions: real players, states, dark selects ── */
.mr-page-root video[data-mr-player]{width:100%;height:100%;object-fit:cover;display:block}
.mr-page-root select{color-scheme:dark}
.mr-page-root select option{background:#14102A;color:#F5F3FF}
.mr-page-root select option:checked{background:#22D3EE;color:#04131A}
.mr-page-root [data-mr-action].is-liked{border:1px solid rgba(34,211,238,0.6)!important;background:rgba(34,211,238,0.14)!important;color:#67E8F9!important}
.mr-page-root button:focus-visible,a:focus-visible{outline:2px solid #FFFFFF;outline-offset:2px}
@media (prefers-reduced-motion: reduce){.mr-page-root *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ── dropzone de recursos (PROMPT 2 + drag&drop) ── */
.mr-dropzone.is-selected{border-style:solid!important;border-color:rgba(74,222,128,.6)!important;background:rgba(74,222,128,.07)!important}
.mr-dropzone.is-dragover{border-color:#22D3EE!important;background:rgba(34,211,238,.14)!important}

/* ── P7: resource type icon squares (color via CSS class hook, not JS inline) ── */
.mr-rtype{color:#E4E1F5;background:rgba(228,225,245,0.10);border:1px solid rgba(228,225,245,0.3)}
.mr-rtype[data-type="skill"]{color:#C4B5FD;background:rgba(196,181,253,0.12);border:1px solid rgba(196,181,253,0.4)}
.mr-rtype[data-type="pdf"]{color:#86EFAC;background:rgba(134,239,172,0.12);border:1px solid rgba(134,239,172,0.4)}
.mr-rtype[data-type="prompt"]{color:#FDBA74;background:rgba(253,186,116,0.14);border:1px solid rgba(253,186,116,0.4)}
.mr-rtype[data-type="video"]{color:#67E8F9;background:rgba(103,232,249,0.12);border:1px solid rgba(103,232,249,0.4)}
.mr-rtag{font-size:10px;font-weight:800;letter-spacing:0.1em;padding:2px 8px;border-radius:99px;display:inline-block}
.mr-rtag[data-type="skill"]{color:#C4B5FD}
.mr-rtag[data-type="pdf"]{color:#86EFAC}
.mr-rtag[data-type="prompt"]{color:#FDBA74}
.mr-rtag[data-type="video"]{color:#67E8F9}
.mr-rtag[data-type="other"]{color:#E4E1F5}

/* ── comment composer extras (emoji strip + GIF panel + reply banner) ── */
.mr-gifpanel{scrollbar-width:thin}
.mr-gifpanel button:focus-visible{outline:2px solid #FFFFFF;outline-offset:1px}

/* clickable usernames (linktree profiles) */
.mr-ulink{color:inherit;text-decoration:none}
.mr-ulink:hover{color:#67E8F9}