:root{--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .3s;--duration-moderate: .5s;--duration-slow: .7s;--duration-slower: 1s;--ease-linear: linear;--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);--ease-in-out-cubic: cubic-bezier(.645, .045, .355, 1);--ease-out-back: cubic-bezier(.175, .885, .32, 1.275);--ease-spring: cubic-bezier(.175, .885, .32, 1.05);--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.333rem;--text-xl: 1.777rem;--text-2xl: 2.369rem;--text-3xl: 3.157rem;--text-4xl: 4.209rem;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root[data-theme=sunsetGlow]{--color-background: #FFFBF5;--color-surface: #FFFFFF;--color-primary: #FF6B6B;--color-secondary: #4D96FF;--color-accent: #FFD93D;--color-accent-soft: #FDB99B;--gradient-primary: linear-gradient(135deg, #FFD93D 0%, #FF6B6B 50%, #C73E1D 100%);--gradient-secondary: linear-gradient(135deg, #6BCB77 0%, #4D96FF 100%);--gradient-accent: radial-gradient(circle at 30% 107%, #FDB99B 0%, #CD84F1 45%, #7367F0 100%);--gradient-overlay: linear-gradient(180deg, rgba(255,217,61,.1) 0%, rgba(255,107,107,.05) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.7) 0%, rgba(255,255,255,.3) 100%);--mesh-color-1: #FFD93D;--mesh-color-2: #FF6B6B;--mesh-color-3: #C73E1D;--mesh-color-4: #FDB99B;--mesh-color-5: #CD84F1;--color-text-primary: #2D1B11;--color-text-secondary: #5C4033;--color-text-muted: #8B6F60;--color-text-inverse: #FFFFFF;--color-success: #6BCB77;--color-warning: #FFD93D;--color-error: #FF6B6B;--color-info: #4D96FF;--color-border: #FFE4D6;--color-border-hover: #FFCDB2;--shadow-color: 255, 107, 107;--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-color), .05);--shadow-base: 0 1px 3px 0 rgba(var(--shadow-color), .1), 0 1px 2px 0 rgba(var(--shadow-color), .06);--shadow-md: 0 4px 6px -1px rgba(var(--shadow-color), .1), 0 2px 4px -1px rgba(var(--shadow-color), .06);--shadow-lg: 0 10px 15px -3px rgba(var(--shadow-color), .1), 0 4px 6px -2px rgba(var(--shadow-color), .05);--font-display: "Hind", "Noto Sans Devanagari", sans-serif;--font-heading: "Merriweather", serif;--font-body: "Recursive", sans-serif;--font-mono: "Recursive Mono Casual", monospace;--button-primary-bg: var(--color-primary);--button-primary-fg: var(--color-text-inverse);--button-primary-hover: #e95757;--button-secondary-bg: var(--color-secondary);--button-secondary-fg: var(--color-text-inverse);--button-secondary-hover: #397ce0;--card-bg: var(--color-surface);--card-border: var(--color-border);--card-shadow: var(--shadow-base);--card-hover-shadow: var(--shadow-lg);--input-bg: var(--color-surface);--input-border: var(--color-border);--input-focus-border: var(--color-primary);--input-placeholder: var(--color-text-muted);--link-color: var(--color-primary);--link-hover: var(--color-secondary);--focus-ring-color: var(--color-primary);--focus-ring-offset: 2px;--focus-ring-width: 3px;color-scheme:light}:root[data-theme=midnightAurora]{--color-background: #0A0E27;--color-surface: #151932;--color-primary: #764BA2;--color-secondary: #00D2FF;--color-accent: #F093FB;--color-accent-soft: #FA709A;--gradient-primary: linear-gradient(135deg, #667EEA 0%, #764BA2 50%, #F093FB 100%);--gradient-secondary: linear-gradient(135deg, #FA709A 0%, #FEE140 100%);--gradient-accent: radial-gradient(circle at 20% 80%, #00D2FF 0%, #3A7BD5 50%, #00265F 100%);--gradient-overlay: linear-gradient(180deg, rgba(118,75,162,.1) 0%, rgba(0,210,255,.05) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.02) 100%);--mesh-color-1: #667EEA;--mesh-color-2: #764BA2;--mesh-color-3: #F093FB;--mesh-color-4: #00D2FF;--mesh-color-5: #3A7BD5;--color-text-primary: #E8E6F7;--color-text-secondary: #B8B5D6;--color-text-muted: #7874A0;--color-text-inverse: #0A0E27;--color-success: #4ADE80;--color-warning: #FEE140;--color-error: #FA709A;--color-info: #00D2FF;--color-border: #2A2E4A;--color-border-hover: #3A3E5A;--shadow-color: 0, 0, 0;--shadow-sm: 0 1px 2px 0 rgba(var(--shadow-color), .2);--shadow-base: 0 1px 3px 0 rgba(var(--shadow-color), .3), 0 1px 2px 0 rgba(var(--shadow-color), .24);--shadow-md: 0 4px 6px -1px rgba(var(--shadow-color), .3), 0 2px 4px -1px rgba(var(--shadow-color), .24);--shadow-lg: 0 10px 15px -3px rgba(var(--shadow-color), .3), 0 4px 6px -2px rgba(var(--shadow-color), .2);--font-display: "Hind", "Noto Sans Devanagari", sans-serif;--font-heading: "Recursive", sans-serif;--font-body: "Recursive", sans-serif;--font-mono: "Recursive Mono Casual", monospace;--button-primary-bg: var(--color-primary);--button-primary-fg: var(--color-text-inverse);--button-primary-hover: #5f3a85;--button-secondary-bg: var(--color-secondary);--button-secondary-fg: var(--color-text-inverse);--button-secondary-hover: #0abfe5;--card-bg: var(--color-surface);--card-border: var(--color-border);--card-shadow: var(--shadow-base);--card-hover-shadow: var(--shadow-lg);--input-bg: var(--color-surface);--input-border: var(--color-border);--input-focus-border: var(--color-primary);--input-placeholder: var(--color-text-muted);--link-color: var(--color-secondary);--link-hover: var(--color-primary);--focus-ring-color: var(--color-primary);--focus-ring-offset: 2px;--focus-ring-width: 3px;color-scheme:dark}:root[data-theme=forestMist]{--color-background: #F7FFF7;--color-surface: #FFFFFF;--color-primary: #11998E;--color-secondary: #6A82FB;--color-accent: #FC5C7D;--color-accent-soft: #FFE000;--gradient-primary: linear-gradient(135deg, #11998E 0%, #38EF7D 100%);--gradient-secondary: linear-gradient(135deg, #FC5C7D 0%, #6A82FB 100%);--gradient-accent: radial-gradient(circle at 10% 20%, #FFE000 0%, #799F0C 100%);--gradient-overlay: linear-gradient(180deg, rgba(17,153,142,.08) 0%, rgba(56,239,125,.04) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.8) 0%, rgba(255,255,255,.4) 100%);--mesh-color-1: #11998E;--mesh-color-2: #38EF7D;--mesh-color-3: #FC5C7D;--mesh-color-4: #6A82FB;--mesh-color-5: #FFE000;--color-text-primary: #1A2F1A;--color-text-secondary: #3D5A3D;--color-text-muted: #668866;--color-text-inverse: #FFFFFF;--color-success: #38EF7D;--color-warning: #FFE000;--color-error: #FC5C7D;--color-info: #6A82FB;--color-border: #D4E8D4;--color-border-hover: #B8D4B8;--shadow-color: 17, 153, 142;--font-display: "Fraunces", serif;--font-heading: "Hind", "Noto Sans Devanagari", sans-serif;--font-body: "Recursive", sans-serif;--font-mono: "Recursive Mono Casual", monospace;color-scheme:light}:root[data-theme=cosmicDust]{--color-background: #0C0C1E;--color-surface: #1A1A2E;--color-primary: #7E57C2;--color-secondary: #F953C6;--color-accent: #FFB75E;--color-accent-soft: #ED8F03;--gradient-primary: linear-gradient(135deg, #1E3C72 0%, #2A5298 50%, #7E57C2 100%);--gradient-secondary: linear-gradient(135deg, #F953C6 0%, #B91D73 100%);--gradient-accent: radial-gradient(circle at 50% 50%, #FFB75E 0%, #ED8F03 50%, #8D4E85 100%);--gradient-overlay: linear-gradient(180deg, rgba(126,87,194,.1) 0%, rgba(249,83,198,.05) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.08) 0%, rgba(255,255,255,.01) 100%);--mesh-color-1: #1E3C72;--mesh-color-2: #7E57C2;--mesh-color-3: #F953C6;--mesh-color-4: #FFB75E;--mesh-color-5: #8D4E85;--color-text-primary: #EAEAF5;--color-text-secondary: #C5C5E2;--color-text-muted: #8585B3;--color-text-inverse: #0C0C1E;--color-success: #4ADE80;--color-warning: #FFB75E;--color-error: #F953C6;--color-info: #7E57C2;--color-border: #2A2A3E;--color-border-hover: #3A3A4E;--shadow-color: 0, 0, 0;--font-display: "Merriweather", serif;--font-heading: "Recursive", sans-serif;--font-body: "Recursive", sans-serif;--font-mono: "Recursive Mono Casual", monospace;color-scheme:dark}:root[data-theme=oceanBreeze]{--color-background: #F0F9FF;--color-surface: #FFFFFF;--color-primary: #045DE9;--color-secondary: #09C6F9;--color-accent: #FFA8A8;--color-accent-soft: #FCFF00;--gradient-primary: linear-gradient(135deg, #2E3192 0%, #1BFFFF 100%);--gradient-secondary: linear-gradient(135deg, #FFA8A8 0%, #FCFF00 100%);--gradient-accent: radial-gradient(circle at 70% 70%, #09C6F9 0%, #045DE9 100%);--gradient-overlay: linear-gradient(180deg, rgba(4,93,233,.08) 0%, rgba(9,198,249,.04) 100%);--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.5) 100%);--mesh-color-1: #2E3192;--mesh-color-2: #1BFFFF;--mesh-color-3: #FFA8A8;--mesh-color-4: #09C6F9;--mesh-color-5: #045DE9;--color-text-primary: #0C2340;--color-text-secondary: #2C4E70;--color-text-muted: #5C7A99;--color-text-inverse: #FFFFFF;--color-success: #1BFFFF;--color-warning: #FCFF00;--color-error: #FFA8A8;--color-info: #09C6F9;--color-border: #D0E7F9;--color-border-hover: #B0D7F0;--shadow-color: 4, 93, 233;--font-display: "Hind", "Noto Sans Devanagari", sans-serif;--font-heading: "Fraunces", serif;--font-body: "Hind", "Noto Sans Devanagari", sans-serif;--font-mono: "Recursive Mono Casual", monospace;color-scheme:light}:root[data-theme=sunsetGlow],:root[data-theme=midnightAurora],:root[data-theme=forestMist],:root[data-theme=cosmicDust],:root[data-theme=oceanBreeze]{--bg: var(--color-background);--fg: var(--color-text-primary);--border: var(--color-border);--link: var(--link-color);--primary: var(--color-primary);--secondary: var(--color-secondary);--accent: var(--color-accent);--success: var(--color-success);--warning: var(--color-warning);--danger: var(--color-error);--muted: var(--color-text-muted);--text-strong: var(--color-text-primary);--text-muted: var(--color-text-muted);--brand-fg: var(--color-text-primary);--brand-accent: var(--color-primary);--focus: var(--focus-ring-color);--transition-fast: var(--duration-fast);--surface-card: var(--card-bg);--surface-card-border: var(--card-border)}*{transition:background-color var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out),color var(--duration-base) var(--ease-in-out)}.no-transitions *{transition:none!important}@keyframes sunRise{0%{transform:rotate(-180deg) scale(0);opacity:0}50%{transform:rotate(-90deg) scale(1.1);opacity:.7}to{transform:rotate(0) scale(1);opacity:1}}@keyframes moonRise{0%{transform:rotate(180deg) scale(0) translateY(10px);opacity:0}50%{transform:rotate(90deg) scale(1.1) translateY(-5px);opacity:.7}to{transform:rotate(0) scale(1) translateY(0);opacity:1}}@keyframes sunSet{0%{transform:rotate(0) scale(1) translateY(0);opacity:1}50%{transform:rotate(-90deg) scale(1.1) translateY(5px);opacity:.7}to{transform:rotate(-180deg) scale(0) translateY(10px);opacity:0}}@keyframes moonSet{0%{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(90deg) scale(1.1);opacity:.7}to{transform:rotate(180deg) scale(0);opacity:0}}@keyframes buttonPress{0%,to{transform:scale(1)}50%{transform:scale(.95)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.theme-toggle{transition:opacity .15s ease-in-out}.spinner{animation:none;border-color:currentColor transparent currentColor transparent}}body{font-family:var(--font-body, var(--font-sans, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, sans-serif));font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-primary, var(--fg));background-color:var(--color-background, var(--bg))}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, inherit);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text-primary, inherit)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5{font-size:var(--text-md)}h6{font-size:var(--text-base)}.display{font-family:var(--font-display, inherit);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tighter)}:focus-visible{outline:var(--focus-ring-width, 3px) solid var(--focus-ring-color, var(--focus, #0057ff));outline-offset:var(--focus-ring-offset, 3px);border-radius:var(--radius-base, 6px)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.border-default{border-color:var(--color-border)}.border-hover{border-color:var(--color-border-hover)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-base{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}html[data-theme=sunsetGlow] body,html[data-theme=midnightAurora] body,html[data-theme=forestMist] body,html[data-theme=cosmicDust] body,html[data-theme=oceanBreeze] body{background:var(--bg);color:var(--fg)}.gradient-primary{background:var(--color-primary);background:var(--gradient-primary);background-size:200% 200%}.gradient-secondary{background:var(--color-secondary);background:var(--gradient-secondary);background-size:200% 200%}.gradient-accent{background:var(--color-accent);background:var(--gradient-accent);background-size:200% 200%}.gradient-animate{animation:gradientShift 15s var(--ease-in-out, ease) infinite;will-change:background-position}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-overlay{position:relative;overflow:hidden}.gradient-overlay:before{content:"";position:absolute;inset:0;background:var(--gradient-overlay);pointer-events:none;z-index:1;contain:paint;backface-visibility:hidden}.gradient-overlay.gradient-animate:before{animation:gradientShift 15s var(--ease-in-out, ease) infinite;will-change:background-position}.gradient-mesh{background-color:var(--color-background);background:radial-gradient(at 40% 20%,var(--mesh-color-1, #ffffff) 0px,transparent 50%),radial-gradient(at 80% 0%,var(--mesh-color-2, #ffffff) 0px,transparent 50%),radial-gradient(at 10% 50%,var(--mesh-color-3, #ffffff) 0px,transparent 50%),radial-gradient(at 80% 50%,var(--mesh-color-4, #ffffff) 0px,transparent 50%),radial-gradient(at 50% 100%,var(--mesh-color-5, #ffffff) 0px,transparent 50%)}.glass{background:var(--gradient-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.button.gradient{background:var(--gradient-primary);background-size:200% auto;color:var(--color-text-inverse, #fff);transition:background-position var(--duration-fast, .15s) var(--ease-out, ease)}.button.gradient:hover{background-position:right center}@media (prefers-reduced-motion: reduce){.gradient-animate{animation:none}.button.gradient{transition:none}}
