:root{--v271-border:rgba(255,255,255,.11);--v271-panel:#11111a;--v271-muted:#aaa9bd}
.v271-discovery-view{padding:34px 26px 80px;min-height:100vh}
.v271-shell{width:min(1260px,100%);margin:0 auto;display:grid;gap:22px}
.v271-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:38px;border:1px solid var(--v271-border);border-radius:28px;background:linear-gradient(125deg,rgba(92,69,184,.22),rgba(231,34,151,.16))}
.v271-hero h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.95;margin:8px 0 16px;letter-spacing:-.055em}
.v271-hero p{max-width:760px;color:var(--v271-muted);font-size:1.05rem;line-height:1.6;margin:0}.v271-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.v271-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v271-stats article{padding:20px;border:1px solid var(--v271-border);border-radius:18px;background:var(--v271-panel)}.v271-stats span{display:block;color:var(--v271-muted);font-size:.8rem}.v271-stats strong{font-size:2rem;margin-top:6px;display:block}
.v271-controls{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px;border:1px solid var(--v271-border);border-radius:18px;background:var(--v271-panel)}
.v271-segment{display:flex;gap:5px;flex-wrap:wrap}.v271-segment button,.v271-random button{border:1px solid var(--v271-border);background:#171722;color:#fff;border-radius:999px;padding:11px 16px;font-weight:700;cursor:pointer}.v271-segment button.active{border-color:#e328a0;background:linear-gradient(100deg,#d71891,#8d4ff2)}.v271-selects{display:flex;gap:10px}.v271-selects select{min-height:44px;border:1px solid var(--v271-border);border-radius:12px;background:#171722;color:#fff;padding:0 14px}
.v271-random{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px;border:1px solid var(--v271-border);border-radius:20px;background:linear-gradient(120deg,rgba(255,255,255,.04),rgba(136,74,236,.08))}.v271-random h2{margin:4px 0 0}.v271-random>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.v271-loading,.v271-empty{padding:38px;text-align:center;border:1px dashed var(--v271-border);border-radius:18px;color:var(--v271-muted)}
.v271-sections{display:grid;gap:34px}.v271-section,.v271-recommendations{display:grid;gap:16px;padding:24px;border:1px solid var(--v271-border);border-radius:24px;background:rgba(12,12,19,.72)}.v271-section-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.v271-section-head h2{font-size:1.65rem;margin:0 0 6px}.v271-section-head p{margin:0;color:var(--v271-muted)}
.v271-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.v271-card{display:grid;text-align:left;padding:0;border:1px solid var(--v271-border);border-radius:18px;overflow:hidden;background:#101019;color:#fff;cursor:pointer;transition:.2s transform,.2s border-color}.v271-card:hover{transform:translateY(-4px);border-color:rgba(234,38,163,.65)}.v271-card-image{position:relative;aspect-ratio:4/3;background:#181824;overflow:hidden}.v271-card-image img{width:100%;height:100%;object-fit:cover;display:block}.v271-rank,.v271-kind{position:absolute;top:10px;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900;background:rgba(5,5,10,.78);backdrop-filter:blur(10px)}.v271-rank{left:10px;color:#ff78c8}.v271-kind{right:10px}.v271-card-body{padding:15px;min-width:0}.v271-card-body h3{font-size:1.04rem;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v271-card-body p{color:var(--v271-muted);font-size:.82rem;margin:0 0 10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.v271-card-metrics{display:flex;justify-content:space-between;gap:6px;color:#e0deea;font-size:.75rem}.v271-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.v271-tags span{font-size:.68rem;padding:4px 7px;border-radius:999px;border:1px solid var(--v271-border);color:#bbb9cd}
@media(max-width:1050px){.v271-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.v271-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:760px){.v271-discovery-view{padding:18px 12px 90px}.v271-hero{padding:24px}.v271-stats{grid-template-columns:repeat(2,1fr)}.v271-controls,.v271-random{align-items:stretch;flex-direction:column}.v271-selects{display:grid;grid-template-columns:1fr}.v271-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v271-card-image{aspect-ratio:3/4}.v271-card-metrics{display:grid}}
@media(max-width:420px){.v271-card-grid{grid-template-columns:1fr}.v271-segment{display:grid;grid-template-columns:1fr 1fr}}

/* V27.1.1 — transparence des métriques réelles */
.v271-tracking-note {
  margin: -8px 0 22px;
  padding: 10px 14px;
  border: 1px solid rgba(89, 224, 174, .25);
  border-radius: 12px;
  background: rgba(30, 118, 88, .10);
  color: rgba(225, 255, 244, .78);
  font-size: .88rem;
  line-height: 1.5;
}
.v271-live-badge {
  display: inline-flex;
  align-items: center;
  border: 1px solid rgba(89, 224, 174, .25);
  border-radius: 999px;
  padding: 3px 7px;
  color: #8af0c8;
  background: rgba(30, 118, 88, .11);
  font-size: .68rem;
  font-weight: 700;
  white-space: nowrap;
}