@layer base,layout,components;@layer base{:root{--color-gray-100: hsl(210deg 40% 96%);--color-gray-200: hsl(214deg 32% 91%);--color-gray-300: hsl(213deg 27% 84%);--color-gray-400: hsl(215deg 20% 65%);--color-gray-500: hsl(215deg 16% 47%);--color-gray-600: hsl(215deg 19% 35%);--color-gray-700: hsl(215deg 25% 27%);--color-gray-800: hsl(217deg 33% 17%);--color-gray-900: hsl(218deg 39% 11%);--color-primary: light-dark(hsl(209deg 62% 80%), hsl(209deg 62% 50%));--color-primary-hover: light-dark(hsl(211deg 61% 90%), hsl(211deg 61% 43%));--color-facebook: hsl(220deg 46% 48%);--color-twitter: hsl(203deg 89% 53%);--color-instagram: hsl(43deg 100% 75%);--color-pinterest: hsl(351deg 100% 45%);--color-youtube: hsl(0deg 100% 50%);--color-article: light-dark(var(--color-gray-800), var(--color-gray-200));--color-twitch: hsl(264deg 100% 64%);--color-tiktok: hsl(178deg 90% 55%);--color-story: hsl(43deg 100% 75%);--color-react: hsl(191deg 65% 60%);--color-vue: hsl(153deg 48% 49%);--color-svelte: hsl(12deg 94% 62%);--color-success: hsl(170deg 75% 35%);--color-error: hsl(0deg 63% 48%);--color-success-bg: color-mix( in srgb, var(--color-success), hsl(0deg 0% 100%) 90% );--color-success-text: var(--color-success);--color-success-border: color-mix( in srgb, var(--color-success), hsl(0deg 0% 100%) 70% );--color-error-bg: color-mix( in srgb, var(--color-error), hsl(0deg 0% 100%) 93% );--color-error-text: var(--color-error);--color-error-border: color-mix( in srgb, var(--color-error), hsl(0deg 0% 100%) 70% );--text-primary: light-dark(var(--color-gray-900), var(--color-gray-100));--text-secondary: light-dark(var(--color-gray-600), var(--color-gray-400));--text-highlight: light-dark(var(--color-gray-800), var(--color-gray-200));--text-inverse: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 0% 0%));--bg-body: light-dark(var(--color-gray-100), var(--color-gray-900));--bg-surface: light-dark(hsl(0deg 0% 100%), var(--color-gray-800));--bg-surface-hover: light-dark(var(--color-gray-100), var(--color-gray-700));--color-shadow: light-dark(hsl(218deg 39% 11% / 10%), hsl(0deg 0% 0% / 30%));--space-xs: .25rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 2.5rem;--max-number-of-columns: 3;--card-min-width: 30rem;--max-width-container: calc( var(--max-number-of-columns) * var(--card-min-width) + calc(var(--max-number-of-columns) - 1) * var(--space-md) );--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.5rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .75rem}}@layer base{:where(:root){color-scheme:light dark;color:var(--text-primary);background-color:var(--bg-body)}:where(html){font-weight:var(--font-weight-normal);font-family:system-ui,sans-serif;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%;hanging-punctuation:first last;animation-timing-function:cubic-bezier(0,.3,.1,1);transition-timing-function:cubic-bezier(0,.3,.1,1)}@supports (interpolate-size: allow-keywords){:where(:root){interpolate-size:allow-keywords}}::selection{background-color:var(--bg-surface);color:var(--text-primary)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:where(body){min-block-size:100svh;font-size:1.125rem;line-height:1.5}:where(ul,ol)[role=list]{list-style:none}:where(h1,h2,h3,h4,h5,h6){line-height:calc(1em + .5rem);text-wrap:balance}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(p){max-inline-size:65ch;margin-block:1lh;text-wrap:pretty}:where(img,svg,picture,video){max-inline-size:100%;block-size:auto;display:block;font-style:italic}:where(svg){stroke:none;fill:currentcolor}:where(svg):where(:not([fill])){stroke:currentcolor;fill:none;stroke-linecap:round;stroke-linejoin:round}:where(svg):where(:not([width])){inline-size:5rem}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(textarea:not([rows])){min-block-size:10em}:where(textarea){resize:block}@supports (resize: block){:where(textarea){resize:block}}@media(prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important}}:focus-visible{--outline-size: max(2px, .15em);outline:var(--outline-size) solid currentcolor;outline-offset:var(--outline-size)}@media(prefers-reduced-motion:no-preference){:has(:target,:focus-visible){scroll-behavior:smooth;scroll-padding-block:8vh}@view-transition{navigation:auto}}:where(#root,#app){isolation:isolate}.light{color-scheme:light}.dark{color-scheme:dark}}@layer layout{.dashboard-container{max-inline-size:var(--max-width-container);margin-block:0;margin-inline:auto;background-color:var(--bg-body);color:var(--text-primary);min-block-size:100vh}.dashboard-header{margin-block-end:var(--space-lg);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.dashboard-title{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.dashboard-subtitle{margin:var(--space-xs) 0 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.dashboard-status-container{display:flex;align-items:center;gap:var(--space-md)}.dashboard-metrics{text-align:end;font-size:var(--font-size-xs);color:var(--text-secondary)}.dashboard-rate{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--text-highlight)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--card-min-width),1fr));gap:var(--space-md)}}@layer components{.connection-status{padding:.375rem var(--space-sm);border-radius:1.25rem;font-weight:500;font-size:var(--font-size-sm);display:flex;align-items:center;gap:.375rem;transition:all .3s ease;border:1px solid transparent}.connection-status[data-connected=true]{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.connection-status[data-connected=false]{background:var(--color-error-bg);color:var(--color-error-text);border-color:var(--color-error-border)}.connection-status-indicator{inline-size:.5rem;block-size:.5rem;border-radius:50%;background:currentcolor;display:inline-block}.connection-status[data-connected=true] .connection-status-indicator{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success-text),transparent 80%)}}@layer components{.social-event-card{--social-color: var(--color-gray-500);&[data-social=tiktok_video]{--social-color: var(--color-tiktok)}&[data-social=instagram_media]{--social-color: var(--color-instagram)}&[data-social=story]{--social-color: var(--color-story)}&[data-social=youtube_video]{--social-color: var(--color-youtube)}&[data-social=pin]{--social-color: var(--color-pinterest)}&[data-social=tweet]{--social-color: var(--color-twitter)}&[data-social=article]{--social-color: var(--color-article)}&[data-social=facebook_status]{--social-color: var(--color-facebook)}&[data-social=twitch_stream]{--social-color: var(--color-twitch)}display:flex;flex-direction:column;gap:var(--space-md);border:1px solid hsl(from var(--social-color) h calc(s - 50) l);padding:var(--space-md);border-radius:var(--radius-lg);background-color:var(--bg-surface);color:var(--social-color);box-shadow:0 2px 4px var(--color-shadow)}.social-event-header{display:flex;justify-content:space-between;align-items:center}.social-event-title{margin:0;color:var(--text-primary)}.social-event-count{font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);background:var(--bg-surface-hover);padding-inline:var(--space-sm);padding-block:var(--space-xs);border-radius:var(--radius-md);min-inline-size:3ch;box-sizing:content-box;text-align:end}}@layer components{.weekly-calendar-graph{display:grid;grid-template-columns:repeat(25,1fr);gap:2px;line-height:1}.weekly-calendar-graph-label{font-size:var(--font-size-xs);text-align:center;color:var(--text-secondary)}.weekly-calendar-graph-cell{aspect-ratio:1;border-radius:2px;background-color:var(--bg-surface-hover);--intensity: 0;&.intensity-1{--intensity: 1}&.intensity-2{--intensity: 2}&.intensity-3{--intensity: 3}&.intensity-4{--intensity: 4}&.intensity-5{--intensity: 5}&.intensity-1,&.intensity-2,&.intensity-3,&.intensity-4,&.intensity-5{background-color:color-mix(in oklch,var(--social-color),transparent calc(100% - var(--intensity) * 20%))}}}@layer components{.error-fallback{padding:var(--space-lg);background:var(--color-error-bg);border:1px solid var(--color-error-border);border-radius:var(--radius-lg);color:var(--color-error-text);margin:var(--space-lg)}.error-fallback h2{margin-block-start:0}.error-fallback button{padding:.5rem var(--space-md);background:var(--color-error-text);color:var(--color-gray-100);border:none;border-radius:var(--radius-sm);cursor:pointer}}