:root{color-scheme:light;--green:#12584a;--ink:#173b33;--muted:#687b73;--line:#dce6df}*{box-sizing:border-box}body{margin:0;background:#f6f8f3;color:var(--ink);font-family:system-ui,'Nirmala UI',sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:750}.brand small{display:block;font-size:9px;letter-spacing:2px}.mark{background:var(--green);color:#e6cf92;border-radius:16px;width:50px;text-align:center;font-size:34px}nav{display:flex;gap:24px;font-size:14px}.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0d443a,#217660);border-radius:26px;padding:46px;color:#fff}.hero:after{content:'☾';position:absolute;right:5%;top:-70px;font-size:340px;opacity:.09;pointer-events:none}.eyebrow{color:#e6cc8c;font-size:12px;letter-spacing:3px}.hero h1{font-size:clamp(28px,4vw,46px);margin:14px 0;max-width:760px;line-height:1.4}.hero p{color:#d3e8df;max-width:640px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chip{border:1px solid var(--line);border-radius:24px;padding:9px 18px;background:#fff;font-size:14px}.chip.active,.button,button{background:var(--green);color:#fff}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:24px 0}.toolbar label:first-child{flex:1;min-width:180px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{font:inherit;width:100%;padding:12px;border:1px solid #cddbd1;border-radius:10px;background:white;color:var(--ink);margin-top:5px}textarea{min-height:110px;resize:vertical}button,.button{display:inline-block;border:0;border-radius:10px;padding:12px 20px;font:inherit;cursor:pointer}button:hover,.button:hover{background:#21715c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .15s}.card:hover{transform:translateY(-3px)}.cover{aspect-ratio:16/9;background:linear-gradient(140deg,#d2e6d7,#24644f);position:relative;display:grid;place-items:center;overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover}.ornament{font-size:100px;color:#e1ce97}.play{position:absolute;color:white;background:#123e36c9;border-radius:50%;width:44px;height:44px;display:grid;place-items:center}.source{position:absolute;bottom:10px;left:12px;color:white;background:#173b33de;padding:2px 9px;border-radius:6px;font-size:11px}.cardbody{padding:19px}.card h3{font-size:19px;line-height:1.55;margin:9px 0}.card p,small,.muted{color:var(--muted)}body{background:radial-gradient(circle at top,#f8faf7 0%,#eef3ef 36%,#f6f8f3 100%)}.watch-shell{display:flex;flex-direction:column;gap:18px;padding:8px 0 30px}.watch-topbar{display:flex;justify-content:space-between;align-items:center}.watch-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:30px;align-items:start}.watch-main{display:flex;flex-direction:column;gap:18px}.watch-player-panel{background:linear-gradient(180deg,#f7faf7 0%,#edf4ef 100%);border:1px solid rgba(18,88,74,.18);border-radius:26px;padding:16px;box-shadow:0 18px 45px rgba(15,48,37,.12)}.watch-player-toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.watch-control{background:#fff;border:1px solid var(--line);color:var(--ink);padding:8px 12px;border-radius:999px;font-size:12px;line-height:1;transition:all .2s ease}.watch-control:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(18,88,74,.12)}.watch-control.active{background:linear-gradient(135deg,#12584a,#1b7a63);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(18,88,74,.18)}.watch-player-shell{position:relative;padding:8px;border-radius:24px;background:linear-gradient(180deg,#0b1d1a,#07181d);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 22px 42px rgba(4,17,15,.18)}.watch-player-badge{position:absolute;left:24px;top:18px;z-index:2;padding:6px 12px;border-radius:999px;background:rgba(10,21,18,.55);backdrop-filter:blur(10px);color:#ecf7f2;font-size:11px;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(255,255,255,.08)}.watch-player-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#000;border:1px solid rgba(255,255,255,.08);transition:all .25s ease;display:flex;align-items:center;justify-content:center}.watch-player-stage[data-size="wide"]{aspect-ratio:21/9}.watch-player-stage[data-size="tall"]{aspect-ratio:4/5;max-height:760px}.watch-player-stage[data-align="left"]{justify-content:flex-start}.watch-player-stage[data-align="right"]{justify-content:flex-end}.watch-player-stage[data-align="center"]{justify-content:center}.watch-player-stage.is-mini{position:fixed;right:20px;bottom:20px;width:min(420px,calc(100vw - 24px));height:auto;z-index:9999;box-shadow:0 24px 60px rgba(15,48,37,.28);border:1px solid rgba(18,88,74,.2)}.watch-player-stage.is-mini .watch-drag-handle{display:flex}.watch-player-stage[data-mini="0"]{position:relative}.watch-player{width:100%;height:100%;max-height:100%;border:0;background:#000;display:block}.watch-drag-handle{display:none;position:absolute;top:8px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.9);color:#163f32;font-weight:700;cursor:grab;user-select:none;z-index:2}.watch-meta{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px;box-shadow:0 20px 45px rgba(15,48,37,.12)}.watch-meta h1{margin:0 0 10px;font-size:clamp(22px,3vw,34px);line-height:1.32}.watch-sidebar{display:flex;flex-direction:column;gap:18px}.related-panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 45px rgba(15,48,37,.12)}.related-panel h2{margin:0 0 12px;font-size:20px}.sidebar-grid{grid-template-columns:1fr}.sidebar-grid .card{border-radius:14px}.mini-player-mode .watch-player-stage:not(.is-mini){opacity:.75}.bg-play-mode .watch-player-stage{position:fixed;right:18px;bottom:18px;width:min(420px,calc(100vw - 24px));box-shadow:0 18px 40px rgba(15,48,37,.22);z-index:9998}.bg-play-mode .watch-player-stage .watch-drag-handle{display:flex}.bg-play-mode .watch-layout{opacity:.94}.watch-player-stage[data-size="tall"] .watch-player{object-fit:contain}.watch-player-stage[data-size="fit"] .watch-player{object-fit:cover}.watch-player-stage[data-size="wide"] .watch-player{object-fit:cover}@media (max-width:980px){header,main,footer{padding:16px}nav{display:none}.watch-layout{grid-template-columns:1fr}.sidebar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.hero{padding:26px 18px}.grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.watch-player-toolbar{gap:6px}.watch-control{padding:7px 10px;font-size:11px}.watch-player-badge{left:16px;top:12px;padding:5px 10px}.watch-meta{padding:18px 16px}.related-panel{padding:14px}.sidebar-grid{grid-template-columns:1fr}}.card p{margin:0;font-size:14px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:28px 0 18px}.sectionhead h2{margin:0}.empty,.panel{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.empty{text-align:center;padding:50px 20px}.notice{background:#fff4d7;padding:16px 20px;border-radius:12px;margin:16px 0}.success{background:#dff1e5}.player{width:100%;aspect-ratio:16/9;border:0;background:#10241d;border-radius:18px;margin-top:20px}.description{white-space:pre-wrap}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}.row{border-bottom:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.row:last-child{border:0}.row form{margin:0}.danger{background:#883f38}.pagination{display:flex;gap:20px;justify-content:center;margin-top:28px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:48px;color:var(--muted);font-size:13px}:focus-visible{outline:3px solid #ba922f;outline-offset:4px}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:30px}}@media(max-width:560px){header,main,footer{padding:16px}nav{gap:12px;font-size:12px}.brand{font-size:22px}.grid,.fields{grid-template-columns:1fr}.hero{padding:25px}.hero:after{right:-100px}.row,footer{align-items:flex-start;flex-direction:column}.toolbar>*{width:100%}.wide{grid-column:auto}.chips{gap:8px}.chip{padding:7px 12px;font-size:12px}}