:root{color-scheme:dark;--wm-bg:#101315;--wm-panel:#1b2023;--wm-surface:#252b2d;--wm-line:#4b4841;--wm-gold:#e4c992;--wm-muted:#c9c5b9;--wm-text:#faf7ef;--wm-strong:#f7e3b9;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 72% -14%,#65523834,transparent 54%),var(--wm-bg);color:var(--wm-text);font-size:16px;line-height:1.5}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
a{color:var(--wm-gold)}:is(button,a,input,select):focus-visible{outline:3px solid #f4d497;outline-offset:3px}
[hidden]{display:none!important}.media-skip{position:absolute;top:-100px;left:10px;z-index:999;padding:12px;background:var(--wm-strong);color:#151515}.media-skip:focus{top:8px}
.media-topbar{position:sticky;top:0;z-index:30;min-height:75px;background:#131719f5;border-bottom:1px solid #413b31;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px clamp(16px,3vw,48px);backdrop-filter:blur(14px)}
.media-brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.media-brand img{object-fit:contain}.media-brand strong{font-size:19px;letter-spacing:.06em;color:var(--wm-gold)}.media-brand small{display:block;font-size:11px;letter-spacing:.1em;color:var(--wm-muted)}.media-tm{font-size:11px}
.media-topbar nav{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.media-topbar nav a{padding:9px 12px;border-radius:10px;text-decoration:none;color:#e7ddc8;font-size:13px;font-weight:650}.media-topbar nav a:hover,.media-topbar nav a.media-current{background:#373022;color:#ffe5ad}
.media-layout{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 75px);max-width:1700px;margin:auto}
.media-rail{position:sticky;top:75px;height:calc(100dvh - 75px);padding:30px 16px 20px;border-right:1px solid #484238;display:flex;flex-direction:column;gap:10px}.media-rail button,.media-mode-tabs button{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:12px;color:#e3dbc9;background:transparent;padding:13px 16px;font-size:14px;font-weight:700;min-height:46px}.media-rail button:hover,.media-rail button[aria-pressed=true],.media-mode-tabs button[aria-pressed=true]{background:#342d21;border-color:#746044;color:#ffdd9b}.media-rail-note{font-size:12px;color:#b8b5ae;line-height:1.6;margin-top:auto}.media-rail a{font-size:13px;padding:12px 8px;text-decoration:none}
.media-main{min-width:0;padding:36px clamp(18px,4vw,62px) 55px}.media-head{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1100px;margin-bottom:25px}.media-head h1{font-size:clamp(40px,6vw,73px);line-height:1.03;letter-spacing:-.055em;margin:6px 0 14px;color:var(--wm-strong)}.media-head h1 em{font-style:normal;color:#fef8eb}.media-head p:not(.media-eyebrow){max-width:65ch;color:#d7d1c4;margin:0}.media-head-icon{flex:0 0 120px;height:120px;display:grid;place-items:center;border-radius:35px;background:radial-gradient(circle,#a8894e55,transparent 65%),#2d2924;color:#ffe3a1;font-size:56px;border:1px solid #5d4c36}
.media-eyebrow{color:var(--wm-gold);font-size:11px;font-weight:850;letter-spacing:.17em;margin:0 0 8px}.media-mode-tabs{display:none}
.media-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(190px,.7fr);min-height:265px;border:1px solid #806743;border-radius:20px;overflow:hidden;background:linear-gradient(115deg,#3a3328,#29251f 58%,#171d1d);margin-bottom:38px}
.media-hero-copy{padding:clamp(23px,4vw,40px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.media-tag{color:#f3dbb0;font-size:11px;letter-spacing:.15em;font-weight:800}.media-hero h2{font-size:clamp(24px,3.2vw,39px);line-height:1.15;margin:9px 0;color:#ffe6b7}.media-hero p{font-size:15px;max-width:55ch;color:#e9dcc7}.media-hero-art{border-left:1px solid #635238;background:radial-gradient(circle at 40% 40%,#96754d66,#342e25 55%,#171b1e);display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center;font-weight:900;letter-spacing:.17em;color:#e8cb96}.media-hero-art span:first-child{font-size:20px}.media-hero-art .media-play-glyph{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;border:1px solid #ad9368;font-size:48px;background:#e4c88a18}.media-hero-art small{font-size:10px;color:#dcc7a1}
.media-action,.media-card-play,.media-more{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:45px;padding:11px 18px;border:1px solid #e4c891;background:#e7cc93;color:#171915;border-radius:10px;font-size:14px;font-weight:850;text-decoration:none}.media-action:hover,.media-card-play:hover,.media-more:hover{background:#ffe3a8}
.media-section-title{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px}.media-section-title h2{margin:0;color:#f6e0b5;font-size:clamp(22px,2.5vw,31px)}.media-section-title>p{font-size:12px;color:#c6bcaa;text-align:right}
.media-filters{display:grid;grid-template-columns:minmax(0,1fr) 215px;align-items:end;gap:9px 15px;margin-bottom:22px}.media-filters label{font-size:12px;color:#e8d5b0;font-weight:750}.media-filters label:first-of-type{grid-column:1;grid-row:1}.media-filters label:last-of-type{grid-column:2;grid-row:1}.media-filters input,.media-filters select{grid-row:2;background:#26292a;border:1px solid #6a5b43;color:#f4ead7;border-radius:10px;padding:13px 15px;min-width:0;width:100%;min-height:48px}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.media-tile{background:#1d2224;border:1px solid #49463f;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.media-tile-art{aspect-ratio:16/8;min-height:132px;background:radial-gradient(ellipse at 50% 20%,#94713d77,transparent 62%),linear-gradient(125deg,#38342d,#171b1c);position:relative;display:grid;place-items:center;border-bottom:1px solid #615237}.media-tile-symbol{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid #bd9e6d;color:#ffdda0;background:#241e18;font-size:25px}.media-tile-art-topic{position:absolute;bottom:12px;left:13px;right:13px;font-size:11px;font-weight:750;color:#e9d6b0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-tile-copy{padding:16px;display:flex;flex-direction:column;gap:9px;flex:1}.media-tile-kind{color:#dabe81;font-size:10px;font-weight:850;letter-spacing:.1em;margin:0}.media-tile-copy h3{font-size:17px;line-height:1.36;color:#fff1d4;margin:0}.media-tile-owner,.media-tile-summary{font-size:13px;line-height:1.55;color:#c5c0b6;margin:0}.media-tile-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.media-tile-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.media-tile-actions button,.media-tile-actions a{font-size:12px;min-height:40px;padding:8px 11px}.media-save,.media-watch-actions button,.media-short-actions :is(a,button),.media-back,.media-queue-item{background:#312e28;border:1px solid #786449;color:#f3debb;border-radius:10px;padding:9px 12px;font-size:13px;text-decoration:none;font-weight:700}.media-save[aria-pressed=true]{background:#665233;color:#fff1cb}.media-more{margin:25px auto;display:block}.media-empty{grid-column:1/-1;color:#e8d9bf;padding:30px;border:1px dashed #6a5940;border-radius:14px}
.media-back{margin-bottom:17px}.media-watch-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:25px}.media-stage{background:#07090a;border:1px solid #756044;border-radius:14px;aspect-ratio:16/9;min-height:210px;display:grid;place-items:center;overflow:hidden}.media-iframe{display:block;width:100%;height:100%;min-height:210px;border:0}.media-play-placeholder{text-align:center;padding:25px;color:#e9dfce;max-width:560px}.media-play-placeholder h3{color:#f9dc9e;font-size:21px}.media-watch h2{margin:22px 0 8px;color:#ffe4b0;font-size:clamp(24px,3vw,32px)}.media-creator{font-size:13px;color:#d0ba92}.media-disclosure{border-left:3px solid #a98b58;padding-left:14px;font-size:13px;color:#c6bfb2}.media-watch-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.media-watch-actions button{min-height:41px}.media-up-next{border:1px solid #544938;border-radius:14px;padding:15px;background:#1b2021;height:max-content}.media-up-next h3{color:#f0d5a5;margin-top:0}.media-queue-item{width:100%;display:flex;text-align:left;gap:10px;margin-bottom:8px;min-height:48px;align-items:center}.media-queue-item:hover{background:#484031}.media-small{font-size:13px;color:#c8c2b4}
.media-stage.is-mini{position:fixed;bottom:82px;right:20px;z-index:90;min-height:200px;width:min(380px,calc(100vw - 40px));aspect-ratio:16/9;box-shadow:0 18px 56px #000c}.media-stage.is-mini .media-iframe{min-height:200px}
.media-restore{position:fixed;bottom:17px;right:20px;z-index:91;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #a88958;border-radius:11px;background:#1b1c1a;color:#f6e1b3;box-shadow:0 8px 35px #000a;font-size:13px}.media-restore button{border:1px solid #8a7148;background:#4a3b25;color:#fce8bb;border-radius:7px;padding:6px 8px}
.media-shorts-section .media-section-title{align-items:center}.media-autoplay{font-size:13px;color:#f3dfbb;display:flex;align-items:center;gap:8px}.media-autoplay input{width:18px;height:18px;accent-color:#dabb79}.media-short-note{font-size:13px;color:#c6bfaf;max-width:76ch}.media-shorts-feed{height:min(730px,calc(100dvh - 240px));min-height:430px;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;display:flex;flex-direction:column;gap:10px;border:1px solid #625137;border-radius:18px;padding:10px;background:#0a0c0d}.media-short-card{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:min(430px,100%);min-height:0;margin:0 auto;display:flex;flex-direction:column;gap:10px;border:1px solid #64543d;background:#202322;border-radius:15px;padding:12px}.media-short-banner{flex:0 0 auto}.media-short-banner h3{font-size:16px;color:#f4ddad;line-height:1.24;margin:6px 0}.media-short-banner p:not(.media-eyebrow){font-size:12px;color:#d4c6ad;margin:0}.media-short-stage{flex:1;min-height:205px;display:grid;place-items:center;border:1px solid #76603e;border-radius:11px;background:radial-gradient(circle,#59462e,#0a0b0b 70%);overflow:hidden}.media-short-stage iframe{min-height:205px}.media-short-prompt{text-align:center;padding:16px;color:#f3ddbd}.media-short-play-symbol{font-size:37px;color:#f8d99b}.media-short-prompt p{font-size:13px}.media-short-actions{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;font-size:12px}.media-short-actions a{min-height:40px;display:inline-flex;align-items:center}
.media-status{font-size:13px;color:#e4cc98;min-height:22px;padding-top:12px}.media-footer{display:flex;gap:14px 25px;flex-wrap:wrap;align-items:center;padding:25px clamp(16px,3vw,48px);border-top:1px solid #4c4031;color:#ccc3b1;font-size:12px}.media-footer a{color:#e7d5a6}
@media(max-width:1180px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-watch-grid{grid-template-columns:minmax(0,1fr) 245px}.media-rail{width:170px}.media-layout{grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:830px){.media-rail{display:none}.media-layout{display:block}.media-mode-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:24px}.media-mode-tabs button{padding:11px 8px;text-align:center;border-color:#554630;font-size:12px}.media-topbar nav{gap:0}.media-topbar nav a{font-size:12px;padding:7px 8px}.media-head-icon{display:none}.media-watch-grid{grid-template-columns:1fr}.media-up-next{order:2}.media-main{padding:22px 16px 40px}}
@media(max-width:520px){.media-topbar{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 15px}.media-topbar nav{width:100%;justify-content:space-between}.media-topbar nav a{padding:7px 5px}.media-head h1{font-size:43px}.media-hero{grid-template-columns:1fr}.media-hero-art{display:none}.media-filters{grid-template-columns:1fr}.media-filters label:first-of-type,.media-filters label:last-of-type,.media-filters input,.media-filters select{grid-column:1;grid-row:auto}.media-grid{grid-template-columns:1fr}.media-section-title{align-items:flex-start;flex-direction:column}.media-section-title>p{text-align:left}.media-stage{min-height:210px}.media-restore{right:10px;bottom:10px;left:10px;justify-content:space-between}.media-stage.is-mini{right:10px;bottom:75px;width:calc(100vw - 20px)}.media-watch-actions button{flex:1 1 auto}.media-short-card{width:100%}}
@media(max-height:650px){.media-shorts-feed{scroll-snap-type:y proximity;min-height:320px}.media-short-card{overflow-y:auto;overscroll-behavior:contain}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}