/* ============================================================================
   LAZAAR31 – Highlights
   Editoriale Clip-Wall mit Twitch-Daten und Kommentar-Studio.
   ========================================================================= */

html{scroll-behavior:smooth}
.highlights-body{width:100%;max-width:100%;background:#FBFAF9;overflow-x:hidden}
.highlights-page{width:100%;max-width:100%;min-width:0;overflow:hidden}
.highlights-page main{position:relative}
.highlights-kicker{margin:0;color:#837C75;font-size:.72cqw;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.highlights-kicker span{color:#D2141E}
.highlights-button{display:inline-flex;align-items:center;justify-content:center;gap:.6cqw;border:0;border-radius:.5cqw;padding:1cqw 1.4cqw;color:#fff;font:800 .86cqw/1 'Inter',sans-serif;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.highlights-button:hover{transform:translateY(-2px)}
.highlights-button:focus-visible,.clip-filter:focus-visible,.highlight-card__comments:focus-visible,.featured-clip__comments:focus-visible{outline:.18cqw solid #D2141E;outline-offset:.22cqw}
.highlights-button--primary{background:#D2141E}
.highlights-button--primary:hover{background:#A80E17;color:#fff}
.highlights-button--text{padding-left:0;padding-right:0;border-radius:0;border-bottom:1px solid #15120F;color:#15120F}
.highlights-button--text:hover{color:#D2141E;border-color:#D2141E}
.highlights-button--light{background:#fff;color:#15120F}
.highlights-button--light:hover{background:#EFE9E3;color:#15120F}
.highlights-button img{width:1.05cqw;height:1.05cqw;object-fit:contain}

/* Hero */
.highlights-hero{position:relative;min-height:54.5cqw;padding:11.7cqw 4.2cqw 5.7cqw;display:grid;grid-template-columns:minmax(0,1fr) 45.5cqw;gap:4.5cqw;align-items:center;background:#FBFAF9;overflow:hidden}
.highlights-hero::before{content:"";position:absolute;left:-10cqw;top:10cqw;width:34cqw;height:34cqw;border:6cqw solid rgba(210,20,30,.035);border-radius:50%}
.highlights-hero::after{content:"";position:absolute;left:4.2cqw;right:4.2cqw;bottom:2.8cqw;height:1px;background:#DED8D1}
.highlights-hero__rail{position:absolute;right:1.2cqw;top:10.2cqw;color:#A49D96;font-size:.5cqw;font-weight:900;letter-spacing:.18em;writing-mode:vertical-rl}
.highlights-hero__copy{position:relative;z-index:4;min-width:0}
.highlights-hero h1{margin:1.15cqw 0 1.7cqw;font:400 7.6cqw/.91 'Anton',sans-serif;letter-spacing:-.01em}
.highlights-hero h1 span{color:#D2141E}
.highlights-hero__lead{max-width:39cqw;margin:0;color:#4E4842;font-size:1.1cqw;line-height:1.65;text-wrap:pretty}
.highlights-hero__actions{display:flex;align-items:center;gap:1.8cqw;margin-top:2.2cqw}
.highlights-hero__sketch{position:absolute;z-index:1;bottom:2.85cqw;pointer-events:none;opacity:.18}
.highlights-hero__sketch--cathedral{left:27cqw;width:29cqw;opacity:.34;filter:drop-shadow(0 0 1.8cqw rgba(210,20,30,.05))}
.highlights-hero__sketch--bridge{left:47cqw;width:25cqw}

/* Featured Clip */
.featured-clip{position:relative;z-index:3;min-width:0;height:36cqw;border-radius:.7cqw;background:#15120F;color:#fff;overflow:hidden;box-shadow:0 2.2cqw 4.5cqw rgba(35,25,20,.18);isolation:isolate}
.featured-clip::before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:2.6cqw 2.6cqw}
.featured-clip::after{content:"";position:absolute;z-index:-2;right:-7cqw;top:-12cqw;width:22cqw;height:55cqw;background:#D2141E;transform:rotate(34deg);box-shadow:-2.8cqw 0 0 rgba(210,20,30,.14)}
.featured-clip__topline{height:3.8cqw;padding:1.3cqw 1.55cqw 0;display:flex;justify-content:space-between;color:#BDB6AF;font-size:.55cqw;font-weight:900;letter-spacing:.16em}
.featured-clip__topline span:first-child{display:flex;align-items:center;gap:.55cqw}
.featured-clip__topline i{width:.48cqw;height:.48cqw;border-radius:50%;background:#D2141E;box-shadow:0 0 0 .25cqw rgba(210,20,30,.17);animation:livePulse 1.7s ease-in-out infinite}
.featured-clip__media{position:relative;height:23.7cqw;margin:0 1.55cqw;overflow:hidden;border-radius:.42cqw;background:linear-gradient(135deg,#2A2420 0%,#15120F 56%,#2E0A0D 100%);border:1px solid rgba(255,255,255,.1)}
.featured-clip__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 44%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);pointer-events:none}
.featured-clip__media.has-thumbnail::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.64),transparent 54%);z-index:2;pointer-events:none}
.featured-clip__goat{position:absolute;z-index:1;left:50%;top:50%;width:17cqw;height:18cqw;object-fit:contain;transform:translate(-44%,-49%);filter:drop-shadow(0 1.4cqw 2cqw rgba(0,0,0,.35))}
.featured-clip__goat.is-thumbnail{inset:0;width:100%;height:100%;transform:none;object-fit:cover;filter:none}
.featured-clip__number{position:absolute;right:-.5cqw;bottom:-3.2cqw;color:transparent;font:400 15cqw/1 'Anton',sans-serif;-webkit-text-stroke:.12cqw rgba(255,255,255,.16)}
.featured-clip__noise{position:absolute;left:0;top:0;width:8cqw;height:100%;background:#D2141E;opacity:.18;transform:skewX(-24deg) translateX(-4cqw)}
.featured-clip__play{position:absolute;z-index:4;left:50%;top:50%;width:5cqw;height:5cqw;border:0;border-radius:50%;display:grid;place-items:center;background:#D2141E;color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 .75cqw rgba(255,255,255,.12),0 1cqw 2cqw rgba(0,0,0,.35);cursor:pointer;transition:transform .25s ease,background .25s ease}
.featured-clip__play:hover{color:#fff;background:#fff;transform:translate(-50%,-50%) scale(1.07)}
.featured-clip__play:hover svg{color:#D2141E}
.featured-clip__play:focus-visible{outline:.2cqw solid #fff;outline-offset:.2cqw}
.featured-clip__play svg{width:2.2cqw;height:2.2cqw;margin-left:.2cqw;color:#fff}
.featured-clip__duration{position:absolute;z-index:4;right:.8cqw;bottom:.75cqw;padding:.3cqw .55cqw;border-radius:.28cqw;background:rgba(10,8,7,.88);color:#fff;font-size:.6cqw;font-weight:900;letter-spacing:.08em}
.featured-clip__bottom{height:8.5cqw;padding:1.2cqw 1.6cqw;display:flex;justify-content:space-between;align-items:flex-start;gap:1cqw}
.featured-clip__tag{margin:0 0 .55cqw;color:#D2141E;font-size:.55cqw;font-weight:900;letter-spacing:.16em}
.featured-clip__bottom h2{max-width:35cqw;margin:0;font:400 2.1cqw/1.08 'Anton',sans-serif;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.featured-clip__comments{flex-shrink:0;margin-top:.3cqw;display:flex;align-items:center;gap:.4cqw;border:1px solid rgba(255,255,255,.18);border-radius:.4cqw;background:rgba(255,255,255,.05);padding:.65cqw .75cqw;color:#fff;font:800 .65cqw/1 'Inter',sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease}
.featured-clip__comments:hover{background:#D2141E;border-color:#D2141E}
.featured-clip__comments svg{width:1cqw;height:1cqw}

/* Ticker */
.highlights-marquee{height:4.5cqw;display:flex;align-items:center;overflow:hidden;background:#D2141E;color:#fff;transform:rotate(-1.15deg) scale(1.02);transform-origin:center;box-shadow:0 .7cqw 1.4cqw rgba(90,5,10,.12)}
.highlights-marquee div{width:max-content;white-space:nowrap;font:400 2.25cqw/1 'Anton',sans-serif;letter-spacing:.08em;animation:highlightMarquee 22s linear infinite}
.highlights-marquee span{-webkit-text-stroke:1px #fff;color:transparent}
@keyframes highlightMarquee{to{transform:translateX(-50%)}}

/* Clip wall */
.clip-wall{position:relative;padding:9cqw 4.2cqw 8.5cqw;background:#F4F1ED;overflow:hidden;isolation:isolate}
.clip-wall::before{content:"";position:absolute;z-index:-2;right:-11cqw;top:7cqw;width:45cqw;height:45cqw;border:6cqw solid rgba(210,20,30,.028);border-radius:50%}
.clip-wall::after{content:"";position:absolute;z-index:-2;left:-18cqw;bottom:1cqw;width:46cqw;height:46cqw;border:1px solid rgba(21,18,15,.045);border-radius:50%}
.clip-wall__dom{position:absolute;z-index:-1;right:-2.5cqw;top:8cqw;width:58cqw;height:57cqw;pointer-events:none;opacity:.105}
.clip-wall__dom img{position:absolute;right:0;bottom:0;width:47cqw;height:auto;filter:grayscale(.15) saturate(.75)}
.clip-wall__dom::before{content:"DOM";position:absolute;right:1cqw;top:5cqw;color:transparent;font:400 18cqw/1 'Anton',sans-serif;-webkit-text-stroke:.13cqw rgba(21,18,15,.19);letter-spacing:.04em}
.clip-wall__dom-label{position:absolute;right:1cqw;top:2.5cqw;color:#15120F;font-size:.58cqw;font-weight:900;letter-spacing:.18em;writing-mode:vertical-rl}
.clip-wall__dom-line{position:absolute;right:4.2cqw;top:1cqw;width:1px;height:16cqw;background:linear-gradient(to bottom,transparent,#D2141E,transparent)}
.clip-wall> :not(.clip-wall__dom){position:relative;z-index:1}
.clip-wall__heading{display:grid;grid-template-columns:minmax(0,1fr) 31cqw;gap:8cqw;align-items:end}
.clip-wall__heading h2{margin:.7cqw 0 0;font:400 5.1cqw/.94 'Anton',sans-serif;letter-spacing:.01em}
.clip-wall__heading h2 span{color:#D2141E}
.clip-wall__heading>p{margin:0 0 .4cqw;color:#625C55;font-size:.92cqw;line-height:1.7;text-wrap:pretty}
.clip-toolbar{margin-top:3.5cqw;padding:1.1cqw 0;display:flex;justify-content:space-between;align-items:center;gap:2cqw;border-top:1px solid #D8D1CA;border-bottom:1px solid #D8D1CA}
.clip-filters{display:flex;align-items:center;gap:.65cqw;flex-wrap:wrap}
.clip-filter{border:1px solid #D8D1CA;border-radius:10cqw;background:transparent;padding:.62cqw 1cqw;color:#5E5851;font:800 .66cqw/1 'Inter',sans-serif;letter-spacing:.08em;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}
.clip-filter span{margin-left:.25cqw;opacity:.58}
.clip-filter:hover,.clip-filter.is-active{border-color:#15120F;background:#15120F;color:#fff}
.clip-toolbar__right{display:flex;align-items:center;justify-content:flex-end;gap:1.2cqw;min-width:0}
.clip-sort{display:flex;align-items:center;gap:.55cqw;color:#837C75;font-size:.57cqw;font-weight:900;letter-spacing:.1em;white-space:nowrap}
.clip-sort select{min-width:8.8cqw;border:1px solid #D8D1CA;border-radius:.38cqw;background:#fff;padding:.55cqw 1.8cqw .55cqw .7cqw;color:#15120F;font:800 .59cqw/1 'Inter',sans-serif;letter-spacing:.04em;cursor:pointer}
.clip-sort select:focus-visible{outline:.16cqw solid #D2141E;outline-offset:.16cqw}
.clip-toolbar__source{display:flex;align-items:center;gap:.55cqw;margin:0;color:#837C75;font-size:.62cqw;font-weight:800;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.clip-toolbar__source i{width:.5cqw;height:.5cqw;border-radius:50%;background:#D2141E;box-shadow:0 0 0 .22cqw rgba(210,20,30,.12)}
.clip-toolbar__source.is-error i{background:#837C75;box-shadow:none}
.clip-auto-note{margin-top:1.1cqw;padding:1cqw 1.2cqw;display:flex;align-items:center;gap:1cqw;border-left:.25cqw solid #D2141E;background:#EAE5DF}
.clip-auto-note__badge{flex-shrink:0;display:inline-flex;align-items:center;gap:.45cqw;border-radius:10cqw;background:#15120F;padding:.48cqw .75cqw;color:#fff;font-size:.55cqw;font-weight:900;letter-spacing:.1em}
.clip-auto-note__badge i{width:.4cqw;height:.4cqw;border-radius:50%;background:#D2141E;box-shadow:0 0 0 .18cqw rgba(210,20,30,.18)}
.clip-auto-note p{margin:0;color:#625C55;font-size:.66cqw;line-height:1.5}
.clip-auto-note strong{color:#15120F}

.clips-grid{margin-top:2.1cqw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4cqw}
.highlight-card{position:relative;min-width:0;border:1px solid #DED8D1;border-radius:.65cqw;background:#fff;overflow:hidden;box-shadow:0 .4cqw 1.2cqw rgba(45,34,26,.04);transition:transform .25s ease,box-shadow .25s ease}
.highlight-card:hover{transform:translateY(-.45cqw);box-shadow:0 1.3cqw 2.5cqw rgba(45,34,26,.12)}
.highlight-card[hidden]{display:none}
.highlight-card--wide{grid-column:span 2}
.highlight-card__visual{position:relative;height:19.5cqw;overflow:hidden;background:#D2141E;isolation:isolate}
.highlight-card--wide .highlight-card__visual{height:22.5cqw}
.highlight-card__visual::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:2.4cqw 2.4cqw}
.highlight-card__visual.has-thumbnail::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to top,rgba(0,0,0,.48),transparent 55%);pointer-events:none}
.highlight-card__thumbnail{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.highlight-card:hover .highlight-card__thumbnail{transform:scale(1.035)}
.highlight-card--dark .highlight-card__visual{background:#15120F}
.highlight-card--light .highlight-card__visual{background:#E9E4DE}
.highlight-card--paper .highlight-card__visual{background:#ECE6DF}
.highlight-card__art{position:absolute;z-index:0;pointer-events:none;object-fit:contain}
.highlight-card__art--controller{right:10%;top:19%;width:37%;filter:drop-shadow(0 1cqw 1.4cqw rgba(0,0,0,.25))}
.highlight-card__art--goat{left:50%;top:50%;width:48%;height:74%;transform:translate(-50%,-50%);opacity:.9}
.highlight-card__art--city{left:3%;bottom:-13%;width:68%;opacity:.3}
.highlight-card__art--reaction{left:50%;bottom:-8%;width:31%;height:70%;transform:translateX(-50%);opacity:.9}
.highlight-card__art--controller-red{right:10%;top:20%;width:30%;filter:drop-shadow(.5cqw .7cqw 0 rgba(210,20,30,.12))}
.highlight-card__ghost{position:absolute;left:5%;bottom:-20%;color:transparent;font:400 21cqw/1 'Anton',sans-serif;-webkit-text-stroke:.15cqw rgba(255,255,255,.28)}
.highlight-card__index{position:absolute;left:1.2cqw;top:.8cqw;color:transparent;font:400 8cqw/1 'Anton',sans-serif;-webkit-text-stroke:.1cqw rgba(255,255,255,.17)}
.highlight-card__score{position:absolute;left:10%;top:50%;transform:translateY(-50%);color:#15120F;font:400 7.5cqw/1 'Anton',sans-serif}
.highlight-card__score span{color:#D2141E}
.highlight-card__reaction-word{position:absolute;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);color:transparent;font:400 5.2cqw/1 'Anton',sans-serif;-webkit-text-stroke:.09cqw rgba(255,255,255,.2)}
.highlight-card__stamp{position:absolute;left:9%;top:19%;padding:.7cqw 1cqw;border:.2cqw solid #15120F;color:#15120F;font:400 2.6cqw/.9 'Anton',sans-serif;letter-spacing:.08em;transform:rotate(-7deg)}
.highlight-card__bubble{position:absolute;border-radius:10cqw;padding:.6cqw 1cqw;background:#fff;color:#15120F;font-size:.66cqw;font-weight:900;box-shadow:0 .4cqw 1cqw rgba(35,25,20,.08)}
.highlight-card__bubble--one{left:7%;top:15%;transform:rotate(-4deg)}
.highlight-card__bubble--two{right:5%;top:42%;background:#15120F;color:#fff;transform:rotate(3deg)}
.highlight-card__bubble--three{left:22%;bottom:14%;background:#D2141E;color:#fff;transform:rotate(-2deg)}
.highlight-card__duration{position:absolute;z-index:3;right:.8cqw;top:.8cqw;padding:.3cqw .5cqw;border-radius:.26cqw;background:rgba(15,12,10,.86);color:#fff;font-size:.58cqw;font-weight:900;letter-spacing:.07em}
.highlight-card__play{position:absolute;z-index:3;left:50%;top:50%;width:4.3cqw;height:4.3cqw;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#D2141E;transform:translate(-50%,-50%);box-shadow:0 0 0 .55cqw rgba(255,255,255,.14),0 .8cqw 1.6cqw rgba(0,0,0,.24);cursor:pointer;transition:transform .22s ease,background .22s ease}
.highlight-card__play:hover{background:#15120F;transform:translate(-50%,-50%) scale(1.07)}
.highlight-card__play:focus-visible{outline:.2cqw solid #fff;outline-offset:.2cqw}
.highlight-card__play span{width:0;height:0;margin-left:.25cqw;border-top:.7cqw solid transparent;border-bottom:.7cqw solid transparent;border-left:1.1cqw solid #D2141E}
.highlight-card__play:hover span{border-left-color:#fff}
.highlight-card__body{padding:1.35cqw 1.4cqw 1.25cqw}
.highlight-card__eyebrow{margin:0 0 .55cqw;color:#D2141E;font-size:.55cqw;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.highlight-card h3{margin:0;font:400 1.65cqw/1.12 'Anton',sans-serif;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.highlight-card__ai{margin:.65cqw 0 0;color:#756E67;font-size:.59cqw;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.highlight-card__ai span{display:inline-block;margin-right:.35cqw;border-radius:.25cqw;background:#F1E2E2;padding:.2cqw .4cqw;color:#D2141E;font-size:.48cqw;font-weight:900;letter-spacing:.09em;vertical-align:.08cqw}
.highlight-card__meta{margin-top:1.1cqw;padding-top:.9cqw;border-top:1px solid #EEE9E4;display:flex;justify-content:space-between;align-items:center;gap:.8cqw;color:#847D76;font-size:.62cqw;font-weight:700}
.highlight-card__comments{border:0;background:transparent;padding:0;color:#6D665F;font:700 .62cqw/1 'Inter',sans-serif;text-decoration:underline;text-decoration-color:#CFC7BF;text-underline-offset:.22cqw;cursor:pointer}
.highlight-card__comments:hover{color:#D2141E;text-decoration-color:#D2141E}
.clips-empty{margin:2cqw 0 0;padding:3cqw;border:1px dashed #CFC7BF;border-radius:.6cqw;text-align:center;color:#6D665F;font-size:.9cqw}

/* CTA */
.clip-callout{position:relative;margin:0 3cqw 5.7cqw;min-height:16.5cqw;padding:2.65cqw 4.7cqw;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(25cqw,.8fr);gap:7cqw;align-items:center;border-radius:.75cqw;background:#15120F;color:#fff;overflow:hidden;isolation:isolate}
.clip-callout::before{content:"";position:absolute;z-index:-2;right:-10cqw;top:-17cqw;width:19cqw;height:50cqw;background:#D2141E;transform:rotate(38deg)}
.clip-callout::after{content:"";position:absolute;z-index:-2;left:-9cqw;bottom:-19cqw;width:16cqw;height:47cqw;background:#D2141E;transform:rotate(38deg);opacity:.4}
.clip-callout__heartbeat{position:absolute;z-index:-3;left:50%;top:50%;width:74%;height:8cqw;transform:translate(-50%,-50%);object-fit:fill;filter:grayscale(1) brightness(3);opacity:.045}
.clip-callout__number{position:absolute;z-index:-1;left:47%;top:50%;transform:translate(-50%,-50%);color:transparent;font:400 15cqw/1 'Anton',sans-serif;-webkit-text-stroke:.12cqw rgba(255,255,255,.055)}
.clip-callout__title{position:relative;z-index:2;min-width:0}
.clip-callout .highlights-kicker{color:#9B938C;font-size:.61cqw;letter-spacing:.2em}
.clip-callout h2{margin:.55cqw 0 0;font:400 3.65cqw/.91 'Anton',sans-serif;letter-spacing:.01em}
.clip-callout h2 span{color:#D2141E}
.clip-callout__copy{position:relative;z-index:2;max-width:28cqw}
.clip-callout__copy p{margin:0 0 1.15cqw;color:#C8C1BA;font-size:.78cqw;line-height:1.55;text-wrap:pretty}
.clip-callout .highlights-button{gap:.48cqw;border-radius:.42cqw;padding:.82cqw 1.15cqw;font-size:.72cqw}
.clip-callout .highlights-button img{width:.9cqw;height:.9cqw}
.highlights-footer{padding-top:0;padding-bottom:1.5cqw}

/* Kommentar-Studio */
.clip-dialog{width:min(94vw,92cqw);max-width:none;height:min(88vh,57cqw);max-height:none;margin:auto;padding:0;border:0;border-radius:.8cqw;background:#fff;color:#15120F;overflow:hidden;box-shadow:0 2cqw 8cqw rgba(0,0,0,.34)}
.clip-dialog::backdrop{background:rgba(15,11,9,.78);backdrop-filter:blur(.45cqw)}
.clip-dialog__shell{position:relative;height:100%;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(28cqw,.88fr)}
.clip-dialog__close{position:absolute;z-index:20;right:1.1cqw;top:1.1cqw;width:2.7cqw;height:2.7cqw;border:1px solid #DED8D1;border-radius:50%;background:#fff;cursor:pointer;transition:background .2s ease,transform .2s ease}
.clip-dialog__close:hover{background:#D2141E;transform:rotate(5deg)}
.clip-dialog__close span{position:absolute;left:50%;top:50%;width:1cqw;height:.12cqw;background:#15120F;transform:translate(-50%,-50%) rotate(45deg)}
.clip-dialog__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.clip-dialog__close:hover span{background:#fff}
.clip-dialog__stage{position:relative;overflow:hidden;background:#15120F;color:#fff;isolation:isolate}
.clip-dialog__stage::before{content:"";position:absolute;z-index:-4;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:3cqw 3cqw}
.clip-dialog__stage::after{content:"";position:absolute;z-index:-2;right:-10cqw;top:-15cqw;width:26cqw;height:72cqw;background:#D2141E;transform:rotate(35deg);box-shadow:-3.2cqw 0 0 rgba(210,20,30,.14)}
.clip-dialog__stage-top{position:absolute;z-index:5;left:1.8cqw;right:1.8cqw;top:1.6cqw;display:flex;justify-content:space-between;color:#AEA69F;font-size:.57cqw;font-weight:900;letter-spacing:.16em}
.clip-dialog__player{position:absolute;z-index:10;inset:0;display:grid;place-items:center;background:#000}
.clip-dialog__player iframe{display:block;width:100%;height:100%;min-width:0;min-height:0;border:0;background:#000}
.clip-dialog__stage.is-playing .clip-dialog__stage-top,.clip-dialog__stage.is-playing .clip-dialog__thumbnail,.clip-dialog__stage.is-playing .clip-dialog__ghost,.clip-dialog__stage.is-playing .clip-dialog__stage-copy{visibility:hidden;pointer-events:none}
.clip-dialog__thumbnail{position:absolute;z-index:-1;left:50%;top:44%;width:28cqw;height:29cqw;object-fit:contain;transform:translate(-50%,-50%);opacity:.72}
.clip-dialog__thumbnail.is-thumbnail{z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;transform:none;opacity:.55;filter:saturate(.78) contrast(1.08)}
.clip-dialog__stage.has-thumbnail::before{z-index:-2;background:linear-gradient(to top,rgba(10,7,6,.94) 0%,rgba(10,7,6,.22) 70%),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:auto,3cqw 3cqw}
.clip-dialog__ghost{position:absolute;right:1cqw;top:4cqw;color:transparent;font:400 26cqw/1 'Anton',sans-serif;-webkit-text-stroke:.17cqw rgba(255,255,255,.12)}
.clip-dialog__stage-copy{position:absolute;z-index:6;left:2.5cqw;right:2.5cqw;bottom:2.4cqw}
.clip-dialog__stage-copy>p:first-child{margin:0 0 .7cqw;color:#D2141E;font-size:.61cqw;font-weight:900;letter-spacing:.16em}
.clip-dialog__stage-copy h2{max-width:39cqw;margin:0 0 1.5cqw;font:400 3.1cqw/1.02 'Anton',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.clip-dialog__insight{max-width:39cqw;margin:-.55cqw 0 1.2cqw!important;color:#C8C1BA!important;font-size:.67cqw!important;font-weight:500!important;line-height:1.5;letter-spacing:0!important}
.clip-dialog__watch{display:inline-flex;align-items:center;gap:.65cqw;margin:0;padding:.85cqw 1.15cqw;border-radius:.45cqw;background:#fff;color:#15120F;font-size:.74cqw;font-weight:900;text-decoration:none}
.clip-dialog__play-icon{width:0;height:0;border-top:.45cqw solid transparent;border-bottom:.45cqw solid transparent;border-left:.68cqw solid currentColor}
.clip-dialog__privacy{display:inline-block;margin:0 0 0 .8cqw!important;color:#9E9690!important;font-size:.52cqw!important;font-weight:600!important;letter-spacing:0!important}

.clip-comments{min-width:0;height:100%;padding:2.4cqw 2.2cqw 1.5cqw;display:flex;flex-direction:column;background:#FBFAF9}
.clip-comments__header{padding-right:3.2cqw;display:flex;align-items:flex-end;justify-content:space-between;gap:1cqw;border-bottom:1px solid #DED8D1;padding-bottom:1.2cqw}
.clip-comments__header h2{margin:.45cqw 0 0;font:400 2.2cqw/1 'Anton',sans-serif;letter-spacing:.03em}
.clip-comments__header h2 span{color:#D2141E}
.clip-comments__viewer{margin:0 0 .1cqw;color:#756E67;font-size:.58cqw;font-weight:800;text-align:right}
.clip-comments__status{margin:auto;padding:2cqw;color:#837C75;font-size:.76cqw;text-align:center}
.clip-comments__list{list-style:none;min-height:0;margin:0;padding:1cqw .35cqw 1cqw 0;display:flex;flex-direction:column;gap:.8cqw;overflow:auto;overscroll-behavior:contain}
.clip-comment{display:grid;grid-template-columns:2.4cqw minmax(0,1fr) auto;gap:.75cqw;align-items:start}
.clip-comment__avatar{width:2.4cqw;height:2.4cqw;border-radius:.52cqw;display:grid;place-items:center;background:#D2141E;color:#fff;font-size:.67cqw;font-weight:900;text-transform:uppercase}
.clip-comment__avatar--0{background:#6D28D9}
.clip-comment__avatar--1{background:#D2141E}
.clip-comment__avatar--2{background:#0E7490}
.clip-comment__avatar--3{background:#B45309}
.clip-comment__avatar--4{background:#15803D}
.clip-comment__avatar--5{background:#BE185D}
.clip-comment__avatar--6{background:#1D4ED8}
.clip-comment__avatar--7{background:#9333EA}
.clip-comment__head{display:flex;align-items:center;gap:.5cqw;margin:.1cqw 0 .3cqw}
.clip-comment__head strong{font-size:.67cqw}
.clip-comment__head time{color:#9A938C;font-size:.53cqw}
.clip-comment__text{margin:0;color:#4E4842;font-size:.7cqw;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.clip-comment__delete{border:0;background:transparent;padding:.2cqw;color:#A29A93;font-size:.53cqw;text-decoration:underline;cursor:pointer}
.clip-comment__delete:hover{color:#D2141E}
.clip-comments__empty{margin:auto;padding:2.8cqw 1cqw;text-align:center;color:#837C75;font-size:.74cqw;line-height:1.5}
.clip-comments__empty strong{display:block;margin-bottom:.45cqw;color:#15120F;font:400 1.4cqw/1 'Anton',sans-serif}
.clip-comments__login{margin:auto 0;padding:2.2cqw 1.5cqw;border:1px solid #DED8D1;border-radius:.6cqw;background:#fff;text-align:center}
.clip-comments__login-icon{width:3.8cqw;height:3.8cqw;margin:0 auto 1cqw;border-radius:50%;display:grid;place-items:center;background:#15120F;color:#fff;font:400 1.45cqw/1 'Anton',sans-serif;box-shadow:.45cqw .45cqw 0 #D2141E}
.clip-comments__login p{margin:0 0 1.1cqw;color:#6D665F;font-size:.7cqw;line-height:1.5}
.clip-comments__login p strong{color:#15120F;font-size:.82cqw}
.clip-comments__login .highlights-button{font-size:.68cqw}
.clip-comments__form{margin-top:auto;padding-top:1cqw;border-top:1px solid #DED8D1}
.clip-comments__form>label{display:block;margin-bottom:.45cqw;color:#756E67;font-size:.55cqw;font-weight:900;letter-spacing:.14em}
.clip-comments__field{border:1px solid #CFC7BF;border-radius:.48cqw;background:#fff;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.clip-comments__field:focus-within{border-color:#D2141E;box-shadow:0 0 0 .2cqw rgba(210,20,30,.08)}
.clip-comments__field textarea{display:block;width:100%;min-height:4.3cqw;max-height:8cqw;resize:vertical;border:0;outline:0;padding:.72cqw .8cqw;background:transparent;color:#15120F;font:400 .7cqw/1.45 'Inter',sans-serif}
.clip-comments__form-bottom{display:flex;justify-content:space-between;align-items:center;padding:.45cqw .5cqw .45cqw .8cqw;border-top:1px solid #EEE9E4;color:#9A938C;font-size:.55cqw}
.clip-comments__form-bottom button{border:0;border-radius:.34cqw;background:#D2141E;padding:.65cqw .85cqw;color:#fff;font:900 .58cqw/1 'Inter',sans-serif;letter-spacing:.06em;cursor:pointer}
.clip-comments__form-bottom button:hover{background:#A80E17}
.clip-comments__form-bottom button:disabled{opacity:.55;cursor:wait}
.clip-comments__form-status{min-height:.8cqw;margin:.4cqw 0 0;color:#D2141E;font-size:.57cqw}
.clip-comments__logout{margin:.45cqw 0 0;text-align:right}
.clip-comments__logout button{border:0;background:transparent;padding:0;color:#9A938C;font:400 .53cqw/1 'Inter',sans-serif;text-decoration:underline;cursor:pointer}
.clip-comments__logout button:hover{color:#D2141E}
body:has(.clip-dialog[open]){overflow:hidden}

/* Reveal */
.highlights-reveal{opacity:1;transform:none}
.highlights-js .highlights-reveal{opacity:0;transform:translateY(1.2cqw);transition:opacity .65s ease,transform .65s ease}
.highlights-js .highlights-reveal.is-visible{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .highlights-marquee div{animation:none}
  .highlights-js .highlights-reveal{opacity:1;transform:none;transition:none}
  .highlight-card,.featured-clip__play,.highlights-button{transition:none}
}

@media (max-width:768px){
  .highlights-page .site-header{position:absolute;width:100vw;max-width:100vw}
}

@media (max-width:640px){
  .highlights-kicker{font-size:2.6vw}
  .highlights-button{gap:2vw;border-radius:1.8vw;padding:3.5vw 4.5vw;font-size:3.05vw}
  .highlights-button--text{padding-left:0;padding-right:0}
  .highlights-button img{width:3.8vw;height:3.8vw}

  .highlights-hero{min-height:auto;padding:24vw 4vw 14.5vw;grid-template-columns:minmax(0,1fr);gap:9vw}
  .highlights-hero__copy,.featured-clip{width:92vw;max-width:92vw;min-width:0}
  .highlights-hero::after{left:4vw;right:4vw;bottom:6vw}
  .highlights-hero__rail{display:none}
  .highlights-hero h1{margin:3vw 0 4.5vw;font-size:15.5vw}
  .highlights-hero__lead{max-width:none;font-size:3.75vw;line-height:1.65}
  .highlights-hero__actions{flex-wrap:wrap;gap:5vw;margin-top:6vw}
  .highlights-hero__sketch{bottom:6vw}
  .highlights-hero__sketch--cathedral{left:-12vw;width:66vw;opacity:.24}
  .highlights-hero__sketch--bridge{left:25vw;width:58vw}

  .featured-clip{height:92vw;border-radius:2.4vw;box-shadow:0 6vw 12vw rgba(35,25,20,.18)}
  .featured-clip::before{background-size:7vw 7vw}
  .featured-clip::after{right:-18vw;top:-30vw;width:55vw;height:140vw;box-shadow:-8vw 0 0 rgba(210,20,30,.14)}
  .featured-clip__topline{height:11vw;padding:4vw 4vw 0;font-size:1.55vw}
  .featured-clip__topline span:first-child{gap:1.5vw}
  .featured-clip__topline i{width:1.4vw;height:1.4vw;box-shadow:0 0 0 .7vw rgba(210,20,30,.17)}
  .featured-clip__media{height:59vw;margin:0 4vw;border-radius:1.5vw}
  .featured-clip__goat{width:43vw;height:46vw}
  .featured-clip__number{right:-1vw;bottom:-7vw;font-size:38vw;-webkit-text-stroke:.35vw rgba(255,255,255,.16)}
  .featured-clip__noise{width:20vw;transform:skewX(-24deg) translateX(-10vw)}
  .featured-clip__play{width:14vw;height:14vw;box-shadow:0 0 0 2vw rgba(255,255,255,.12),0 3vw 6vw rgba(0,0,0,.35)}
  .featured-clip__play svg{width:6vw;height:6vw}
  .featured-clip__duration{right:2.2vw;bottom:2vw;padding:1vw 1.6vw;border-radius:1vw;font-size:1.9vw}
  .featured-clip__bottom{height:22vw;padding:3.4vw 4vw}
  .featured-clip__tag{margin-bottom:1.5vw;font-size:1.5vw}
  .featured-clip__bottom h2{max-width:70vw;font-size:5.2vw}
  .featured-clip__comments{gap:1.2vw;margin-top:1vw;border-radius:1.3vw;padding:2vw;font-size:2vw}
  .featured-clip__comments svg{width:3vw;height:3vw}

  .highlights-marquee{height:12vw;transform:rotate(-1.8deg) scale(1.03)}
  .highlights-marquee div{font-size:6.2vw}

  .clip-wall{padding:21vw 4vw 19vw}
  .clip-wall::before{right:-38vw;top:54vw;width:110vw;height:110vw;border-width:14vw}
  .clip-wall::after{left:-62vw;bottom:20vw;width:120vw;height:120vw}
  .clip-wall__dom{right:-25vw;top:57vw;width:118vw;height:115vw;opacity:.08}
  .clip-wall__dom img{width:105vw}
  .clip-wall__dom::before{right:18vw;top:10vw;font-size:39vw;-webkit-text-stroke:.3vw rgba(21,18,15,.19)}
  .clip-wall__dom-label{right:26vw;top:1vw;font-size:1.55vw}
  .clip-wall__dom-line{right:32vw;top:0;height:37vw}
  .clip-wall__heading{width:92vw;max-width:92vw;grid-template-columns:minmax(0,1fr);gap:5vw}
  .clip-wall__heading h2{margin-top:2vw;font-size:12vw}
  .clip-wall__heading>p{font-size:3.5vw;line-height:1.65}
  .clip-toolbar{min-width:0;max-width:100%;margin-top:9vw;padding:3.5vw 0;display:block}
  .clip-filters{width:100%;max-width:100%;min-width:0;gap:2vw;flex-wrap:nowrap;overflow-x:auto;padding-bottom:1.5vw;scrollbar-width:none}
  .clip-filters::-webkit-scrollbar{display:none}
  .clip-filter{flex-shrink:0;padding:2.5vw 3.5vw;font-size:2.25vw}
  .clip-toolbar__right{margin-top:2.5vw;display:flex;align-items:flex-start;justify-content:space-between;gap:3vw;flex-wrap:wrap}
  .clip-sort{gap:1.7vw;font-size:1.9vw}
  .clip-sort select{min-width:31vw;border-radius:1.3vw;padding:2vw 5vw 2vw 2.5vw;font-size:2.1vw}
  .clip-toolbar__source{gap:1.8vw;font-size:2.1vw}
  .clip-toolbar__source i{width:1.6vw;height:1.6vw;box-shadow:0 0 0 .7vw rgba(210,20,30,.12)}
  .clip-auto-note{width:92vw;margin-top:3vw;padding:3.5vw;align-items:flex-start;gap:3vw;border-left-width:.8vw}
  .clip-auto-note__badge{gap:1.4vw;padding:1.6vw 2.4vw;font-size:1.7vw}
  .clip-auto-note__badge i{width:1.2vw;height:1.2vw;box-shadow:0 0 0 .55vw rgba(210,20,30,.18)}
  .clip-auto-note p{font-size:2.3vw}
  .clips-grid{min-width:0;margin-top:5vw;grid-template-columns:minmax(0,1fr);gap:4vw}
  .highlight-card--wide{grid-column:auto}
  .highlight-card{width:92vw;max-width:92vw;border-radius:2.2vw;box-shadow:0 1.2vw 3vw rgba(45,34,26,.05)}
  .highlight-card:hover{transform:none}
  .highlight-card__visual,.highlight-card--wide .highlight-card__visual{height:54vw}
  .highlight-card__visual::before{background-size:7vw 7vw}
  .highlight-card__art--controller{width:43%}
  .highlight-card__art--goat{width:43%;height:75%}
  .highlight-card__art--city{width:70%}
  .highlight-card__art--reaction{width:27%;height:68%}
  .highlight-card__ghost{font-size:50vw;-webkit-text-stroke:.4vw rgba(255,255,255,.28)}
  .highlight-card__index{left:4vw;top:2vw;font-size:22vw;-webkit-text-stroke:.3vw rgba(255,255,255,.17)}
  .highlight-card__score{font-size:21vw}
  .highlight-card__reaction-word{font-size:15vw;-webkit-text-stroke:.25vw rgba(255,255,255,.2)}
  .highlight-card__stamp{left:8%;top:18%;padding:2vw 3vw;border-width:.6vw;font-size:7.5vw}
  .highlight-card__bubble{padding:2vw 3vw;font-size:2.2vw;box-shadow:0 1.2vw 3vw rgba(35,25,20,.08)}
  .highlight-card__duration{right:2.5vw;top:2.5vw;padding:1vw 1.6vw;border-radius:.9vw;font-size:1.9vw}
  .highlight-card__play{width:12vw;height:12vw;box-shadow:0 0 0 1.6vw rgba(255,255,255,.14),0 2.5vw 5vw rgba(0,0,0,.24)}
  .highlight-card__play span{margin-left:.7vw;border-top-width:2vw;border-bottom-width:2vw;border-left-width:3.2vw}
  .highlight-card__body{padding:4vw}
  .highlight-card__eyebrow{margin-bottom:1.6vw;font-size:1.8vw}
  .highlight-card h3{font-size:5.6vw}
  .highlight-card__ai{margin-top:2vw;font-size:2.25vw}
  .highlight-card__ai span{margin-right:1vw;border-radius:.8vw;padding:.65vw 1.2vw;font-size:1.65vw;vertical-align:.25vw}
  .highlight-card__meta{margin-top:3.5vw;padding-top:3vw;font-size:2.2vw}
  .highlight-card__comments{font-size:2.2vw;text-underline-offset:.8vw}
  .clips-empty{margin-top:5vw;padding:8vw 5vw;border-radius:2vw;font-size:3.3vw}

  .clip-callout{width:92vw;max-width:92vw;margin:0 auto 12vw;min-height:auto;padding:8vw 6vw;grid-template-columns:minmax(0,1fr);gap:5vw;border-radius:2.5vw}
  .clip-callout::before{right:-28vw;top:-42vw;width:52vw;height:132vw}
  .clip-callout::after{left:-27vw;bottom:-48vw;width:45vw;height:125vw}
  .clip-callout__heartbeat{width:100%;height:24vw}
  .clip-callout__number{left:66%;font-size:46vw;-webkit-text-stroke:.35vw rgba(255,255,255,.055)}
  .clip-callout .highlights-kicker{font-size:2.25vw}
  .clip-callout h2{margin-top:1.7vw;font-size:9.8vw}
  .clip-callout__copy{max-width:76vw}
  .clip-callout__copy p{margin-bottom:4vw;font-size:3.15vw;line-height:1.55}
  .clip-callout .highlights-button{gap:1.8vw;border-radius:1.5vw;padding:3vw 4vw;font-size:2.8vw}
  .clip-callout .highlights-button img{width:3.4vw;height:3.4vw}
  .highlights-footer{padding-bottom:8vw}

  .clip-dialog{width:100vw;height:100dvh;max-height:none;border-radius:0}
  .clip-dialog__shell{display:flex;flex-direction:column;overflow:auto}
  .clip-dialog__close{position:fixed;right:4vw;top:4vw;width:10vw;height:10vw}
  .clip-dialog__close span{width:4vw;height:.45vw}
  .clip-dialog__stage{min-height:72vw;flex-shrink:0}
  .clip-dialog__stage::before{background-size:8vw 8vw}
  .clip-dialog__stage::after{right:-24vw;top:-38vw;width:62vw;height:174vw;box-shadow:-8vw 0 0 rgba(210,20,30,.14)}
  .clip-dialog__stage-top{left:5vw;right:17vw;top:5vw;font-size:1.65vw}
  .clip-dialog__thumbnail{top:40%;width:43vw;height:45vw}
  .clip-dialog__ghost{right:1vw;top:8vw;font-size:52vw;-webkit-text-stroke:.4vw rgba(255,255,255,.12)}
  .clip-dialog__stage-copy{left:5vw;right:5vw;bottom:6vw}
  .clip-dialog__stage-copy>p:first-child{margin-bottom:1.5vw;font-size:1.8vw}
  .clip-dialog__stage-copy h2{max-width:80vw;margin-bottom:4vw;font-size:7.5vw}
  .clip-dialog__insight{max-width:83vw;margin:-1.5vw 0 3vw!important;font-size:2.35vw!important}
  .clip-dialog__watch{gap:2vw;padding:2.8vw 3.5vw;border-radius:1.5vw;font-size:2.6vw}
  .clip-dialog__play-icon{border-top-width:1.4vw;border-bottom-width:1.4vw;border-left-width:2.1vw}
  .clip-dialog__privacy{display:none}

  .clip-comments{height:auto;min-height:calc(100dvh - 72vw);padding:7vw 5vw 6vw}
  .clip-comments__header{padding-right:0;padding-bottom:4vw}
  .clip-comments__header h2{margin-top:1.5vw;font-size:7vw}
  .clip-comments__viewer{font-size:2.1vw}
  .clip-comments__status{padding:10vw;font-size:3vw}
  .clip-comments__list{max-height:75vw;padding:4vw 1vw 4vw 0;gap:3.5vw}
  .clip-comment{grid-template-columns:9vw minmax(0,1fr) auto;gap:2.5vw}
  .clip-comment__avatar{width:9vw;height:9vw;border-radius:2vw;font-size:2.5vw}
  .clip-comment__head{gap:1.7vw;margin:.3vw 0 1vw}
  .clip-comment__head strong{font-size:2.6vw}
  .clip-comment__head time{font-size:2vw}
  .clip-comment__text{font-size:2.8vw}
  .clip-comment__delete{padding:.7vw;font-size:2vw}
  .clip-comments__empty{padding:10vw 3vw;font-size:3vw}
  .clip-comments__empty strong{margin-bottom:1.5vw;font-size:5vw}
  .clip-comments__login{padding:8vw 5vw;border-radius:2vw}
  .clip-comments__login-icon{width:14vw;height:14vw;margin-bottom:4vw;font-size:5vw;box-shadow:1.5vw 1.5vw 0 #D2141E}
  .clip-comments__login p{margin-bottom:4vw;font-size:2.8vw}
  .clip-comments__login p strong{font-size:3.2vw}
  .clip-comments__login .highlights-button{font-size:2.7vw}
  .clip-comments__form{padding-top:4vw}
  .clip-comments__form>label{margin-bottom:1.5vw;font-size:2vw}
  .clip-comments__field{border-radius:1.7vw}
  .clip-comments__field:focus-within{box-shadow:0 0 0 .7vw rgba(210,20,30,.08)}
  .clip-comments__field textarea{min-height:18vw;max-height:32vw;padding:3vw;font-size:2.8vw}
  .clip-comments__form-bottom{padding:1.5vw 1.5vw 1.5vw 3vw;font-size:2.1vw}
  .clip-comments__form-bottom button{padding:2.5vw 3vw;border-radius:1.2vw;font-size:2.2vw}
  .clip-comments__form-status{min-height:3vw;margin-top:1.5vw;font-size:2.2vw}
  .clip-comments__logout{margin-top:1.5vw}
  .clip-comments__logout button{font-size:2.1vw}
}

@media (max-width:380px){
  .featured-clip__bottom h2{max-width:66vw;font-size:4.8vw}
  .highlight-card h3{font-size:5.2vw}
}

html[data-theme="dark"] .highlights-body,
html[data-theme="dark"] .highlights-hero{background:#121110}
html[data-theme="dark"] .highlights-hero::after{background:#3E3935}
html[data-theme="dark"] .highlights-hero__lead,
html[data-theme="dark"] .clip-wall__heading>p,
html[data-theme="dark"] .clip-auto-note p{color:#CFC8C1}
html[data-theme="dark"] .highlights-button--text{color:#F7F4F1;border-bottom-color:#F7F4F1}
html[data-theme="dark"] .highlights-hero__sketch{filter:invert(1);opacity:.34}
html[data-theme="dark"] .clip-wall{background:#0D0C0B}
html[data-theme="dark"] .clip-wall::after{border-color:rgba(255,255,255,.06)}
html[data-theme="dark"] .clip-wall__dom{filter:invert(1);opacity:.09}
html[data-theme="dark"] .clip-wall__dom-label{color:#F7F4F1}
html[data-theme="dark"] .clip-wall__dom::before{-webkit-text-stroke-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .clip-toolbar{border-color:#45403B}
html[data-theme="dark"] .clip-filter{border-color:#4A4540;color:#C5BEB7}
html[data-theme="dark"] .clip-filter:hover,
html[data-theme="dark"] .clip-filter.is-active{background:#F7F4F1;border-color:#F7F4F1;color:#15120F}
html[data-theme="dark"] .clip-sort,
html[data-theme="dark"] .clip-toolbar__source,
html[data-theme="dark"] .highlights-kicker{color:#AAA29A}
html[data-theme="dark"] .clip-sort select{background:#211F1C;border-color:#4A4540;color:#F7F4F1}
html[data-theme="dark"] .clip-auto-note{background:#211F1C}
html[data-theme="dark"] .clip-auto-note strong{color:#F7F4F1}
html[data-theme="dark"] .highlight-card{background:#1C1A18;border-color:#3E3935;box-shadow:0 .4cqw 1.2cqw rgba(0,0,0,.3)}
html[data-theme="dark"] .highlight-card--light .highlight-card__visual,
html[data-theme="dark"] .highlight-card--paper .highlight-card__visual{background:#292623}
html[data-theme="dark"] .highlight-card__score,
html[data-theme="dark"] .highlight-card__stamp{color:#F7F4F1}
html[data-theme="dark"] .highlight-card__stamp{border-color:#F7F4F1}
html[data-theme="dark"] .highlight-card__ai,
html[data-theme="dark"] .highlight-card__meta,
html[data-theme="dark"] .highlight-card__comments,
html[data-theme="dark"] .clips-empty{color:#AAA29A}
html[data-theme="dark"] .highlight-card__meta{border-top-color:#3E3935}
html[data-theme="dark"] .highlight-card__comments{text-decoration-color:#625C55}
html[data-theme="dark"] .clip-dialog{background:#1B1917;color:#F7F4F1}
html[data-theme="dark"] .clip-dialog__close{background:#F7F4F1}
html[data-theme="dark"] .clip-comments{background:#1B1917}
html[data-theme="dark"] .clip-comments__header,
html[data-theme="dark"] .clip-comments__form{border-color:#403B37}
html[data-theme="dark"] .clip-comment__text,
html[data-theme="dark"] .clip-comments__login p{color:#CFC8C1}
html[data-theme="dark"] .clip-comments__empty strong,
html[data-theme="dark"] .clip-comments__login p strong{color:#F7F4F1}
html[data-theme="dark"] .clip-comments__login,
html[data-theme="dark"] .clip-comments__field{background:#24211F;border-color:#4A4540}
html[data-theme="dark"] .clip-comments__field textarea{color:#F7F4F1}
html[data-theme="dark"] .clip-comments__field textarea::placeholder{color:#918A83}
html[data-theme="dark"] .clip-comments__form-bottom{border-top-color:#403B37}