.skip{position:fixed;top:-100px;left:20px;background:var(--action);color:var(--canvas);padding:12px;z-index:20}.skip:focus{top:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#060b14;border-right:1px solid #1b2532;padding:36px 20px 20px;display:flex;flex-direction:column;z-index:5}.brand-home{display:flex;flex-direction:column;gap:20px;padding:0 14px 40px}.brand-caption{font-size:12px;letter-spacing:2px;color:var(--subtle)}.side-label{font-size:12px;letter-spacing:1.6px;color:var(--subtle);padding:0 14px;margin-bottom:12px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:.875rem;min-height:48px;margin:3px 0}.nav-item.active{background:#52bec613;color:#6fd6dc;box-shadow:inset 2px 0 var(--brand)}.nav-item:hover{background:#52bec60c;color:#fff}.nav-item span[data-icon]{display:flex}.count{margin-left:auto;font-size:.75rem}.side-divider{height:1px;background:#1d2732;margin:26px 14px}.side-bottom{margin-top:auto;padding:20px 14px 0}.curation-mark{display:flex;gap:12px;align-items:center}.curation-mark img{object-fit:contain}.curation-mark span{font-size:.75rem;line-height:1.6;color:var(--muted)}.curation-mark strong{font-weight:500;color:white}.side-bottom p{font-size:.75rem;line-height:1.8;color:var(--subtle);margin:18px 0 24px}.ds-link{border-top:1px solid var(--border);padding-top:16px;display:flex;justify-content:space-between;font-size:.75rem;color:var(--subtle)}.workspace{margin-left:228px}.topbar{height:80px;border-bottom:1px solid #1b2532;display:flex;align-items:center;justify-content:space-between;padding:0 40px}.breadcrumb{font-size:.75rem;color:var(--subtle)}.breadcrumb span{margin:0 14px;color:#516074}.breadcrumb strong{font-weight:400;color:var(--muted)}.top-actions{display:flex;gap:20px;align-items:center}.preview-label{font-size:12px;letter-spacing:1.5px;color:var(--subtle)}.profile{width:36px;min-height:36px;border-radius:50%;border:1px solid #3d646e;color:var(--brand);background:#17313b;font-size:.875rem}main{max-width:1740px;margin:auto;padding:34px 40px 0}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:29px;position:relative}.intro h1{margin:12px 0 12px}.intro h1 em{font-style:normal;color:var(--brand)}.intro p{font-size:.875rem;color:var(--muted);margin:0}.intro-link{display:flex;gap:24px;white-space:nowrap;background:transparent;color:var(--subtle);border:0;font-size:.75rem;padding-bottom:4px}.intro-link span{color:var(--brand)}.search-row{display:flex;gap:12px}.search{flex:1;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);padding:0 18px;border-radius:12px;min-height:54px;color:var(--subtle)}.search:focus-within{border-color:var(--brand)}.search input{background:transparent;border:none;outline:none!important;color:var(--text);width:100%;font-size:.875rem;min-width:0}.search input::placeholder{color:#8d9bae}.search kbd{border:1px solid var(--border);border-radius:4px;padding:0 7px;color:#6c7e92;font:13px var(--font)}.filter-toggle{font-size:.875rem}.filter-toggle[aria-expanded=true]{background:#52bec614;border-color:var(--brand)}.segments{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.segment{min-height:36px;padding:7px 14px;font-size:.75rem;border-radius:30px;background:transparent;border:1px solid var(--border);color:var(--muted)}.segment:hover{border-color:var(--brand)}.segment.active{color:#07121b;background:var(--brand);border-color:var(--brand);font-weight:500}.advanced{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:18px;padding:20px;margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.advanced[hidden]{display:none}.advanced label{font-size:.75rem;color:var(--muted)}select{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;min-height:44px;padding:8px 32px 8px 12px;font-size:.875rem}.advanced select{display:block;width:100%;margin-top:7px}.clear{background:none;border:0;color:var(--brand);font-size:.75rem;align-self:end;padding:12px}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 4px}.results-bar>div{display:flex;align-items:center;gap:16px}.results-bar h2{font-size:1rem;margin:0;font-weight:500}.results-bar #results-count{font-size:.75rem;color:var(--subtle)}.sort-label{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--subtle);white-space:nowrap}.sort-label select{font-size:.75rem;border:0;background:transparent;min-height:36px;padding-right:8px}.sort-label option{background:var(--surface)}.demo-note{font-size:.75rem;color:var(--subtle);margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ad-card{min-width:0;border:1px solid #25303d;border-radius:14px;background:var(--surface);overflow:hidden;transition:border-color .18s,transform .18s}.ad-card:hover{border-color:#467c85;transform:translateY(-3px)}.media-open{display:block;position:relative;width:100%;background:#080b10;border:0;padding:16px;cursor:zoom-in;overflow:hidden}.media-open img{display:block;width:100%;height:300px;object-fit:contain;transition:transform .3s}.format-label{position:absolute;bottom:12px;left:12px;border:1px solid #ffffff25;background:#07101be8;padding:5px 8px;border-radius:5px;color:#d5e0e8;display:flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.5px}.format-label svg{width:12px;height:12px}.card-body{padding:18px 18px 12px}.advertiser{font-size:12px;letter-spacing:1.3px;color:var(--subtle);text-transform:uppercase;margin-bottom:6px}.card-title{font-size:.95rem;line-height:1.5;font-weight:500;margin-bottom:12px;background:none;padding:0;border:0;text-align:left;min-height:0}.card-title:hover{color:var(--brand)}.angle-tag{color:var(--brand);font-size:.75rem}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #25303d;margin-top:14px;padding-top:9px}.credit{font-size:12px;color:var(--subtle);display:flex;align-items:center;gap:5px}.credit span{height:5px;width:5px;background:var(--brand);display:block}.card-actions{display:flex;gap:3px}.reaction{border:0;background:none;display:flex;align-items:center;gap:5px;color:var(--subtle);font-size:.75rem;padding:5px 8px;min-height:36px}.reaction svg{width:17px;height:17px}.reaction[aria-pressed=true]{color:var(--brand)}.reaction[aria-pressed=true] svg{fill:#52bec633}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;background:var(--surface);border:1px dashed var(--border);border-radius:14px}.empty svg{width:34px;height:34px;color:var(--brand);margin-bottom:12px}.empty h3{margin-bottom:8px}.empty p{color:var(--muted);font-size:.875rem}.support{margin-top:48px;border-top:1px solid var(--border);padding-top:30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.support-title h2{font-size:1.125rem;margin:8px 0}.support-card{display:flex;align-items:center;gap:16px;border:1px solid var(--border);border-radius:12px;background:transparent;padding:18px;text-align:left;min-height:104px}.support-card:hover{border-color:var(--brand)}.support-card>span:first-child{color:var(--brand)}.support-card>span:last-child{margin-left:auto;color:var(--brand)}.support-card h3{font-size:.875rem;margin-bottom:4px}.support-card p{font-size:.75rem;color:var(--subtle);margin:0}footer{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:32px 0;font-size:12px;color:var(--subtle)}footer p{margin:0}footer a{white-space:nowrap}dialog{color:var(--text);background:var(--surface);border:1px solid #34414f;padding:0;border-radius:18px;max-height:90dvh;width:min(1080px,94vw)}dialog::backdrop{background:#000814d9;backdrop-filter:blur(8px)}dialog[open]{animation:appear .18s ease}.detail-head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);font-size:.75rem;color:var(--muted)}.detail-body{display:grid;grid-template-columns:46% 54%;max-height:calc(90dvh - 78px);overflow:auto}.detail-media{padding:24px;background:#050910;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px}.detail-media img{max-width:100%;width:100%;height:550px;object-fit:contain}.gallery-nav{display:flex;align-items:center;justify-content:center;gap:20px;font-size:.75rem;color:var(--muted)}.detail-text{padding:32px}.detail-text h2{font-size:1.75rem;margin:10px 0 14px;letter-spacing:-.7px}.detail-tags{display:flex;gap:6px;flex-wrap:wrap}.detail-actions{display:flex;gap:10px;margin:22px 0}.detail-actions .btn{font-size:.75rem;padding:8px 12px}.detail-actions .btn[aria-pressed=true]{border-color:var(--brand);color:var(--brand);background:#52bec614}.analysis-block{position:relative;margin:28px 0;padding:20px 0 20px 20px;border-left:1px solid var(--brand)}.analysis-block:before{position:absolute;content:'';width:4px;height:18px;left:-2px;top:24px;background:var(--action)}.analysis-block h3{font-size:1rem;margin:12px 0}.analysis-block p{font-size:.875rem;color:#c6d1dd;margin-bottom:14px}.analysis-block p:last-child{margin:0}.tech-title{font-size:.875rem;border-bottom:1px solid var(--border);padding-bottom:12px}.tech{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.tech dt{font-size:.75rem;color:var(--subtle)}.tech dd{margin:3px 0 0;font-size:.875rem}.source-note{margin:24px 0 10px;font-size:.75rem;color:var(--subtle)}.source-link{font-size:.75rem;color:var(--brand)}#info{width:min(520px,92vw);padding:38px}.info-close{position:absolute;right:16px;top:16px}.info-penguin{width:60px;height:60px;object-fit:contain;margin-bottom:16px}#info h2{margin-top:12px}#info p,#info li{color:var(--muted);font-size:.875rem}#info li{padding:8px 0}#info ol{padding-left:20px}#info .btn{margin-top:12px}#toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 22px;background:#d6f6f8;color:#04212c;border-radius:10px;box-shadow:0 12px 40px #0006;z-index:30;opacity:0;pointer-events:none;font-size:.875rem;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.media-open img{height:340px}}@media(max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.workspace{margin-left:205px}main{padding:28px 24px 0}.topbar{padding:0 24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.support{grid-template-columns:1fr 1fr}.support-title{grid-column:1/-1}.intro-link{display:none}.advanced{grid-template-columns:1fr 1fr}.results-bar>div{display:block}.results-bar h2{margin-bottom:6px}}
@media(max-width:760px){.sidebar{position:static;width:auto;flex-direction:row;flex-wrap:wrap;padding:16px 20px 8px;gap:8px;border-bottom:1px solid var(--border);border-right:0}.brand-home{padding:0;flex-direction:row;align-items:center;gap:14px;margin-bottom:6px}.logo{width:73px}.brand-caption{font-size:12px;max-width:80px}.sidebar nav{display:flex;width:100%;gap:4px}.nav-item{justify-content:center;padding:10px 8px;font-size:.75rem;gap:6px}.sidebar nav .nav-item{flex:1}.nav-item.active{box-shadow:inset 0 -2px var(--brand)}.sidebar>.side-label,.sidebar>.nav-item,.side-divider,.side-bottom{display:none}.count{margin-left:0}.workspace{margin-left:0}.topbar{height:52px;padding:0 20px}.breadcrumb{font-size:12px}.breadcrumb span{margin:0 6px}.preview-label{font-size:12px;letter-spacing:.7px}.top-actions{gap:10px}.profile{width:28px;min-height:28px}main{padding:26px 20px 0}.intro h1{font-size:1.75rem;letter-spacing:-.7px}.eyebrow{font-size:12px;letter-spacing:1px}.intro p{font-size:.875rem}.search kbd{display:none}.search{padding:0 12px}.search-row{flex-wrap:wrap}.search{flex-basis:100%}.filter-toggle{min-height:38px;font-size:.75rem}.segments{gap:7px}.segment{padding:7px 11px}.advanced{grid-template-columns:1fr}.results-bar{align-items:flex-start;margin-top:24px}.results-bar h2{font-size:.875rem;max-width:180px}.sort-label{flex-direction:column;align-items:flex-end;gap:0;font-size:12px}.sort-label select{font-size:.75rem;max-width:138px}.grid{gap:16px}.card-body{padding:14px 12px 10px}.card-title{font-size:.875rem}.media-open{padding:8px}.media-open img{height:235px}.card-bottom{align-items:flex-start}.credit{font-size:12px}.card-actions{gap:0}.reaction{padding:5px}.advertiser{font-size:12px}.format-label{font-size:12px;padding:3px 5px;bottom:7px;left:7px}.support{grid-template-columns:1fr;margin-top:30px;gap:12px}.support-card{min-height:90px}footer{flex-wrap:wrap;gap:12px}footer p{order:3}.detail-body{grid-template-columns:1fr;max-height:calc(92dvh - 77px)}dialog{max-height:92dvh;width:96vw;border-radius:14px}.detail-media{padding:16px}.detail-media img{height:390px}.detail-text{padding:24px}.detail-head{padding:12px 16px}.detail-text h2{font-size:1.5rem}.detail-actions{flex-wrap:wrap}.demo-note{font-size:12px}#toast{width:90%;text-align:center}.tech{gap:14px}.search input{font-size:.8rem}}
@media(max-width:390px){.grid{grid-template-columns:1fr}.media-open img{height:360px}.preview-label{display:none}.intro h1{font-size:1.6rem}.results-bar{gap:8px}}
@media print{body{background:white;color:#111}.sidebar,.workspace,.detail-head,.detail-actions,.gallery-nav,#info,#toast{display:none!important}dialog#detail[open]{display:block!important;position:static;max-height:none;width:100%;border:none;background:white;color:#111}.detail-body{display:block;max-height:none;overflow:visible}.detail-media{background:white}.detail-media img{height:350px}.detail-text{padding:10px}.detail-text p,.detail-text dt,.detail-text dd{color:#333}.analysis-block{break-inside:avoid}.source-link{color:#111}.source-link:after{content:' (' attr(href) ')';font-size:12px}.chip{color:#333}}