.audience-page{width:min(1160px,100%);margin:0 auto;padding:18px}
.language{cursor:pointer;color:#fff}.language.active{border-color:#37bfe8;background:#102a33}
.audience-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border:1px solid #1f1f1f;border-radius:8px;background:linear-gradient(135deg,#090909,#26190f 50%,#072732);color:#fff;box-shadow:0 7px 0 rgba(0,0,0,.11),0 32px 74px rgba(0,0,0,.2)}
.audience-hero h1{font-size:clamp(34px,5vw,58px)}
.period-control{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(0,0,0,.24)}
.period-control button{width:38px;height:34px;border:1px solid #4a4a4a;border-radius:5px;background:#181818;color:#fff;font-weight:900;cursor:pointer}
.period-control button.active{border-color:#ffb000;background:linear-gradient(145deg,#ff7a1a,#ffb000);color:#111;box-shadow:0 3px 0 #914000}
.period-control span{padding:0 7px;font-size:12px;font-weight:900;color:#ddd}
.metric-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin-top:14px}
.metric-tile{display:grid;align-content:space-between;min-height:112px;padding:14px;border:1px solid #e2d8ca;border-radius:7px;background:linear-gradient(180deg,#fff,#fff9f2);box-shadow:0 4px 0 rgba(0,0,0,.05),0 18px 36px rgba(0,0,0,.09)}
.metric-tile span{font-size:12px;font-weight:850;color:#685848}.metric-tile strong{font-size:31px;line-height:1}.metric-tile small{font-size:10px;font-weight:900;color:#86632a}.metric-tile.unique{border-color:#ffd28a;background:linear-gradient(180deg,#fffdf7,#fff1d7)}.metric-tile.quality{border-color:#aaddec;background:linear-gradient(180deg,#f7fdff,#eafaff)}
.audience-band{margin-top:18px;padding:22px 0;border-top:1px solid #eadfce}
.daily-chart{display:grid;grid-template-columns:repeat(var(--days,30),minmax(5px,1fr));align-items:end;gap:4px;height:220px;padding:18px 12px 26px;border:1px solid #2b2b2b;border-radius:8px;background:linear-gradient(180deg,#111,#17120e);box-shadow:0 6px 0 rgba(0,0,0,.1),0 26px 54px rgba(0,0,0,.18)}
.daily-chart.empty{display:grid;grid-template-columns:1fr;place-items:center;color:#d9d9d9;text-align:center}.daily-chart.empty p{max-width:520px;margin:0;color:#d9d9d9}
.chart-day{position:relative;min-width:0;height:var(--height,4%);min-height:4px;border-radius:4px 4px 1px 1px;background:linear-gradient(180deg,#37bfe8,#ff7a1a);box-shadow:0 0 12px rgba(55,191,232,.22)}
.chart-day:hover:after{content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 7px);z-index:2;transform:translateX(-50%);width:max-content;max-width:130px;padding:5px 7px;border-radius:5px;background:#fff;color:#111;font-size:11px;font-weight:900;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.audience-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}
.ranking-panel{padding:20px;border:1px solid #e2d8ca;border-radius:8px;background:#fff;box-shadow:0 4px 0 rgba(0,0,0,.04),0 20px 44px rgba(0,0,0,.08)}
.ranking{display:grid;gap:9px;margin-top:14px}.rank-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.rank-row b{overflow-wrap:anywhere;font-size:13px}.rank-row strong{font-size:13px}.rank-track{grid-column:1/-1;height:7px;border-radius:5px;background:#eee4d8;overflow:hidden}.rank-track i{display:block;height:100%;width:var(--width);background:linear-gradient(90deg,#ff7a1a,#ffb000,#37bfe8)}
.validation-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.5fr);gap:28px;align-items:center;margin-top:18px;padding:24px;border-radius:8px;background:linear-gradient(135deg,#0b0b0b,#24190f 55%,#09262f);color:#fff;box-shadow:0 7px 0 rgba(0,0,0,.1),0 28px 58px rgba(0,0,0,.2)}
.validation-meter{display:grid;gap:8px}.validation-meter>div{height:13px;border:1px solid #3d4e54;border-radius:8px;background:#071115;overflow:hidden}.validation-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff7a1a,#ffb000,#35b779);transition:width .4s ease}.validation-meter strong{font-size:21px}.validation-meter small{color:#d5e4e8}
.privacy-note{margin-top:18px;padding:17px;border-left:5px solid #37bfe8;border-radius:7px;background:#eefaff}.privacy-note p{margin:6px 0;color:#37474d}.privacy-note span{font-size:12px;font-weight:800;color:#5b6f76}
.loading .metric-tile strong{color:transparent;background:linear-gradient(90deg,#eee,#fff,#eee);background-size:200% 100%;animation:audience-loading 1.2s linear infinite;border-radius:5px}
@keyframes audience-loading{to{background-position:-200% 0}}
@media(max-width:900px){.metric-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.audience-columns,.validation-band{grid-template-columns:1fr}.daily-chart{gap:2px}}
@media(max-width:600px){.audience-page{padding:10px}.audience-hero{align-items:flex-start;flex-direction:column;padding:20px 15px}.period-control{width:100%;justify-content:center}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile{min-height:96px;padding:12px}.metric-tile strong{font-size:26px}.daily-chart{height:180px;padding-left:7px;padding-right:7px}.audience-columns{gap:12px}.ranking-panel,.validation-band{padding:15px}}