@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--color-primary: #2e7d32;--color-primary-hover: #1b5e20;--color-primary-light: #e8f5e9;--color-on-primary: #ffffff;--color-surface: #ffffff;--color-surface-variant: #f1f3f4;--color-surface-elevated: #ffffff;--color-background: #f8f9fa;--color-on-surface: #202124;--color-on-surface-secondary: #5f6368;--color-on-surface-disabled: #80868b;--color-outline: #dadce0;--color-error: #d93025;--color-error-bg: #fce8e6;--color-success: #1e8e3e;--shelf-height: 48px;--shelf-bg: rgba(32, 33, 36, .85);--shelf-icon-size: 40px;--titlebar-height: 36px;--window-radius: 12px;--window-shadow: 0 8px 28px rgba(0, 0, 0, .28);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-xxl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-desktop: 1;--z-window: 100;--z-shelf: 1000;--z-launcher: 2000;--z-quick-settings: 2500;--z-toast: 3000}[data-theme=dark]{--color-primary: #81c784;--color-primary-hover: #a5d6a7;--color-primary-light: #303134;--color-on-primary: #202124;--color-surface: #292a2d;--color-surface-variant: #35363a;--color-surface-elevated: #3c4043;--color-background: #202124;--color-on-surface: #e8eaed;--color-on-surface-secondary: #9aa0a6;--color-on-surface-disabled: #5f6368;--color-outline: #5f6368;--color-error: #f28b82;--color-error-bg: #3c2a28;--shelf-bg: rgba(32, 33, 36, .92)}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden}body{background:var(--color-background)}button{font-family:inherit;cursor:pointer}input{font-family:inherit}
