:root{--color-primary: #89F336;--color-primary-hover: #80EF80;--color-secondary: #8BB06F;--color-accent-1: #80EF80;--color-accent-2: #8A00C4;--color-highlight: #FFE600;--color-bg: #173317;--color-bg-elevated: #1D3A1D;--color-surface: #223F22;--color-border: rgba(137, 243, 54, .25);--color-text: #8CBD8C;--color-text-contrast: #F5F5F5;--color-text-muted: #6F8C6F;--color-disabled: #4E674E;--color-shadow: #000000;--font-sans: "Inter";--font-mono: "Space Mono"}[data-theme=minimal]{--color-primary: #000000;--color-primary-hover: #333333;--color-secondary: #666666;--color-accent-1: #999999;--color-accent-2: #CCCCCC;--color-highlight: #0055FF;--color-bg: #FFFFFF;--color-bg-elevated: #F5F5F5;--color-surface: #FAFAFA;--color-border: rgba(0, 0, 0, .1);--color-text: #333333;--color-text-contrast: #000000;--color-text-muted: #777777;--color-disabled: #DDDDDD;--color-shadow: rgba(0, 0, 0, .1);--font-sans: "Inter";--font-mono: "Space Mono"}[data-theme=eink]{--color-primary: #000000;--color-primary-hover: #222222;--color-secondary: #444444;--color-accent-1: #666666;--color-accent-2: #888888;--color-highlight: #000000;--color-bg: #F0F0F0;--color-bg-elevated: #E5E5E5;--color-surface: #E0E0E0;--color-border: #999999;--color-text: #111111;--color-text-contrast: #000000;--color-text-muted: #555555;--color-disabled: #AAAAAA;--color-shadow: #000000;--font-sans: "Inter";--font-mono: "Space Mono"}[data-theme=bento]{--color-primary: #AC92A6;--color-primary-hover: #9B8295;--color-secondary: #D5C7BC;--color-accent-1: #DEE8D5;--color-accent-2: #E9FAE3;--color-highlight: #D5C7BC;--color-bg: #FFFFFF;--color-bg-elevated: #FAFAFA;--color-surface: #E9FAE3;--color-border: #DEE8D5;--color-text: #5A5A5A;--color-text-contrast: #333333;--color-text-muted: #888888;--color-disabled: #EEEEEE;--color-shadow: rgba(0, 0, 0, .05);--font-sans: "Inter";--font-mono: "Inter"}[data-theme=hacking]{--color-primary: #00FF00;--color-primary-hover: #00CC00;--color-secondary: #006600;--color-accent-1: #009900;--color-accent-2: #003300;--color-highlight: #FFFF00;--color-bg: #050505;--color-bg-elevated: #0A0A0A;--color-surface: #000000;--color-border: #00FF00;--color-text: #00CC00;--color-text-contrast: #00FF00;--color-text-muted: #006600;--color-disabled: #002200;--color-shadow: #00FF00;--font-sans: "Space Mono";--font-mono: "Space Mono"}[data-theme=terminal]{--color-primary: #00FF00;--color-primary-hover: #00CC00;--color-secondary: #009900;--color-accent-1: #00FF00;--color-accent-2: #004400;--color-highlight: #FFFFFF;--color-bg: #000000;--color-bg-elevated: #050505;--color-surface: #000000;--color-border: #00FF00;--color-text: #00CC00;--color-text-contrast: #00FF00;--color-text-muted: #006600;--color-disabled: #002200;--color-shadow: #00FF00;--font-sans: "Space Mono";--font-mono: "Space Mono"}[data-theme=cyberpunk]{--color-primary: #FF007F;--color-primary-hover: #FF3399;--color-secondary: #00FFFF;--color-accent-1: #00FFFF;--color-accent-2: #FF007F;--color-highlight: #00FFFF;--color-bg: #050A15;--color-bg-elevated: #0A1428;--color-surface: #050A15;--color-border: #FF007F;--color-text: #E0F0FF;--color-text-contrast: #FFFFFF;--color-text-muted: #406080;--color-disabled: #102040;--color-shadow: #FF007F;--font-sans: "Inter";--font-mono: "Space Mono"}[data-theme=minimal] .border-2,[data-theme=minimal] .border-4,[data-theme=minimal] .border-b-4,[data-theme=minimal] .border-t-2,[data-theme=minimal] .border-r-2{border-color:transparent!important;border-width:0!important}[data-theme=minimal] input{border:1px solid var(--color-border)!important}[data-theme=minimal] .shadow-neo,[data-theme=minimal] .shadow-neo-sm,[data-theme=minimal] .shadow-neo-highlight,[data-theme=minimal] .shadow-neo-hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006!important}[data-theme=minimal] .hover\:shadow-neo-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}[data-theme=minimal] .bg-surface,[data-theme=minimal] .cards-grid>div{border-radius:16px;overflow:hidden}[data-theme=minimal] button,[data-theme=minimal] input,[data-theme=minimal] .category-btn{border-radius:8px}[data-theme=eink] body{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E")}[data-theme=eink] img{filter:grayscale(100%) contrast(120%)!important}[data-theme=eink] .shadow-neo,[data-theme=eink] .shadow-neo-sm,[data-theme=eink] .shadow-neo-highlight,[data-theme=eink] .shadow-neo-hover,[data-theme=eink] .hover\:shadow-neo-hover:hover{box-shadow:none!important}[data-theme=eink] .bg-highlight{background-color:var(--color-text-contrast)!important;color:var(--color-bg)!important}[data-theme=eink] .text-highlight{color:var(--color-text-contrast)!important}[data-theme=bento] .cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-flow:dense;gap:1.5rem}[data-theme=bento] .bg-surface,[data-theme=bento] .cards-grid>div{border-radius:24px;overflow:hidden}[data-theme=bento] .border-2,[data-theme=bento] .border-b-2,[data-theme=bento] .border-l-2,[data-theme=bento] .border-r-2{border-color:transparent!important}[data-theme=bento] button,[data-theme=bento] input,[data-theme=bento] .category-btn{border-radius:12px}[data-theme=bento] .shadow-neo,[data-theme=bento] .shadow-neo-sm,[data-theme=bento] .shadow-neo-highlight,[data-theme=bento] .shadow-neo-hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a!important}[data-theme=bento] .hover\:shadow-neo-hover:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}[data-theme=hacking] *{font-family:var(--font-mono)!important}[data-theme=hacking] .shadow-neo,[data-theme=hacking] .shadow-neo-sm,[data-theme=hacking] .shadow-neo-highlight,[data-theme=hacking] .shadow-neo-hover,[data-theme=hacking] .hover\:shadow-neo-hover:hover{border-width:1px!important}[data-theme=hacking] img{filter:sepia(1) hue-rotate(80deg) saturate(400%) brightness(.7)!important}[data-theme=hacking] .bg-surface:hover img{filter:sepia(1) hue-rotate(80deg) saturate(400%) brightness(1)!important}[data-theme=terminal] *{font-family:var(--font-mono)!important}[data-theme=terminal] .cards-grid{display:flex!important;flex-direction:column!important;gap:1rem}[data-theme=terminal] .cards-grid>div{flex-direction:row;height:auto;align-items:center}[data-theme=terminal] .cards-grid img{display:none!important}[data-theme=terminal] .cards-grid>div>div:first-child{display:none!important}[data-theme=terminal] .cards-grid .p-6{flex-direction:row!important;align-items:center;justify-content:space-between;width:100%}[data-theme=terminal] .cards-grid h3{margin:0;white-space:nowrap}[data-theme=terminal] .cards-grid p{display:none!important}[data-theme=terminal] .cards-grid .mt-auto{margin-top:0!important;flex-direction:row!important}[data-theme=terminal] .border-2,[data-theme=terminal] .border-4,[data-theme=terminal] .border-b-4,[data-theme=terminal] .border-t-2{border-style:dashed!important;border-width:1px!important}[data-theme=terminal] .shadow-neo,[data-theme=terminal] .shadow-neo-sm,[data-theme=terminal] .shadow-neo-highlight,[data-theme=terminal] .shadow-neo-hover,[data-theme=terminal] .hover\:shadow-neo-hover:hover{box-shadow:none!important}[data-theme=cyberpunk] .bg-surface,[data-theme=cyberpunk] button,[data-theme=cyberpunk] input,[data-theme=cyberpunk] .category-btn{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}[data-theme=cyberpunk] header{clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%)}[data-theme=cyberpunk] .shadow-neo,[data-theme=cyberpunk] .shadow-neo-sm,[data-theme=cyberpunk] .shadow-neo-hover,[data-theme=cyberpunk] .hover\:shadow-neo-hover:hover{box-shadow:4px 4px 0 var(--color-accent-1),-4px -4px 0 var(--color-secondary)!important;transition:all .2s ease}[data-theme=cyberpunk] .shadow-neo-highlight{box-shadow:8px 8px 0 var(--color-accent-1),-4px -4px 0 var(--color-secondary)!important}[data-theme=cyberpunk] .group:hover .bg-surface{animation:glitch-anim .4s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch-anim{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}
