/* A quiet television surround; the canonical capsule is an image, not a redraw. */
:root{font-family:Arial,Helvetica,sans-serif;color:#20211c;background:#efeee7;font-synthesis:none;--lime:#d3e990;--ink:#20211c;--muted:#6b6c62}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,.button{font:inherit;cursor:pointer;border:1px solid #babbb0;border-radius:7px;padding:12px 17px;background:transparent;color:inherit;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#dddcd2}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #70883b;outline-offset:4px}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--ink);color:#fff;border-color:var(--ink)}.primary:hover{background:#454738}a{color:inherit}.mast{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9cabe;max-width:1400px;margin:auto;padding:24px 32px;gap:20px}.brand{font-weight:800;text-decoration:none;display:flex;gap:11px;align-items:center;letter-spacing:-.5px}.brand>span:first-child{background:#d7ee81;border:3px solid #252820;border-radius:30px;padding:5px 16px;font-size:19px;color:#161914}.freq{font:10px monospace;border:1px solid #b8bbad;padding:5px;margin-left:12px}.mast nav{display:flex;gap:24px;font-size:12px}.mast nav a{text-decoration:none}main{max-width:1240px;margin:auto;padding:0 32px}.intro{display:grid;grid-template-columns:1fr 300px;align-items:end;padding:55px 0 34px}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.5px}.intro .eyebrow{grid-column:1/-1}.intro h1{font-size:clamp(45px,6.7vw,82px);line-height:.94;letter-spacing:-5px;margin:18px 0 0;font-weight:800}.intro h1 em{font-style:normal;color:#777c68}.intro>p:last-child{font-size:17px;line-height:1.6;color:var(--muted);padding-left:30px}.television{padding:12px 12px 0;border-radius:22px;background:#292b26;box-shadow:0 14px 32px #22222218}.screen{position:relative;background:#090a09;border-radius:12px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}video{display:block;width:100%;height:100%;object-fit:contain}.tune{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse,#343a2bf5,#11150cf2);color:#bdc2b2}.tune p{font:11px monospace;letter-spacing:2px}.capsule{width:200px;padding:14px;border-radius:100px;border:9px solid #11140f;background:linear-gradient(#dbef87,#c0d756);box-shadow:inset 0 3px 4px #f1ffca,0 6px 0 #060706;color:#0c1107;font:bold 48px Arial;letter-spacing:-3px}.capsule:hover{background:#d9ef8a}.capsule:active{transform:translateY(3px)}.bezel{display:flex;align-items:center;justify-content:space-between;color:#d5d6cb;padding:17px 12px;font:10px monospace;gap:12px}.bezel i{display:inline-block;background:#c9e284;width:6px;height:6px;border-radius:50%;margin-right:7px}.bezel #now{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a3a79a}.control-bar,.transport,.actions,.export-bar{display:flex;align-items:center;gap:9px}.control-bar{justify-content:space-between;padding:18px 0}.transport button:first-child,.transport button:nth-child(2){font-size:19px;padding:8px 18px}#notice{font-size:13px;color:var(--muted);min-height:16px;margin:0 0 14px}.editor{border:1px solid #bfc2b1;background:#e4e6dc;border-radius:12px;padding:25px}.editor header{display:flex;justify-content:space-between;align-items:center}.editor h2{margin:0;font-size:30px;letter-spacing:-1px}.editor p{font-size:13px;color:#5c6250;line-height:1.5}.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:20px 0}.range-grid label{font:12px monospace}.range-grid output{float:right}.range-grid input{display:block;width:100%;margin:15px 0;height:28px;accent-color:#4d6530;cursor:ew-resize}.fine{font:11px/1.6 monospace;color:var(--muted)}.export-bar{flex-wrap:wrap}.export-bar span{margin-right:auto;font:11px monospace}.editor .fine{font-size:11px}progress{width:100%;accent-color:#5c723a;margin-top:12px}#result{display:grid;grid-template-columns:minmax(160px,320px) 1fr;gap:24px;border-top:1px solid #bfc2b1;margin-top:20px;padding-top:20px}#result img,#result video{max-height:300px;object-fit:contain;background:#161713;border-radius:6px;width:100%}.library{padding:50px 0 70px}.library-heading{display:flex;justify-content:space-between;align-items:end;gap:24px}.library h2{font-size:28px;letter-spacing:-1px;margin:8px 0}.search input{font:14px Arial;background:transparent;border:0;border-bottom:1px solid #9c9e8e;padding:14px 0;width:260px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px 18px;margin-top:24px}.card{border:0;padding:0;border-radius:0;text-align:left;min-width:0}.card:hover{background:transparent}.card .thumb{position:relative;aspect-ratio:16/10;background:#deded4;border-radius:8px;overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.card:hover img{transform:scale(1.04)}.card .duration{position:absolute;bottom:8px;right:8px;background:#151811de;color:#fff;font:10px monospace;padding:4px 6px;border-radius:3px}.card .number{display:block;font:9px monospace;color:#7d806f;margin:12px 0 6px}.card .title{font-size:14px;font-weight:600;overflow-wrap:anywhere}.card[aria-current=true] .thumb{outline:3px solid #7d9250;outline-offset:3px}#more{margin:35px auto 0;display:block}footer{border-top:1px solid #c9cabe;padding:28px 32px;font:10px monospace;display:flex;gap:25px;flex-wrap:wrap}footer p{width:100%;color:#737768}body.broadcast{background:#090a09}body.broadcast .mast,body.broadcast .intro,body.broadcast .library,body.broadcast footer,body.broadcast .control-bar,body.broadcast #notice,body.broadcast .editor{display:none}body.broadcast main{max-width:none;padding:0}body.broadcast .television{padding:0;border-radius:0;box-shadow:none}body.broadcast .screen{border-radius:0;height:100vh;aspect-ratio:auto}body.broadcast .bezel{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}
@media(max-width:700px){.mast{padding:18px}.mast nav a:first-child,.freq{display:none}.mast nav{font-size:10px}.brand{font-size:12px}.brand>span:first-child{font-size:15px;padding:4px 12px}main{padding:0 16px}.intro{padding:30px 0 24px;display:block}.intro h1{letter-spacing:-3px;font-size:58px}.intro>p:last-child{padding:0;font-size:14px;margin-bottom:0}.eyebrow{font-size:8px}.television{padding:7px 7px 0;border-radius:15px}.screen{aspect-ratio:4/3}.capsule{width:155px;font-size:34px}.bezel{font-size:8px;padding:13px 5px}.bezel>span:last-child{display:none}.control-bar{flex-wrap:wrap}.control-bar button{padding:12px;font-size:12px}.control-bar .transport{flex:1}.editor{padding:17px}.range-grid{gap:15px}.export-bar{gap:8px}.export-bar span{width:40%;margin:0}.export-bar button{font-size:12px;padding:12px}.library{padding-top:25px}.library-heading{display:block}.library h2{font-size:24px}.search input{width:100%;margin-top:12px}.grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}.card .title{font-size:12px}#result{grid-template-columns:1fr}.editor h2{font-size:26px}footer{padding:25px 18px}.bezel #now{max-width:68%}}
.capsule,.capsule:hover{width:min(300px,60%);padding:0;border:0;border-radius:0;background:none;box-shadow:none}.capsule img{display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}