:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--foreground, rgba(255, 255, 255, .87));background-color:var(--background, #242424);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary, #646cff);text-decoration:inherit}a:hover{color:var(--accent, #535bf2)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--background);color:var(--foreground);font-family:var(--font-sans, system-ui, sans-serif)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid var(--primary, #f59e0b);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:var(--font-sans, inherit);background-color:var(--primary, #f59e0b);cursor:pointer;transition:background-color .25s,border-color .25s}button:hover{background-color:var(--accent, #92400e);border-color:var(--accent, #92400e);color:var(--accent-foreground, #fde68a)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button.csv{color:var(--primary-foreground, #000000)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dark{--background: #171717;--foreground: #e5e5e5;--card: #262626;--card-foreground: #e5e5e5;--popover: #262626;--popover-foreground: #e5e5e5;--primary: #f59e0b;--primary-foreground: #000000;--secondary: #262626;--secondary-foreground: #e5e5e5;--muted: #262626;--muted-foreground: #a3a3a3;--accent: #92400e;--accent-foreground: #fde68a;--destructive: #ef4444;--destructive-foreground: #ffffff;--border: #404040;--input: #404040;--ring: #f59e0b;--chart-1: #fbbf24;--chart-2: #d97706;--chart-3: #92400e;--chart-4: #b45309;--chart-5: #92400e;--sidebar: #0f0f0f;--sidebar-foreground: #e5e5e5;--sidebar-primary: #f59e0b;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #92400e;--sidebar-accent-foreground: #fde68a;--sidebar-border: #404040;--sidebar-ring: #f59e0b;--font-sans: Inter, sans-serif;--font-serif: Source Serif 4, serif;--font-mono: JetBrains Mono, monospace;--radius: .375rem;--shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / .05);--shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / .05);--shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / .1), 0px 1px 2px -2px hsl(0 0% 0% / .1);--shadow: 0px 4px 8px -1px hsl(0 0% 0% / .1), 0px 1px 2px -2px hsl(0 0% 0% / .1);--shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / .1), 0px 2px 4px -2px hsl(0 0% 0% / .1);--shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / .1), 0px 4px 6px -2px hsl(0 0% 0% / .1);--shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / .1), 0px 8px 10px -2px hsl(0 0% 0% / .1);--shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / .25)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --font-sans: var(--font-sans); --font-mono: var(--font-mono); --font-serif: var(--font-serif); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-2xs: var(--shadow-2xs); --shadow-xs: var(--shadow-xs); --shadow-sm: var(--shadow-sm); --shadow: var(--shadow); --shadow-md: var(--shadow-md); --shadow-lg: var(--shadow-lg); --shadow-xl: var(--shadow-xl); --shadow-2xl: var(--shadow-2xl); }#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.app-container{padding:1rem;max-width:900px;margin:0 auto}.responsive-columns{display:flex;gap:2rem;align-items:flex-start;width:60vw}.column{min-width:260px;flex:1 1 0;display:flex;flex-direction:column;max-width:492px}.left{max-width:280px}.right{min-width:0;flex:2 1 0}.rating-history-wrapper{min-height:120px;display:flex;align-items:flex-start;justify-content:flex-start}@media (max-width: 700px){.responsive-columns{flex-direction:column;gap:1.5rem;align-items:center}.left,.right{max-width:100%;min-width:0}}