.analytics-page,.tools-page{display:grid;gap:18px;max-width:1380px;margin:auto}.visual-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border-radius:22px;background:linear-gradient(120deg,#18142f,#402164 58%,#77367d);color:#fff;box-shadow:0 18px 46px rgba(47,28,82,.17)}.visual-hero .eyebrow{color:#e879f9}.visual-hero h2{margin:6px 0;font-size:29px}.visual-hero p{margin:0;color:#ece4f5}.visual-hero .btn{flex:0 0 auto;border:0;background:#fff;color:#51258a}.analytics-controls,.tools-top{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.visual-account-picker{width:min(400px,100%)}.visual-account-picker label,.analytics-controls form:last-child label{display:grid;gap:6px;font-size:11px;font-weight:800}.visual-account-picker select,.analytics-controls input{height:42px;padding:0 12px;border:1px solid #d0d5dd;border-radius:10px;background:#fff}.analytics-controls>form:last-child{display:flex;align-items:end;gap:9px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric-grid article{display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #e4e7ec;border-radius:15px;background:#fff}.metric-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#f4ebff;color:#7f56d9;font-weight:900}.metric-icon.blue{background:#eff8ff;color:#1570ef}.metric-icon.green{background:#ecfdf3;color:#039855}.metric-icon.pink{background:#fdf2fa;color:#c11574}.metric-icon.red{background:#fef3f2;color:#d92d20}.metric-icon.orange{background:#fffaeb;color:#dc6803}.metric-icon.cyan{background:#ecfdff;color:#0891b2}.metric-icon.violet{background:#f4f3ff;color:#6938ef}.metric-grid p{display:grid;gap:3px;margin:0}.metric-grid small{color:#667085;font-size:10px}.metric-grid strong{font-size:22px}.analytics-main-grid,.audience-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.audience-grid{grid-template-columns:repeat(2,1fr)}.visual-card{border:1px solid #e4e7ec;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.04)}.visual-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;border-bottom:1px solid #f2f4f7}.visual-card>header>div{display:grid;gap:3px}.visual-card header small,.visual-card header span{color:#98a2b3;font-size:10px}.analytics-chart{padding:18px 20px}.analytics-chart svg{width:100%;height:210px;overflow:visible}.analytics-chart footer{display:flex;justify-content:space-between;color:#98a2b3;font-size:9px}.analytics-chart footer strong{color:#6941c6;font-size:13px}.chart-empty,.visual-empty-copy{padding:70px 20px;color:#667085;text-align:center}.demographic-bars{display:grid;gap:13px;padding:19px}.demographic-bars>div{display:grid;gap:6px}.demographic-bars span{display:flex;justify-content:space-between;font-size:11px}.demographic-bars em{color:#667085;font-style:normal}.demographic-bars i{height:7px;overflow:hidden;border-radius:999px;background:#f2f4f7}.demographic-bars i b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#7f56d9,#c84bdc)}.analytics-note{padding:13px 16px;border-radius:12px;background:#fffaeb;color:#7a2e0e;font-size:11px}.visual-zero{display:grid;align-content:center;justify-items:center;gap:8px;min-height:380px;padding:45px 20px;border:1px dashed #d0d5dd;border-radius:20px;background:#fff;text-align:center}.visual-zero.compact{min-height:240px}.visual-zero>span{display:grid;width:52px;height:52px;place-items:center;border-radius:15px;background:#f4ebff;color:#7f56d9;font-size:22px}.visual-zero h3,.visual-zero p{margin:0}.visual-zero p{color:#667085}.tools-top{align-items:center}.tools-top nav{display:flex;gap:5px;overflow-x:auto}.tools-top nav a{display:grid;justify-items:center;gap:4px;min-width:92px;padding:9px 11px;border-radius:10px;color:#667085;text-decoration:none;font-size:10px;font-weight:800}.tools-top nav a i{font-size:16px;font-style:normal}.tools-top nav a.active{background:#f4ebff;color:#6941c6}.health-summary{display:flex;align-items:center;gap:17px;padding:25px;border:1px solid #a6f4c5;border-radius:18px;background:linear-gradient(120deg,#ecfdf3,#f6fef9)}.health-summary>span{display:grid;width:55px;height:55px;place-items:center;border-radius:50%;background:#12b76a;color:#fff;font-size:24px}.health-summary h3,.health-summary p{margin:3px 0}.health-summary small{color:#027a48}.health-summary:not(.healthy){border-color:#fedf89;background:#fffaeb}.health-summary:not(.healthy)>span{background:#f79009}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.health-grid article{display:flex;align-items:center;gap:12px;padding:18px;border:1px solid #e4e7ec;border-radius:15px;background:#fff}.health-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px}.health-grid .ok{background:#ecfdf3;color:#039855}.health-grid .bad{background:#fef3f2;color:#d92d20}.health-grid p{display:grid;gap:4px;margin:0}.health-grid small{color:#667085;font-size:9px}.health-advice{padding:14px 18px;border-radius:14px;background:#fffaeb;color:#7a2e0e}.tool-section-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.tool-section-head h3,.tool-section-head p{margin:2px 0}.tool-section-head p{color:#667085;font-size:11px}.tool-section-head>b{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#f4ebff;color:#6941c6}.live-content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.live-content-grid article{overflow:hidden;border:1px solid #e4e7ec;border-radius:16px;background:#fff}.live-content-grid article>img,.live-content-grid article>span{display:grid;width:100%;height:230px;place-items:center;object-fit:cover;background:#f2f4f7;color:#98a2b3;font-size:30px}.live-content-grid article>div{padding:13px}.live-content-grid p{display:-webkit-box;min-height:42px;margin:0 0 12px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:12px;line-height:1.7}.live-content-grid footer{display:flex;justify-content:space-between;color:#667085;font-size:9px}.live-content-grid a{color:#6941c6;text-decoration:none;font-weight:800}.story-strip{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:12px;overflow-x:auto;padding-bottom:7px}.story-strip a{position:relative;height:230px;overflow:hidden;border:3px solid #d6bbfb;border-radius:19px;background:#f2f4f7}.story-strip img,.story-strip a>span{display:grid;width:100%;height:100%;place-items:center;object-fit:cover}.story-strip small{position:absolute;right:7px;bottom:7px;padding:5px 7px;border-radius:7px;background:rgba(16,24,40,.75);color:#fff}.story-metrics{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.story-metrics article{display:grid;gap:6px;padding:14px;border:1px solid #e4e7ec;border-radius:13px;background:#fff}.story-metrics small{color:#667085;font-size:9px}.story-metrics strong{font-size:19px}.icebreaker-layout{display:grid;grid-template-columns:1fr 390px;gap:16px}.icebreaker-form label{display:grid;gap:7px;padding:18px;font-size:11px;font-weight:800}.icebreaker-form textarea{resize:vertical;padding:12px;border:1px solid #d0d5dd;border-radius:11px;font:inherit}.icebreaker-form label small{color:#98a2b3}.icebreaker-form>footer{display:flex;gap:9px;padding:0 18px 18px}.danger-outline{padding:0 13px;border:1px solid #fecdca;border-radius:9px;background:#fff;color:#d92d20;font-weight:800}.icebreaker-preview{padding:20px;border:1px solid #e4e7ec;border-radius:18px;background:linear-gradient(#fff,#f9f5ff)}.icebreaker-preview header{display:flex;align-items:center;gap:10px}.icebreaker-preview header>span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f79009,#c11574,#6938ef);color:#fff;font-weight:900}.icebreaker-preview header div{display:grid}.icebreaker-preview header small{color:#98a2b3}.icebreaker-preview>p{color:#667085;font-size:11px}.icebreaker-preview>div{display:grid;gap:8px}.icebreaker-preview>div span{padding:11px;border:1px solid #d6bbfb;border-radius:12px;background:#fff;color:#6941c6;font-size:11px;font-weight:800}.audio-search{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:14px;padding:20px}.audio-search>span{display:grid;width:46px;height:46px;place-items:center;border-radius:13px;background:#f4ebff;color:#7f56d9;font-size:20px}.audio-search>div{display:grid}.audio-search small{color:#667085}.audio-search input{height:43px;padding:0 13px;border:1px solid #d0d5dd;border-radius:10px}.audio-list{display:grid;gap:9px}.audio-list article{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e4e7ec;border-radius:13px;background:#fff}.audio-list article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:#f4ebff;color:#6941c6}.audio-list p{display:grid;flex:1;margin:0}.audio-list small,.audio-list time{color:#667085;font-size:10px}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-main-grid,.icebreaker-layout{grid-template-columns:1fr}.story-metrics{grid-template-columns:repeat(4,1fr)}.tools-top{align-items:stretch;flex-direction:column}.tools-top nav{width:100%}}@media(max-width:700px){.visual-hero{align-items:flex-start;flex-direction:column;padding:22px}.visual-hero h2{font-size:23px}.analytics-controls{align-items:stretch;flex-direction:column}.analytics-controls>form:last-child{display:grid;grid-template-columns:1fr 1fr}.analytics-controls .btn{grid-column:1/-1}.audience-grid,.live-content-grid{grid-template-columns:1fr}.story-metrics{grid-template-columns:repeat(2,1fr)}.audio-search{grid-template-columns:auto 1fr}.audio-search input,.audio-search button{grid-column:1/-1}.tools-top nav a{min-width:82px}.health-grid{grid-template-columns:1fr}}