:root{color-scheme:light;--paper:#f3f5ef;--ink:#21312b;--muted:#53665c;--line:#d6dfd4;--card:#fff;--accent:#215747;--shade:#e9f0e6;--gold:#dca34d;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5}
.shell{max-width:1060px;padding-inline:26px;margin-inline:auto}
.top{background:#182721;color:#f5f9f1}
.bar{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:inline-flex;gap:10px;align-items:center;font-weight:750;letter-spacing:.01em;text-decoration:none;color:inherit}
.top-link{color:#dfeade;font-size:.87rem;text-underline-offset:4px}
.intro{padding:47px 0 31px}
.kicker,.label{font-size:.71rem;font-weight:760;letter-spacing:.13em;color:var(--muted);margin:0 0 .55rem}
.kicker span{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--gold)}
h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.6rem,6.5vw,4.7rem);line-height:.99;letter-spacing:-.05em;margin:13px 0 17px}
.intro>p:last-child{color:var(--muted);margin:0;max-width:530px}
.desk{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(240px,1fr);gap:16px;align-items:start}
.player-card,.details{border:1px solid var(--line);background:var(--card);border-radius:15px;min-width:0}
.player-card{overflow:hidden}
.screen{background:#182721;aspect-ratio:16/9}
video{width:100%;height:100%;display:block;object-fit:contain}
.player-label{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:13px}
.player-label .label{margin-bottom:.1rem}
h2{margin:0;font-size:1.18rem;overflow-wrap:anywhere}
.tag{background:var(--shade);color:var(--accent);padding:4px 9px;font-size:.76rem;border-radius:20px;white-space:nowrap}
.details{padding:19px}
dl{margin:11px 0 16px}
dl div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.9rem}
dt{color:var(--muted)}dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}
.actions{display:grid;gap:8px}
.actions label{font-size:.85rem;font-weight:680}
input[type=file]{max-width:100%;font:inherit;font-size:.8rem;color:var(--muted);margin-bottom:4px}
input::file-selector-button,button,.button{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:8px;background:var(--shade);color:var(--ink);padding:.48rem .68rem;font-size:.83rem;text-align:center}
.button{background:var(--accent);border-color:var(--accent);color:white;text-decoration:none;font-weight:640}
button:disabled{opacity:.57;cursor:default}
:focus-visible{outline:2px solid #a76a19;outline-offset:3px}
.status{margin:13px 0 0;font-size:.79rem;color:var(--muted);overflow-wrap:anywhere}
.footer{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--muted);padding-block:23px}
@media(max-width:680px){.shell{padding-inline:15px}.intro{padding-top:32px}.desk{grid-template-columns:minmax(0,1fr)}.details{padding:15px}.player-label{padding:13px}}