@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
.play-clip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #ffffff6b;border-radius:50%;background:#111820bf;backdrop-filter:blur(5px);font-size:1.5rem;display:grid;place-items:center;padding:0 0 0 3px;box-shadow:0 4px 20px #0006}.play-clip:hover{background:#ff765eee;color:#111318;border-color:#ff765e}.review-dimensions{border-top:1px solid var(--border);margin-top:20px;padding-top:16px}.review-dimensions strong{font-size:.875rem;color:#e9edf1}.review-dimensions p{font-size:.9rem;margin:5px 0 16px}.comparison-item .media-wrap{aspect-ratio:16/11}.detail-media .media-wrap>video{max-height:65vh}.media-nav button img{pointer-events:none}
:root{--bg:#101215;--surface:#1a1d21;--surface2:#22262c;--border:#353a42;--text:#f3f4f5;--muted:#a4aab3;--accent:#ff765e;--mint:#82e3c4;--cols:4;font:16px 'DM Sans',system-ui,sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint)}button{cursor:pointer;color:var(--text);background:transparent;border:1px solid var(--border);border-radius:7px;padding:9px 13px;font-size:.875rem;line-height:1.35}button:hover{background:#2b3037;border-color:#6b7480}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.masthead{display:flex;align-items:center;gap:25px;min-height:76px;padding:16px 32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-family:'Space Grotesk',sans-serif;letter-spacing:.09em;font-size:1.05rem;white-space:nowrap}.brand b{font-weight:400;color:var(--muted)}.mark{background:var(--accent);color:#111318;font-weight:700;width:30px;height:30px;display:grid;place-items:center;border-radius:5px;margin-right:7px}.collection-meta{color:var(--muted);font-size:.8rem}.header-actions{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:.875rem}.header-actions>a{color:var(--muted)}.header-actions button:first-child{border:0;padding:6px;color:var(--muted)}main{padding:25px 32px 0;max-width:3000px;margin:auto}.view-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:var(--accent);font-weight:700}h1{font:500 clamp(1.8rem,2.5vw,2.8rem)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.045em;margin:6px 0 0}.stats{display:flex;gap:32px}.stats>div{display:flex;flex-direction:column;gap:3px}.stats strong{font:500 1.6rem 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.stats span{font-size:.8rem;color:var(--muted)}.work-controls{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0;display:grid;gap:15px}.main-controls{display:flex;align-items:center;gap:20px}.view-tabs{display:flex;gap:6px}.view-tabs button{border-color:transparent;color:var(--muted);white-space:nowrap}.view-tabs button.active{background:var(--text);color:var(--bg)}.view-tabs span{margin-left:6px;font-size:.75rem;opacity:.65}.search{margin-left:auto;background:var(--surface);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;gap:8px;padding:7px 13px;width:330px;min-width:200px}.search span{font-size:1.4rem;color:var(--muted)}.search input{min-width:0;width:100%;border:0;background:transparent;color:var(--text);font-size:.875rem}.search input:focus{outline:0}.search:focus-within{border-color:var(--mint)}.filter-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.filter-row label{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:8px}.filter-row select{max-width:290px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:7px 8px;color:var(--text);font-size:.875rem}.media-filter{margin-left:auto;white-space:nowrap}.media-filter input{accent-color:var(--accent)}.density{display:flex;align-items:center;gap:4px}.density span{color:var(--muted);font-size:.8rem;margin-right:4px}.density button{padding:6px 9px;color:var(--muted);border-color:transparent}.density button.active{color:var(--text);border-color:#646c77;background:var(--surface2)}.play-visible{border-color:#537669;color:var(--mint);white-space:nowrap;padding:7px 12px}.result-line{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:.8rem;margin:6px 0}.result-line p:first-child{color:#d3d7dd}.grid{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:22px 18px}.card{min-width:0;background:var(--surface);border:1px solid #2c3138;border-radius:9px;overflow:hidden;transition:border-color .15s;position:relative}.card:hover{border-color:#68717c}.card.selected{border-color:var(--mint);box-shadow:0 0 0 1px var(--mint)}.media-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:#080a0c;display:grid;place-items:center}.media-wrap>img,.media-wrap>video{width:100%;height:100%;object-fit:contain;display:block}.media-wrap>video{max-height:100%}.media-wrap>img{cursor:zoom-in}.media-actions{position:absolute;top:10px;left:10px;right:10px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.badge{font-size:.75rem;font-weight:700;background:rgba(14,16,20,.88);color:white;backdrop-filter:blur(8px);border:1px solid #ffffff30;padding:5px 8px;border-radius:4px;white-space:nowrap}.badge.pick{background:var(--accent);color:#181719;border-color:var(--accent)}.select-card{pointer-events:auto;background:#101215c9;backdrop-filter:blur(8px);padding:5px 8px;margin-left:auto;font-size:.8rem}.select-card[aria-pressed=true]{background:var(--mint);color:#10261e;border-color:var(--mint)}.media-count{position:absolute;bottom:11px;right:11px;background:#101215d9;padding:4px 7px;font-size:.75rem;border-radius:4px;pointer-events:none}.card-body{padding:15px 15px 13px}.category-line{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.75rem;margin-bottom:6px;gap:8px}.card h2{font:500 1.05rem/1.3 'Space Grotesk',sans-serif;letter-spacing:-.015em;margin:0;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card h2 button{font:inherit;padding:0;border:0;text-align:left;line-height:inherit}.card h2 button:hover{background:transparent;color:var(--accent)}.author-line{color:var(--muted);font-size:.8rem;margin:8px 0 13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics{display:flex;align-items:center;border-top:1px solid var(--border);padding-top:11px;gap:14px}.metrics>div{display:flex;flex-direction:column;gap:2px}.metrics strong{font:500 .95rem 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums}.metrics span{font-size:.75rem;color:var(--muted)}.metrics .ratio{margin-left:auto;text-align:right}.ratio strong{color:var(--mint);font-size:1.2rem}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:13px}.card-footer>button,.card-footer>a{font-size:.8rem;color:#c0c6ce;padding:0;border:0}.card-footer>button:hover{background:none;color:var(--accent)}.no-media{padding:25px;text-align:center;color:var(--muted);font-size:.9rem;line-height:1.6}.no-media strong{display:block;color:var(--text);font-weight:500;font-size:1rem;margin-bottom:8px}.no-media p{margin:0 0 12px}.no-media a{color:var(--accent)}.editorial-intro{display:flex;align-items:center;gap:30px;background:#27211e;border:1px solid #694338;border-radius:8px;padding:18px 22px;margin:0 0 20px}.editorial-intro strong{font:500 1.2rem 'Space Grotesk';min-width:220px}.editorial-intro p{max-width:900px;color:#d2c2b9;font-size:.9rem;line-height:1.5;margin:0}.load-more{display:block;margin:30px auto;min-width:240px;padding:14px}.empty{text-align:center;padding:80px 0;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;color:var(--muted);font-size:.75rem;line-height:1.6}.compare-bar{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:18px;max-width:calc(100% - 32px);border:1px solid #677f76;border-radius:10px;background:#192321f5;box-shadow:0 12px 50px #0009;padding:14px 18px;backdrop-filter:blur(14px);white-space:nowrap}.compare-bar strong{font-size:.9rem}.compare-bar #compareNames{max-width:340px;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;color:var(--muted)}.accent{background:var(--mint);color:#10261e;border-color:var(--mint);font-weight:600}.accent:hover{background:#a2f2d9;color:#10261e}.toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:90;padding:12px 20px;background:#f0f1f3;color:#17191b;border-radius:6px;box-shadow:0 6px 30px #0008;font-size:.9rem;text-align:center}dialog{background:var(--bg);color:var(--text);border:1px solid #505862;border-radius:12px;max-height:92vh;padding:0;box-shadow:0 25px 100px #000a}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:3;background:var(--bg)}.dialog-header h2{font:500 1.25rem 'Space Grotesk';margin:0}.dialog-header>div{display:flex;gap:12px}.dialog-header>span{color:var(--accent);font-size:.85rem}.close-dialog{border-color:transparent;font-size:1.1rem;padding:4px 8px}.detail-dialog{width:1400px;max-width:95vw}.detail-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr)}.detail-media{padding:24px;background:#080a0c}.detail-media .media-wrap{aspect-ratio:16/10;border-radius:6px}.detail-info{padding:24px;min-width:0}.detail-info h2{font:500 1.8rem/1.2 'Space Grotesk';margin:6px 0 12px;letter-spacing:-.025em}.detail-info p{line-height:1.6;color:#c5cbd3}.detail-info .author-line{font-size:.9rem}.source-credit{color:var(--muted);font-size:.8rem;line-height:1.5;margin:12px 0}.media-nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 0 2px}.media-nav button{display:flex;align-items:center;gap:5px;flex-shrink:0;padding:4px;color:var(--muted)}.media-nav img{width:66px;height:43px;object-fit:cover;border-radius:3px}.media-nav button.active{border-color:var(--accent)}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.score-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 10px}.score-grid strong{font:500 1.5rem 'Space Grotesk';color:var(--accent)}.score-grid small{color:var(--muted);font-size:.8rem}.score-grid span{display:block;font-size:.8rem;color:var(--muted);margin-top:4px}.review-title{font-size:.8rem;color:var(--accent);letter-spacing:.08em;margin-top:23px}.review-copy{font-size:1rem;line-height:1.6}.caveat{padding:13px 15px;background:#25262a;border-left:2px solid #7c8189;font-size:.875rem!important}.toolchain{display:flex;flex-wrap:wrap;gap:6px;margin:15px 0}.toolchain span{font-size:.8rem;border:1px solid var(--border);border-radius:5px;padding:5px 8px;color:#cdd3da}.evidence{margin-top:24px;border-top:1px solid var(--border);padding-top:18px}.evidence summary{cursor:pointer;color:var(--muted);font-size:.9rem}.evidence blockquote{margin:16px 0;color:#c0c6ce;font-size:.9rem;line-height:1.6;white-space:pre-line;border-left:2px solid var(--border);padding-left:14px}.evidence a,.detail-links a{color:var(--mint);font-size:.875rem}.detail-links{display:flex;flex-wrap:wrap;gap:15px;margin:18px 0}.compare-dialog{width:calc(100vw - 32px);max-width:3000px}.compare-dialog #compareContent{display:grid;grid-template-columns:repeat(var(--compare-cols,2),minmax(0,1fr));gap:0}.comparison-item{padding:20px;border-right:1px solid var(--border);min-width:0}.comparison-item:last-child{border-right:0}.comparison-item h3{font:500 1.2rem/1.3 'Space Grotesk';margin:16px 0 8px}.comparison-item p{font-size:.9rem;color:#c2c8d0;line-height:1.55}.comparison-item .score-grid>div{padding:9px}.comparison-item .score-grid span{font-size:.75rem}.about-dialog{width:750px;max-width:94vw}.about-dialog #aboutContent{padding:5px 26px 24px;line-height:1.7;color:#c4cad1}.about-dialog h3{font:500 1.25rem 'Space Grotesk';color:white;margin-bottom:8px}.about-dialog strong{color:var(--text)}.about-dialog a{color:var(--mint)}.about-dialog .formula{font:500 1.6rem 'Space Grotesk';color:var(--mint);border:1px solid var(--border);padding:20px;border-radius:7px}.about-dialog ul{padding-left:20px}.about-dialog li{margin:10px 0}body:has(.compare-bar:not([hidden])){padding-bottom:75px}@media(min-width:1900px){.grid{gap:26px 22px}.card h2{font-size:1.18rem}.media-wrap{aspect-ratio:16/10}}@media(max-width:1250px){:root{--cols:3}.collection-meta{display:none}.filter-row{gap:12px}.media-filter{margin-left:0}.density{margin-left:auto}.search{width:260px}.card-body{padding:13px}.result-line p:last-child{max-width:45%;text-align:right}.metrics{gap:10px}}@media(max-width:900px){:root{--cols:2}.masthead,main{padding-left:20px;padding-right:20px}.header-actions{gap:12px}.header-actions>a{display:none}.view-heading{align-items:flex-end}.stats{gap:18px}.stats>div:nth-child(2){display:none}.main-controls{flex-wrap:wrap}.search{width:100%}.filter-row label{flex-wrap:wrap}.filter-row select{max-width:230px}.detail-layout{grid-template-columns:1fr}.compare-dialog #compareContent{grid-template-columns:repeat(2,minmax(0,1fr))}.compareNames{display:none}.editorial-intro{display:block}.editorial-intro p{margin-top:10px}}@media(max-width:580px){:root{--cols:1}.masthead{padding:14px 15px}.brand{font-size:.9rem;gap:5px}.header-actions button:first-child{display:none}.header-actions #fullscreen span{display:none}main{padding:20px 14px 0}.view-heading{gap:15px}.view-heading h1{font-size:1.75rem}.stats strong{font-size:1.3rem}.stats>div:not(:first-child){display:none}.eyebrow{font-size:.7rem}.view-tabs{width:100%;overflow-x:auto;gap:0}.view-tabs button{font-size:.8rem;padding:9px}.view-tabs button:last-child{white-space:normal;max-width:140px}.filter-row{gap:12px}.filter-row label{width:100%}.filter-row select{flex:1;max-width:none}.filter-row .media-filter{width:auto}.density{display:none}.play-visible{margin-left:auto}.result-line p:last-child{display:none}.card h2{font-size:1.15rem;min-height:auto}.card-body{padding:16px}.metrics{gap:25px}.card-footer{margin-top:16px}.grid{gap:20px}.compare-bar{bottom:12px;gap:10px;padding:12px}.compare-bar #compareNames{display:none}.compare-bar button{font-size:.8rem;padding:8px}.compare-bar #clearCompare{display:none}.compare-bar strong{font-size:.8rem}.compare-dialog #compareContent{grid-template-columns:1fr}.dialog-header{padding:14px}.detail-media,.detail-info,.comparison-item{padding:15px}.detail-info h2{font-size:1.5rem}.detail-dialog{max-width:98vw}.score-grid{gap:6px}.score-grid>div{padding:10px 7px}.score-grid span{font-size:.75rem}footer{display:block}footer span{display:block;margin:5px 0}}

.playback-error{position:absolute;bottom:0;left:0;right:0;padding:10px 12px;background:#0c1117e8;color:#dce3e8;font-size:.8rem;line-height:1.5}.playback-error a{color:var(--mint)}
.comparison-item h3{min-height:3.9em}.comparison-item>.source-credit{min-height:3em}.comparison-item>.metrics{min-height:66px}.comparison-item>.score-grid{min-height:86px}.comparison-item>.review-copy{min-height:12em}@media(max-width:580px){.comparison-item h3,.comparison-item>.source-credit,.comparison-item>.review-copy{min-height:0}}
:fullscreen .view-heading,:fullscreen .editorial-intro,:fullscreen footer,:fullscreen .result-line{display:none!important}:fullscreen .masthead{min-height:56px;padding-top:10px;padding-bottom:10px}:fullscreen main{padding-top:12px}:fullscreen .work-controls{border-top:0;padding-top:0;margin-bottom:18px}:fullscreen .masthead .collection-meta{display:none}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.grid{grid-template-columns:minmax(0,1fr)}.header-actions #aboutButton{display:block;font-size:.75rem;max-width:82px;padding:0}.header-actions{gap:9px}}