:root{color-scheme:dark;font-family:Inter,Arial,Helvetica,sans-serif;background:#090f18;color:#edf3ff;font-size:14px}*{box-sizing:border-box}body{margin:0}button,a,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #81b5ff;outline-offset:4px}button:disabled{opacity:.55;cursor:default}[hidden]{display:none!important}.workspace-header{height:72px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#0b121d;border-bottom:1px solid #243145;position:sticky;top:0;z-index:30}.brand{font-size:21px;font-weight:750;letter-spacing:-.7px;white-space:nowrap}.brand>span{color:#69a7ff}.brand>small{font-size:inherit;color:#9eb1cc}.login-link{padding:11px 18px;border:1px solid #33455f;border-radius:7px;font-size:12px}.workspace-body{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:calc(100dvh - 72px)}.workspace-sidebar{background:#0d1521;border-right:1px solid #223047;padding:28px 16px;position:sticky;top:72px;align-self:start;height:calc(100dvh - 72px)}.workspace-sidebar nav a{display:block;padding:13px 17px;border-radius:6px;background:#192e4d;color:#b7d5ff;border-left:3px solid #529bff;font-size:13px;font-weight:600}.workspace-main{width:100%;min-width:0;padding:26px 30px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.eyebrow{font-size:9px;color:#7dafff;letter-spacing:1.7px;font-weight:600}h1{font-size:28px;letter-spacing:-.7px;margin:10px 0}h2{font-size:18px;letter-spacing:-.3px;margin:0}.page-heading p{color:#8ea2be;font-size:12px;margin:0;line-height:1.7}.follower-card{background:#13233a;border:1px solid #2a456a;border-radius:9px;display:flex;align-items:center;gap:25px;padding:15px 23px;min-width:245px}.follower-card>span{font-size:12px;color:#9db7dc}.follower-card>strong{font-size:29px;letter-spacing:-.8px;color:white}.analytics-panel{background:#101a28;border:1px solid #293a53;border-radius:10px;overflow:hidden;width:100%}.analysis-head{display:flex;justify-content:space-between;align-items:center;padding:21px 24px;gap:20px}.analysis-head p{font-size:11px;color:#8199b9;margin:8px 0 0}.analysis-head p span{margin:0 5px}.refresh-group{display:flex;align-items:center;gap:16px}.refresh-group>span{font-size:10px;color:#8099ba;max-width:240px;line-height:1.6}.refresh-group button,.channel-connect,.channel-card button{padding:10px 16px;background:#192b44;color:#ccdef8;border:1px solid #354d6e;border-radius:6px;font-size:11px}.refresh-group button:hover,.channel-connect:hover{background:#233f63}.analysis-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid #283a54;background:#0d1623}.analysis-tab{border:0;border-right:1px solid #273950;border-bottom:3px solid transparent;background:none;padding:16px 24px;text-align:left;color:#8fa9cb;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;min-width:0}.analysis-tab:last-child{border-right:0}.analysis-tab span{font-size:12px;font-weight:600}.analysis-tab strong{grid-row:1/3;grid-column:2;font-size:26px;letter-spacing:-.5px;color:#d8e5fa}.analysis-tab small{font-size:10px;color:#6f89ac}.analysis-tab.selected{background:#172b46;border-bottom-color:#4c96ff;color:#bedaff}.analysis-tab.selected strong{color:white}.analysis-tab:hover{background:#192b43}.chart-caption{display:flex;justify-content:space-between;color:#8da6c8;font-size:11px;padding:18px 24px 0}.activity-chart{height:clamp(220px,37vh,430px);position:relative;margin:12px 18px 0;overflow:hidden}.activity-chart svg{display:block;width:100%;height:100%}.graph-empty{position:absolute;top:40%;left:20%;right:20%;margin:0;text-align:center;background:#172841;border:1px solid #335276;border-radius:7px;padding:15px;color:#b2c9e8;font-size:12px}.chart-zero{position:absolute;top:35%;left:10%;right:10%;text-align:center;color:#8da7ca;font-size:11px}.analysis-footer{padding:13px 24px 16px;border-top:1px solid #24354d;background:#0e1826}.data-note{font-size:10px;line-height:1.8;color:#829bbb;margin:0}.data-details summary{color:#96b5df;cursor:pointer;font-size:10px;margin-top:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;margin-top:14px;text-align:left;font-size:12px}th,td{border-bottom:1px solid #263a54;padding:10px}th{color:#87a4cb}.profile-control{position:relative;margin-left:auto;max-width:240px}.profile-trigger{display:flex;align-items:center;gap:10px;color:#e8f1ff;background:#132136;border:1px solid #304766;padding:7px 11px;border-radius:8px;text-align:left}.profile-avatar{position:relative;display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#2f5284;color:#d8e8ff;font-size:11px;overflow:hidden}.profile-avatar img{position:absolute;width:100%;height:100%;object-fit:cover}.profile-label{min-width:0}.profile-label strong{display:block;font-size:12px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-label small{display:block;color:#91a9cb;font-size:9px;margin-top:4px}.profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:225px;border:1px solid #344d6d;background:#142137;border-radius:8px;padding:8px;box-shadow:0 15px 35px #0008}.profile-menu>a,.profile-menu button{display:block;width:100%;padding:12px;border:0;background:none;color:#c6d9f5;text-align:left;font-size:12px;border-radius:5px;cursor:pointer}.profile-menu>a:hover,.profile-menu button:hover{background:#213958}.profile-menu .profile-logout{border-top:1px solid #30415b;border-radius:0;margin-top:5px}.channel-card{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #2b4263;background:#121f32;border-radius:10px;padding:28px;margin-top:20px}.channel-card h2{margin-top:12px}.channel-card p{font-size:12px;color:#93aaca;line-height:1.7}.unavailable{background:#0e1724;border-color:#24344a}.unavailable .eyebrow{color:#6b7f9b}@media(min-width:1600px){.workspace-main{padding:30px 40px}.activity-chart{height:clamp(280px,43vh,490px)}}@media(max-width:1000px){.workspace-body{grid-template-columns:160px minmax(0,1fr)}.workspace-main{padding:24px 20px}.analysis-tab{padding:15px 17px}.refresh-group>span{max-width:130px}.follower-card{min-width:0;padding:14px 18px;gap:15px}}@media(max-width:760px){.workspace-header{height:64px;padding:0 16px}.brand{font-size:16px}.workspace-body{grid-template-columns:1fr;min-height:calc(100dvh - 64px)}.workspace-sidebar{height:auto;position:static;padding:12px 16px;border-right:0;border-bottom:1px solid #223047}.workspace-sidebar nav a{display:inline-block;padding:9px 18px;font-size:11px}.workspace-main{padding:20px 16px}.page-heading{gap:15px}h1{font-size:24px}.page-heading p{font-size:11px}.follower-card{display:block;min-width:115px;padding:12px 16px}.follower-card>span{display:block;font-size:10px}.follower-card>strong{display:block;font-size:25px;margin-top:6px}.analysis-head{padding:16px;align-items:flex-start;gap:12px}.analysis-head h2{font-size:16px}.refresh-group{flex-direction:column-reverse;align-items:flex-end;gap:7px}.refresh-group>span{font-size:8px;text-align:right}.refresh-group button{font-size:10px;padding:8px 11px}.analysis-tab{display:block;padding:13px 12px}.analysis-tab span{font-size:11px}.analysis-tab strong{display:block;font-size:23px;margin:9px 0 6px}.analysis-tab small{font-size:8px;display:block;line-height:1.4}.activity-chart{height:220px;margin:10px 8px 0}.chart-caption{padding:16px 14px 0;font-size:9px}.analysis-footer{padding:13px 16px}.graph-empty{left:10%;right:10%;font-size:10px}.profile-trigger{padding:6px 8px;gap:7px}.profile-label strong{max-width:90px;font-size:10px}.profile-label small{font-size:8px}.profile-avatar{width:29px;height:29px}.channel-card{padding:22px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

@media(min-width:761px){.activity-chart{height:clamp(185px,calc(100dvh - 500px),420px)}.workspace-main{padding-top:24px}.analysis-head{padding-block:18px}.page-heading{margin-bottom:18px}}

body{background:radial-gradient(ellipse at 85% 10%,#16396a45,transparent 45%),radial-gradient(ellipse at 10% 80%,#15598920,transparent 45%),#090f18;background-attachment:fixed}.workspace-header{background:#0b121df2;backdrop-filter:blur(18px)}.workspace-sidebar{background:#0d1521eb}.analytics-panel,.channel-card{box-shadow:0 14px 50px #0003}.profile-control,header>.profile-control{min-width:260px;max-width:320px}.profile-trigger{width:100%;min-height:49px;padding:7px 15px;gap:13px}.profile-label{flex:1}.profile-label strong{font-size:13px;max-width:245px}.profile-menu{left:auto;right:0;width:100%;min-width:225px}.tools-nav{margin-top:16px;color:#9bb1d0}.tools-nav summary{padding:13px 17px;cursor:pointer;border-radius:6px}.tools-nav summary:hover{background:#17263b}.workspace-sidebar .tools-nav a{margin:6px 0 0 15px;background:transparent;border-left:1px solid #344b6d;color:#9ab5db}.workspace-sidebar .tools-nav a[aria-current]{background:#192e4d;color:#b7d5ff}.landing main{max-width:1280px;padding:0 36px}.landing .brand,.landing header:has(.profile-control)>.brand{font-size:21px;display:flex}.landing .simple-hero{padding:80px 0 70px}.landing .simple-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-2px}.landing .simple-hero p{font-size:15px;line-height:1.8;color:#9aadc8}.landing h2{font-size:28px;margin:18px 0}.landing .example-grid article{background:linear-gradient(145deg,#172b43db,#101a28);border-color:#2b405c}.landing footer{margin-top:55px}.landing .eyebrow{font-size:10px}.landing .examples{border-top:1px solid #283a54}.chart-zero,.graph-empty{pointer-events:none}.activity-chart rect:focus-visible{outline:none;stroke:#81b5ff;stroke-width:1}
@media(max-width:760px){.profile-control,header>.profile-control{min-width:135px;max-width:180px}.profile-label strong{font-size:11px;max-width:110px}.profile-trigger{padding:6px 9px;gap:8px;min-height:42px}.landing .brand,.landing header:has(.profile-control)>.brand{font-size:16px!important}.landing main{padding:0 20px}.landing .simple-hero{padding:50px 0}.tools-nav{display:inline-block;margin:0 0 0 10px;vertical-align:top}.tools-nav[open]{display:block;margin:8px 0 0}.workspace-sidebar .tools-nav a{display:block}.landing .simple-hero h1{font-size:43px}}

.activity-chart rect[tabindex]:focus{outline:none}body{background-image:radial-gradient(ellipse at 88% 8%,#20559655,transparent 48%),radial-gradient(ellipse at 8% 85%,#17639025,transparent 50%),linear-gradient(#5a8dcc06 1px,transparent 1px),linear-gradient(90deg,#5a8dcc06 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px;background-color:#090f18}
/* Shared account control and sign-in page */
.profile-trigger{background:transparent;border-color:transparent;box-shadow:none;padding-right:0;justify-content:flex-end}.profile-trigger:hover{background:transparent;color:#93bfff}.profile-label{flex:0 1 auto}.profile-label strong{font-size:16px}.profile-avatar{width:38px;height:38px}.profile-control,header>.profile-control{min-width:0;width:auto;max-width:320px}.profile-menu{width:245px}.auth-page header{height:72px}.auth-page .brand{font-size:21px}.auth-page .login-page{min-height:calc(100dvh - 180px);display:grid;place-items:center;padding:65px 24px;max-width:none}.auth-page .login-panel{width:100%;max-width:510px;padding:38px;background:linear-gradient(145deg,#172b43df,#101a28);border:1px solid #304663;border-radius:14px;box-shadow:0 20px 60px #0004}.auth-page h1{font-size:38px;letter-spacing:-1px;margin:18px 0}.auth-page .login-panel>p{font-size:14px;color:#a3b4cd;line-height:1.8}.login-benefits{display:grid;gap:10px;margin:23px 0;padding:18px 0;border-block:1px solid #2b405c;color:#b9cdea;font-size:12px}.login-benefits span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#7cafff;margin-right:10px}.auth-page .login-options .button{width:100%;padding:15px;background:#7157d9;border:1px solid #907ee4}.auth-page .login-options .button:hover{background:#8268eb}.auth-page .login-foot{font-size:11px!important}.auth-page #login-status:empty{display:none}.auth-page #login-status:not(:empty){margin:18px 0;padding:13px;border:1px solid #44618b;border-radius:7px;line-height:1.6;background:#182a44}.auth-page footer{max-width:none;padding-inline:24px}.auth-page .brand>span,.landing .brand>span{color:#69a7ff}
/* Public overview */
.landing-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:72px 0}.landing-hero h1{font-size:clamp(36px,3.8vw,54px);line-height:1.13;letter-spacing:-1.8px;margin:22px 0}.landing-hero p,.section-intro,.landing-workflow p,.feature-grid p,.coming-grid p{color:#98adc9;line-height:1.8;font-size:14px}.landing-hero .hero-caption{font-size:11px;margin-top:22px;color:#7992b4}.landing-preview{border:1px solid #355071;background:linear-gradient(135deg,#1b3553e8,#111e30);padding:30px;border-radius:14px;box-shadow:0 24px 70px #0003}.preview-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#97bfff}.preview-badge{padding:7px 10px;border:1px solid #506080;background:#302846;border-radius:5px;color:#cebaf8;letter-spacing:0;font-size:11px}.landing-preview h2{font-size:24px;margin:25px 0 8px}.landing-preview>p{font-size:12px;margin-bottom:24px}.preview-row{display:flex;flex-direction:column;gap:8px;padding:17px 0;border-top:1px solid #304863}.preview-row span{color:#8da7c9;font-size:11px}.preview-row strong{font-size:16px;font-weight:600}.preview-foot{padding:20px 0 0;font-size:10px;color:#829fbe;border-top:1px solid #304863}.landing-features,.landing-coming{padding:45px 0 55px;border-top:1px solid #293d57}.section-intro{margin-top:0}.feature-grid,.coming-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.feature-grid article,.coming-grid article{padding:26px;border:1px solid #2a405b;border-radius:10px;background:#111e2dcc}.feature-number{font-size:12px;letter-spacing:1px;color:#7cb0ff}.feature-grid h3,.coming-grid h3,.landing-workflow h3{font-size:18px;margin:17px 0 10px}.feature-grid p,.coming-grid p{font-size:12px;margin:0}.landing-workflow{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:45px 0 55px;border-top:1px solid #293d57;align-items:center}.landing-workflow>div>p{max-width:460px;margin-bottom:24px}.landing-workflow ol{list-style:none;margin:0;padding:0}.landing-workflow li{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid #293d57}.landing-workflow li:last-child{border:0}.landing-workflow li>span{height:30px;width:30px;flex-shrink:0;display:grid;place-items:center;border:1px solid #345681;border-radius:50%;color:#a9ceff;background:#1c3351;font-size:12px}.landing-workflow h3{font-size:15px;margin:4px 0 7px}.landing-workflow li p{font-size:12px;margin:0}.coming-badge{display:inline-block;padding:6px 9px;font-size:9px;color:#8fa7c6;background:#1b2c42;border:1px solid #314863;border-radius:5px}.landing footer{margin-top:0}
@media(max-width:900px){.landing-hero{gap:30px}.landing-preview{padding:24px}.landing-workflow{gap:35px}.feature-grid article,.coming-grid article{padding:20px}}@media(max-width:760px){.profile-label strong{font-size:13px;max-width:135px}.profile-trigger{padding:6px 0 6px 8px}.profile-avatar{width:32px;height:32px}.profile-control,header>.profile-control{min-width:0;max-width:180px}.landing-hero{grid-template-columns:1fr;padding:44px 0;gap:30px}.landing-hero h1{font-size:39px}.feature-grid,.coming-grid,.landing-workflow{grid-template-columns:1fr}.feature-grid,.coming-grid{gap:12px}.landing-workflow{gap:15px;padding:35px 0}.auth-page .brand{font-size:16px}.auth-page .login-panel{padding:26px}.auth-page .login-page{padding:35px 20px}.auth-page h1{font-size:32px}.auth-page footer{padding:25px 20px;flex-wrap:wrap;gap:15px}.landing .hero-actions{flex-wrap:wrap}}
@media(max-width:480px){.workspace-header{gap:12px}.workspace-header .brand,.landing header:has(.profile-control)>.brand,.auth-page .brand{font-size:13px!important;letter-spacing:-.5px}.workspace-header .profile-control{max-width:145px}.workspace-header .profile-label strong{max-width:95px;font-size:12px}.workspace-header .profile-avatar{width:29px;height:29px}.auth-page header{height:64px}}
/* Dark theme shared by public pages and workspace */
:root{background:#05080d}body{background-color:#05080d;background-image:radial-gradient(ellipse at 88% 8%,#12305c22,transparent 48%),radial-gradient(ellipse at 8% 85%,#0b33401a,transparent 50%),linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px}.workspace-header{background:#060a11f5;border-color:#202a37}.workspace-sidebar{background:#080d15ec}.analytics-panel{background:#0a111c;border-color:#253247}.analysis-tabs{background:#080e17}.analysis-tab.selected{background:#112038}.analysis-tab:hover{background:#101c2d}.analysis-footer{background:#080f19}.follower-card{background:#101d30}.channel-card{background:#0c1522}.landing-preview,.auth-page .login-panel{background:linear-gradient(145deg,#101e31f0,#090f18);border-color:#2b3d56}.feature-grid article,.coming-grid article{background:#09121edb;border-color:#26364b}.preview-row,.preview-foot{border-color:#25374e}.range-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 24px 18px;color:#92aacb;font-size:11px}.range-controls select{background:#0c1727;border:1px solid #304662;border-radius:6px;color:#c7d8ee;padding:9px 30px 9px 12px;font:inherit;cursor:pointer;max-width:100%}.range-controls select:focus-visible{outline:2px solid #81b5ff;outline-offset:3px}.range-controls label{font-size:11px}@media(max-width:760px){.range-controls{padding:0 16px 16px;gap:9px}.range-controls select{padding:9px 20px 9px 10px}}
@media(min-width:761px){.activity-chart{height:clamp(175px,calc(100dvh - 555px),365px)}}
.analysis-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.analysis-tab{padding-inline:18px}.metric-options{display:flex;align-items:center;gap:12px;padding:16px 24px 0;color:#92aacb;font-size:11px}.metric-options:has(select[hidden]):not(:has(select:not([hidden]))){display:none}.metric-options select{background:#0c1727;border:1px solid #304662;border-radius:6px;color:#c7d8ee;padding:9px 12px;font:inherit;max-width:100%;cursor:pointer}.metric-options select:focus-visible{outline:2px solid #81b5ff;outline-offset:3px}@media(max-width:1000px){.analysis-tab{display:block;padding:14px 12px}.analysis-tab strong{display:block;margin:10px 0 6px;font-size:23px}.analysis-tab small{display:block;font-size:9px}}@media(max-width:760px){.analysis-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-tab:nth-child(-n+2){border-bottom:1px solid #273950}.analysis-tab:nth-child(2){border-right:0}.analysis-tab.selected{border-bottom:3px solid #4c96ff}.metric-options{padding:14px 16px 0;flex-wrap:wrap}}
.hero-actions{flex-wrap:wrap}.chrome-button{border:1px solid #3b516f;background:#111e30;color:#d4e2f5}.chrome-button:hover{background:#1c304b}.landing-addon{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:48px 0 60px;border-top:1px solid #293d57;scroll-margin-top:92px}.addon-copy>.coming-badge{margin-top:18px}.addon-copy>p{font-size:14px;line-height:1.8;color:#98adc9}.addon-plan{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin-top:24px;padding:20px;border:1px solid #263b55;border-radius:8px;background:#0b1420}.addon-plan>span{font-size:11px;color:#8ba5c7}.addon-plan>strong{font-size:12px;color:#c6d8f1}.music-preview{padding:26px;background:linear-gradient(145deg,#111f32,#090f18);border:1px solid #304765;border-radius:12px;box-shadow:0 20px 50px #0003}.music-preview .preview-caption{margin-bottom:24px}.music-preview-details{border:1px solid #2b4262;border-radius:10px;background:#0c1624;overflow:hidden}.music-preview-details>summary{display:flex;gap:16px;align-items:center;padding:20px;cursor:pointer;list-style:none}.music-preview-details>summary::-webkit-details-marker{display:none}.music-preview-details>summary:hover{background:#132238}.music-art{display:grid;place-items:center;width:68px;height:68px;flex-shrink:0;border:1px solid #4a618b;border-radius:10px;background:radial-gradient(circle at 70% 20%,#32558b,#17283e);color:#a5c9ff}.music-art svg{width:40px;height:40px}.music-label{display:flex;flex-direction:column;gap:9px;min-width:0}.music-label small{font-size:9px;letter-spacing:1.4px;color:#89acdc}.music-label strong{font-size:16px;font-weight:600}.music-label>span{font-size:11px;color:#8da8cf}.addon-requirement{padding:20px;border-top:1px solid #2b4262;background:#101d2e}.addon-requirement>strong{font-size:13px;color:#b7d4fb}.addon-requirement p{font-size:12px;line-height:1.8;color:#92a9c8;margin:10px 0 0}.music-preview-foot{font-size:10px;line-height:1.8;color:#849dbc;margin:18px 0 0}.coming-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coming-link{display:inline-block;font-size:11px;color:#93bfff;margin-top:18px}.coming-link:hover{color:#d5e6ff}@media(max-width:900px){.landing-addon{gap:30px}.music-preview{padding:22px}.hero-actions .button{font-size:12px;padding:13px 15px}}@media(max-width:760px){.landing-addon{grid-template-columns:1fr;gap:24px;padding:35px 0 45px}.coming-grid{grid-template-columns:1fr}.music-preview-details>summary{padding:17px;gap:12px}.music-art{width:56px;height:56px}.music-label strong{font-size:14px}}
.widget-template{border:1px solid #2b3f59;background:#0b1421;border-radius:12px;overflow:hidden}.widget-template>summary{display:flex;align-items:center;gap:18px;padding:24px;list-style:none;cursor:pointer}.widget-template>summary::-webkit-details-marker{display:none}.widget-template>summary:hover{background:#101e30}.widget-symbol{display:grid;place-items:center;width:47px;height:47px;background:#192f4e;border:1px solid #375780;border-radius:10px;color:#a9cdff;font-size:13px;font-weight:600}.widget-heading{display:flex;flex-direction:column;gap:8px;flex:1}.widget-heading strong{font-size:19px}.widget-heading>span{font-size:12px;color:#8da6c8;line-height:1.6}.template-badge{display:inline-block;border:1px solid #334964;border-radius:5px;padding:6px 10px;font-size:9px;color:#a7bedf;background:#152337;white-space:nowrap}.widget-template-body{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-top:1px solid #273b53;padding:28px}.widget-settings>p{font-size:12px;color:#8fa7c9;line-height:1.8;margin:10px 0 20px}.chat-platforms{border:0;padding:0;margin:0;display:grid;gap:10px}.chat-platforms legend{padding:0;margin:0 0 12px;font-size:10px;color:#9ab1d3}.chat-platform{display:flex;align-items:center;gap:12px;border:1px solid #2c405b;border-radius:8px;background:#0c1725;padding:15px;cursor:pointer}.chat-platform:has(input:checked){background:#13263f;border-color:#4976b4}.chat-platform input{accent-color:#6aa5ff;width:15px;height:15px;margin:0;flex-shrink:0}.chat-platform>span{display:grid;gap:7px}.chat-platform strong{font-size:12px;font-weight:600}.chat-platform small{font-size:10px;color:#8da4c4}.chat-platform.planned{cursor:default;background:#0a111c;color:#8f9db3;border-color:#24334a}.chat-platform.planned small{color:#6e84a6}.widget-actions{margin-top:22px}.widget-actions button{padding:12px 19px;border:1px solid #395478;border-radius:7px;background:#1c3558;color:#b6cdef;font-size:12px}.widget-actions p{font-size:10px;line-height:1.8;color:#829bbc;max-width:350px}.chat-preview-panel{padding:22px;border:1px solid #283b55;border-radius:10px;background:#080f19;align-self:start}.chat-preview-panel>.preview-caption{margin-bottom:20px}.stream-chat-preview{background:linear-gradient(145deg,#101b2b,#0b111d);border:1px solid #2f425e;border-radius:10px;padding:22px}.chat-preview-title{display:flex;align-items:center;gap:8px;font-size:12px;color:#c4d5ed;padding-bottom:17px;border-bottom:1px solid #273a53;margin-bottom:18px}.preview-chat-dot{width:6px;height:6px;background:#78acff;border-radius:50%}.chat-preview-message{margin-top:18px}.chat-preview-message strong{font-size:11px}.chat-preview-message p{font-size:12px;color:#c2cee0;line-height:1.7;margin:7px 0 0}.chat-name-one{color:#99bfff}.chat-name-two{color:#9bd4cb}.chat-name-three{color:#c3b0ec}.preview-disclaimer{font-size:10px;line-height:1.8;color:#7e96b7;margin:17px 0 0}.bot-placeholder{border:1px solid #2b3f59;background:#0b1421;border-radius:12px;padding:30px}.bot-placeholder h2{margin:20px 0 12px}.bot-placeholder p{font-size:13px;color:#92a9c9;line-height:1.8;max-width:570px}@media(max-width:1000px){.widget-template-body{gap:22px;padding:23px}.chat-preview-panel{padding:18px}}@media(max-width:760px){.widget-template>summary{padding:18px;gap:12px}.widget-heading strong{font-size:17px}.widget-heading>span{font-size:10px}.widget-template-body{grid-template-columns:1fr;padding:20px}.widget-symbol{width:38px;height:38px}.widget-template>summary>.template-badge{font-size:8px;padding:5px 7px}.bot-placeholder{padding:24px}}
.workspace-sidebar nav>a:not([aria-current]){background:transparent;border-left-color:transparent;color:#9bb1d0}.workspace-sidebar nav>a:not([aria-current]):hover{background:#132239}
/* Compact widget catalog */
.widget-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.widget-card{display:flex;align-items:center;gap:17px;min-width:0;min-height:102px;padding:16px;background:#15191e;border:1px solid #222b36;border-radius:10px}.widget-card:hover{border-color:#394b64;background:#181e27}.widget-card-icon{display:grid;place-items:center;width:64px;height:64px;flex:0 0 64px;border-radius:9px;background:linear-gradient(165deg,#ae86bc 0%,#a25b93 46%,#b74551 100%);color:#fff;box-shadow:inset 0 1px 0 #ffffff20}.widget-card-icon svg{width:43px;height:43px}.widget-card-icon.music-icon{background:linear-gradient(155deg,#8e86bc,#795994 45%,#ae485c)}.widget-card-copy{flex:1;min-width:0}.widget-card-copy h2{font-size:14px;line-height:1.5;letter-spacing:0;margin:0 0 6px;color:#f1f4fa}.widget-card-copy p{font-size:11px;line-height:1.6;color:#98a8be;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.widget-card-action{flex-shrink:0;background:transparent;border:1px solid #477dff;border-radius:24px;color:#86afff;padding:11px 16px;font-size:11px;font-weight:500;white-space:nowrap}.widget-card-action:hover:not(:disabled){background:#1b2e4a;color:#d3e3ff}.widget-inline-status{display:block;font-size:9px;font-weight:400;color:#96a4b8;margin-top:3px}.widget-catalog-note{font-size:11px;line-height:1.8;color:#768da9;margin:18px 0}.widget-dialog{width:min(900px,calc(100vw - 40px));max-height:calc(100dvh - 48px);padding:0;background:#0b1421;color:#edf3ff;border:1px solid #344b68;border-radius:13px;box-shadow:0 30px 100px #000b;overflow:auto}.widget-dialog::backdrop{background:#02060cbb;backdrop-filter:blur(5px)}.widget-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:#0e1928;border-bottom:1px solid #293b53;gap:20px}.widget-dialog-head h2{margin:9px 0 0;font-size:21px}.widget-dialog-close{display:grid;place-items:center;width:32px;height:32px;padding:6px;border:1px solid transparent;border-radius:6px;background:transparent;color:#93a8c5;flex-shrink:0}.widget-dialog-close:hover{border-color:#334963;background:#17283e;color:white}.widget-dialog-close svg{width:20px;height:20px}.widget-dialog .widget-template-body{border-top:0}.music-widget-dialog{max-width:490px}.music-widget-info{padding:28px}.music-widget-info h3{font-size:20px;margin:23px 0 13px}.music-widget-info p{font-size:13px;color:#96accb;line-height:1.8}.music-widget-info>.widget-card-action{margin-top:14px}.music-widget-info .widget-card-icon{width:70px;height:70px}@media(max-width:1100px){.widget-catalog{grid-template-columns:1fr}.widget-card-copy p{-webkit-line-clamp:1}.widget-card{min-height:96px}}@media(min-width:1101px) and (max-width:1500px){.widget-card{gap:13px;padding:14px}.widget-card-icon{width:56px;height:56px;flex-basis:56px}.widget-card-action{padding:10px 12px;font-size:10px}}@media(max-width:760px){.widget-catalog{margin-top:22px;gap:12px}.widget-card{padding:14px;gap:12px}.widget-card-icon{width:52px;height:52px;flex-basis:52px}.widget-card-icon svg{width:36px;height:36px}.widget-card-copy h2{font-size:13px}.widget-card-copy p{-webkit-line-clamp:2;font-size:10px}.widget-card-action{font-size:10px;padding:10px 12px}.widget-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.widget-dialog-head{padding:20px}.widget-dialog .widget-template-body{padding:20px}.music-widget-info{padding:23px}}@media(max-width:420px){.widget-card{gap:10px;flex-wrap:wrap}.widget-card-copy{flex-basis:calc(100% - 64px)}.widget-card>.widget-card-action{margin-left:62px}.widget-card-copy p{-webkit-line-clamp:2}}
/* Animated Twitch example, independent of account data */
.animated-chat-preview{padding:0;background:#000;border-color:#283744;border-radius:7px;overflow:hidden}.chat-demo-stage{height:310px;padding:20px 15px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;overflow:hidden}.chat-demo-message{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 6px;font-size:12px;line-height:1.5;flex-shrink:0;animation:chat-arrive .24s ease-out}.chat-demo-message strong{font-size:12px;font-weight:700}.chat-demo-text{color:#f1f2f4;font-weight:500;overflow-wrap:anywhere}.chat-demo-platform,.chat-demo-badge{display:inline-flex;align-self:center;width:15px;height:15px;flex:0 0 15px}.chat-demo-platform{color:#b27bff}.chat-demo-badge{padding:1px;border-radius:2px;color:white}.chat-demo-badge.creator{background:#d94475}.chat-demo-badge.moderator{background:#149960}.chat-demo-badge.subscriber{background:#8646d6}.chat-demo-badge.vip{background:#b37820}.chat-demo-platform svg,.chat-demo-badge svg{width:100%;height:100%}.chat-demo-footer{display:flex;align-items:center;gap:6px;padding:12px;background:#0c1520;border-top:1px solid #253443;color:#93a6bd;font-size:9px}.chat-demo-status{width:5px;height:5px;border-radius:50%;background:#77adfb;flex-shrink:0}.chat-demo-footer button{margin-left:auto;background:transparent;color:#b9d4ff;border:1px solid #32475f;border-radius:5px;padding:6px 8px;font-size:9px}.widget-dialog:has(.animated-chat-preview){width:min(1050px,calc(100vw - 40px))}.widget-dialog:has(.animated-chat-preview) .widget-template-body{grid-template-columns:.85fr 1.15fr;gap:26px}.animated-chat-preview+.preview-disclaimer{font-size:10px}@keyframes chat-arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.chat-demo-message{animation:none}}@media(max-width:760px){.widget-dialog:has(.animated-chat-preview){width:calc(100vw - 24px)}.widget-dialog:has(.animated-chat-preview) .widget-template-body{grid-template-columns:1fr}.chat-demo-stage{height:290px}.chat-demo-footer{flex-wrap:wrap}}