@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";:root[data-theme=light],:root[data-theme=diamond]{--color-primary: #2d5016;--color-primary-light: #4a7c59;--color-primary-dark: #1a3009;--color-secondary: #87a96b;--color-secondary-light: #a3c48c;--color-secondary-dark: #6b8a4f;--color-accent: #c67e4b;--color-accent-light: #e89268;--color-accent-dark: #a65f32;--color-success: #4a7c59;--color-warning: #e89268;--color-error: #c65d4b;--color-info: #89b5d9;--color-text-primary: #2d5016;--color-text-secondary: #4a5d3a;--color-text-muted: #6b7c59;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f5f7f3;--color-bg-tertiary: #e8ede5;--color-bg-overlay: rgba(0, 0, 0, .5);--color-surface: #ffffff;--color-surface-hover: #f5f7f3;--color-surface-active: #e8ede5;--color-border: rgba(135, 169, 107, .2);--color-border-light: rgba(255, 255, 255, .2);--color-border-focus: #87a96b;--gradient-primary: linear-gradient(135deg, #2d5016 0%, #87a96b 100%);--gradient-secondary: linear-gradient(135deg, #87a96b 0%, #a3c48c 100%);--gradient-accent: linear-gradient(135deg, #c67e4b 0%, #e89268 100%);--gradient-panel: linear-gradient( 135deg, rgba(255, 248, 240, .7) 0%, rgba(232, 242, 247, .5) 100% );--gradient-card: linear-gradient( 135deg, rgba(255, 248, 240, .7) 0%, rgba(232, 242, 247, .5) 100% );--gradient-button: linear-gradient(135deg, #2d5016 0%, #87a96b 100%);--gradient-button-hover: linear-gradient(135deg, #4a7c59 0%, #a3c48c 100%);--gradient-navbar: linear-gradient( 135deg, rgba(255, 248, 240, .8) 0%, rgba(232, 242, 247, .6) 100% );--gradient-danger: linear-gradient(135deg, #d97564 0%, #c65d4b 100%);--gradient-danger-hover: linear-gradient(135deg, #e89268 0%, #d97564 100%);--shadow-xs: 0 1px 2px rgba(45, 80, 22, .05);--shadow-sm: 0 2px 4px rgba(45, 80, 22, .08);--shadow-md: 0 4px 8px rgba(45, 80, 22, .12);--shadow-lg: 0 8px 16px rgba(45, 80, 22, .16);--shadow-xl: 0 20px 40px rgba(45, 80, 22, .12);--shadow-inner: inset 0 2px 4px rgba(45, 80, 22, .06);--shadow-card: 0 20px 40px 0 rgba(45, 80, 22, .12), inset 0 2px 0 0 rgba(255, 255, 255, .6);--shadow-button: 0 2px 8px rgba(45, 80, 22, .2);--shadow-navbar: 0 2px 8px rgba(45, 80, 22, .08);--shadow-modal: 0 24px 48px rgba(45, 80, 22, .2);--glass-background: rgba(255, 248, 240, .7);--glass-background-alt: rgba(232, 242, 247, .5);--glass-border: rgba(255, 255, 255, .2);--glass-blur: blur(20px);--glass-saturate: ;--glass-noise-overlay: var(--noise-texture);--glass-mesh: var(--gradient-mesh-light);--glow-primary: rgba(135, 169, 107, .3);--glow-accent: rgba(198, 126, 75, .25);--glow-sm: 0 0 10px rgba(135, 169, 107, .2);--glow-md: 0 0 20px rgba(135, 169, 107, .28);--glow-lg: 0 0 32px rgba(135, 169, 107, .35);--glow-inset: inset 0 0 16px rgba(135, 169, 107, .12);--skeleton-base: #e8ede5;--skeleton-highlight: #f5f7f3}:root[data-theme=dark],:root[data-theme=emerald]{--color-primary: #a3c48c;--color-primary-light: #bbdd8b;--color-primary-dark: #7fa66c;--color-secondary: #c4d4bd;--color-secondary-light: #e5f2e0;--color-secondary-dark: #a3b49b;--color-accent: #e89268;--color-accent-light: #f5a97f;--color-accent-dark: #c67e4b;--color-success: #6b9080;--color-warning: #e89268;--color-error: #c65d4b;--color-info: #89b5d9;--color-text-primary: #e5f2e0;--color-text-secondary: #c4d4bd;--color-text-muted: #8fa68b;--color-text-inverse: #0d1b07;--color-bg-primary: #0d1b07;--color-bg-secondary: #1a2514;--color-bg-tertiary: #2c3825;--color-bg-overlay: rgba(0, 0, 0, .7);--color-surface: #1a2514;--color-surface-hover: #2c3825;--color-surface-active: #3e4a36;--color-border: rgba(163, 196, 140, .15);--color-border-light: rgba(163, 196, 140, .1);--color-border-focus: #a3c48c;--gradient-primary: linear-gradient(135deg, #5c7a47 0%, #a3c48c 100%);--gradient-secondary: linear-gradient(135deg, #7fa66c 0%, #bbdd8b 100%);--gradient-accent: linear-gradient(135deg, #c67e4b 0%, #e89268 100%);--gradient-panel: linear-gradient( 135deg, rgba(26, 37, 20, .7) 0%, rgba(44, 56, 37, .5) 100% );--gradient-card: linear-gradient( 135deg, rgba(26, 37, 20, .7) 0%, rgba(44, 56, 37, .5) 100% );--gradient-button: linear-gradient(135deg, #5c7a47 0%, #a3c48c 100%);--gradient-button-hover: linear-gradient(135deg, #7fa66c 0%, #bbdd8b 100%);--gradient-navbar: linear-gradient( 135deg, rgba(26, 37, 20, .8) 0%, rgba(44, 56, 37, .6) 100% );--gradient-danger: linear-gradient(135deg, #c65d4b 0%, #b54d3a 100%);--gradient-danger-hover: linear-gradient(135deg, #d97564 0%, #c65d4b 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-card: 0 20px 40px 0 rgba(0, 0, 0, .4), 0 0 60px 0 rgba(163, 196, 140, .03), inset 0 1px 0 0 rgba(163, 196, 140, .1);--shadow-button: 0 2px 8px rgba(0, 0, 0, .3);--shadow-navbar: 0 4px 12px rgba(0, 0, 0, .3);--shadow-modal: 0 24px 48px rgba(0, 0, 0, .6);--glass-background: rgba(26, 37, 20, .7);--glass-background-alt: rgba(44, 56, 37, .5);--glass-border: rgba(163, 196, 140, .15);--glass-blur: blur(20px);--glass-saturate: saturate(1.3);--glass-noise-overlay: var(--noise-texture);--glass-mesh: var(--gradient-mesh-dark);--glow-primary: rgba(163, 196, 140, .4);--glow-accent: rgba(232, 146, 104, .35);--glow-sm: 0 0 8px rgba(163, 196, 140, .3);--glow-md: 0 0 16px rgba(163, 196, 140, .4);--glow-lg: 0 0 24px rgba(163, 196, 140, .5);--glow-inset: inset 0 0 20px rgba(163, 196, 140, .18);--skeleton-base: #2c3825;--skeleton-highlight: #3e4a36}:root{--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Fraunces", Georgia, serif;--font-mono: "JetBrains Mono", "Roboto Mono", "Courier New", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-size-display: 48px;--font-size-h1: 36px;--font-size-h1-sm: 32px;--font-size-h2: 28px;--font-size-h3: 22px;--font-size-h4: 20px;--font-size-body-large: 18px;--font-size-body: 16px;--font-size-small: 14px;--font-size-small-sm: 13px;--font-size-caption: 12px;--font-size-caption-sm: 11px;--font-size-micro: 10px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s;--transition-base: .3s;--transition-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 100;--z-modal: 200;--z-navbar: 300;--z-tooltip: 400;--z-notification: 500;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--opacity-disabled: .6;--opacity-muted: .7;--opacity-subtle: .4;--noise-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");--gradient-mesh-light: radial-gradient(at 20% 30%, rgba(135, 169, 107, .1) 0px, transparent 50%), radial-gradient(at 80% 70%, rgba(198, 126, 75, .08) 0px, transparent 50%);--gradient-mesh-dark: radial-gradient(at 20% 30%, rgba(163, 196, 140, .15) 0px, transparent 50%), radial-gradient(at 80% 70%, rgba(232, 146, 104, .1) 0px, transparent 50%);--anim-stagger-1: .05s;--anim-stagger-2: .1s;--anim-stagger-3: .15s;--anim-stagger-4: .2s;--anim-stagger-5: .25s;--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.68, -.55, .265, 1.55);--border-decorative: 2px solid transparent;--border-gradient-primary: linear-gradient(to right, var(--color-primary), var(--color-secondary));--border-gradient-accent: linear-gradient(to right, var(--color-accent), var(--color-warning))}*{margin:0;padding:0;box-sizing:border-box}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base)}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}body{font-family:var(--font-primary);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);min-height:100vh;color:var(--color-text-primary);overflow-x:hidden}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}