.panel-transparent{background:transparent}.panel-glass{background:var(--theme-panel-bg);border:1px solid var(--theme-stroke);border-radius:12px}.panel-glass-elevated{background:var(--theme-panel-elevated-bg, var(--theme-card-bg));border:1px solid var(--theme-stroke, var(--theme-stroke));border-radius:16px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.surface-card{background:var(--theme-card-bg);border:1px solid var(--theme-stroke);border-radius:8px}.surface-card-interactive{background:var(--theme-card-bg);border:1px solid var(--theme-stroke);border-radius:8px;cursor:pointer;transition:all var(--duration-normal) ease}.surface-card-interactive:hover{background:var(--theme-card-hover-bg);border-color:var(--theme-stroke-strong, var(--theme-stroke-strong))}.text-primary{color:var(--theme-text)}.text-secondary,.text-muted{color:var(--theme-text-dim, var(--theme-text-dim))}.divider-horizontal{height:1px;background:var(--theme-stroke, var(--theme-card-bg))}.divider-vertical{width:1px;background:var(--theme-stroke, var(--theme-card-bg))}.overlay-scrim{background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.overlay-glass{background:var(--theme-panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.fade-to-bottom{background:linear-gradient(to bottom,transparent 0%,var(--theme-panel-bg) 100%)}.fade-to-top{background:linear-gradient(to top,transparent 0%,var(--theme-panel-bg) 100%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-scale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(var(--slide-distance-md, 12px))}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(calc(-1 * var(--slide-distance-md, 12px)))}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(var(--slide-distance-md, 12px))}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(calc(-1 * var(--slide-distance-md, 12px)))}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-name:spin,spin-reverse,pulse,pulse-scale,pulse-glow,fadeIn,fadeOut,slideUp,slideDown,slideLeft,slideRight,scaleIn,scaleOut,popIn,bounce,shake,shimmer!important}@keyframes spin{0%,to{transform:rotate(0)}}@keyframes spin-reverse{0%,to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:1}}@keyframes pulse-scale{0%,to{transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:none}}@keyframes fadeIn{0%,to{opacity:1}}@keyframes fadeOut{0%,to{opacity:0}}@keyframes slideUp{0%,to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%,to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%,to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%,to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%,to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%,to{opacity:0;transform:scale(1)}}@keyframes popIn{0%,to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}}@keyframes shimmer{0%,to{background-position:0 0}}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{margin:0;padding:0;overscroll-behavior:none;-webkit-touch-callout:none;min-height:100vh;min-height:100dvh;background-color:#0a0a0a}html{scrollbar-gutter:stable}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(255, 255, 255, .2)) var(--scrollbar-track, transparent)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track, transparent);border-radius:4px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, rgba(255, 255, 255, .2));border-radius:4px;transition:background .15s ease-out}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, rgba(255, 255, 255, .35))}@media(max-width:768px){html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:16px;height:16px}}body{-webkit-text-size-adjust:100%;text-size-adjust:100%;line-height:1.5;-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;touch-action:pan-y pinch-zoom;background-color:var(--background, #0a0a0a);color:var(--foreground, #ffffff)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--primary-color, #6366f1);outline-offset:2px}:focus:not(:focus-visible){outline:none}button,[role=button],input[type=button],input[type=submit],input[type=reset],a.button,a[role=button],[role=tab],[role=switch],[role=checkbox]{min-width:var(--min-touch-target);min-height:var(--min-touch-target)}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}:root{--primary-color: var(--theme-accent, #6366f1);--primary-light: color-mix(in srgb, var(--primary-color) 70%, white);--primary-dark: color-mix(in srgb, var(--primary-color) 80%, black);--primary-color-hover: var(--theme-accent-strong, #4f46e5);--secondary-color: #ec4899;--secondary-light: #f472b6;--secondary-dark: #db2777;--accent-color: #06b6d4;--accent-light: #22d3ee;--accent-dark: #0891b2;--gradient-primary: linear-gradient( 135deg, var(--theme-accent, #6366f1) 0%, var(--theme-accent-strong, #8b5cf6) 100% );--gradient-aurora: linear-gradient( 135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 75%, #4facfe 100% );--gradient-cosmic: linear-gradient( 135deg, #0a0e2c 0%, #1a2040 50%, #2a3060 100% );--surface-color: var(--theme-card-bg, rgba(255, 255, 255, .08));--surface-hover: var(--theme-card-hover-bg, rgba(255, 255, 255, .12));--surface-active: color-mix(in srgb, var(--surface-hover) 75%, white);--surface-glass: var(--theme-panel-elevated-bg, rgba(255, 255, 255, .05));--surface-dark: var(--theme-panel-bg, rgba(0, 0, 0, .35));--surface-darker: color-mix(in srgb, var(--surface-dark) 75%, black);--surface-inset: rgba(0, 0, 0, .2);--surface-inset-deep: rgba(0, 0, 0, .3);--surface-glass-hover: color-mix(in srgb, var(--surface-glass) 75%, black);--text-on-accent: #000;--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .4);--glass-blur: 20px;--glass-blur-strong: 40px;--glass-backdrop: blur(var(--glass-blur));--glass-backdrop-strong: blur(var(--glass-blur-strong));--glass-border: 1px solid var(--theme-stroke, rgba(255, 255, 255, .1));--glass-border-hover: 1px solid var(--theme-stroke-strong, rgba(255, 255, 255, .25));--min-touch-target: 44px;--alt-touch-target: 36px;--min-touch-target-compact: 32px;--shadow-glass: 0 8px 32px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .1);--shadow-glass-hover: 0 12px 40px rgba(0, 0, 0, .15), 0 6px 20px rgba(0, 0, 0, .1), 0 0 0 1px rgba(255, 255, 255, .1), inset 0 1px 0 rgba(255, 255, 255, .15);--shadow-modal: 0 25px 48px rgba(0, 0, 0, .25), 0 12px 24px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-elevated: 0 20px 40px rgba(0, 0, 0, .2), 0 8px 16px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .12);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-emphasis: .28s;--duration-dramatic: .35s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.25, .1, .25, 1);--transition-micro: var(--duration-instant) var(--ease-out);--transition-fast: var(--duration-fast) var(--ease-out);--transition-normal: var(--duration-normal) var(--ease-out);--transition-emphasis: var(--duration-emphasis) var(--ease-in-out);--transition-spring: var(--duration-normal) var(--ease-spring);--transition-dramatic: var(--duration-dramatic) var(--ease-out);--stagger-micro: 30ms;--stagger-normal: 50ms;--stagger-relaxed: 80ms;--slide-distance-sm: 8px;--slide-distance-md: 12px;--slide-distance-lg: 20px;--scale-subtle: .98;--scale-normal: .95;--scale-dramatic: .85;--transition-slow: var(--duration-dramatic) var(--ease-in-out);--transition-bounce: var(--duration-emphasis) var(--ease-spring);--hover-lift-sm: -1px;--hover-lift-md: -2px;--hover-lift-none: 0px;--hover-scale-sm: 1.01;--hover-scale-md: 1.02;--hover-scale-lg: 1.03;--active-scale: .98;--active-scale-sm: .99;--font-size-min: .875rem;--font-size-compact: .75rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--touch-target-min: var( --min-touch-target );--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 24px;--element-spacing: 16px;--background: #0a0a0a;--foreground: #ffffff;--muted: #525252;--muted-foreground: #a3a3a3;--header-bg-cosmic: linear-gradient( 135deg, rgba(255, 255, 255, .92) 0%, rgba(240, 242, 247, .92) 100% );--header-bg-aurora: linear-gradient( 135deg, rgba(255, 255, 255, .92) 0%, rgba(240, 242, 247, .92) 100% );--header-bg-winter: linear-gradient( 135deg, rgba(255, 255, 255, .92) 0%, rgba(240, 242, 247, .92) 100% );--header-bg-ocean: linear-gradient( 135deg, rgba(255, 255, 255, .92) 0%, rgba(240, 242, 247, .92) 100% );--header-border-cosmic: 1px solid rgba(99, 102, 241, .4);--header-border-aurora: 1px solid rgba(168, 85, 247, .4);--header-border-winter: 1px solid rgba(96, 165, 250, .4);--header-border-ocean: 1px solid rgba(6, 182, 212, .4);--header-text-cosmic: #1a1a1a;--header-text-aurora: #1a1a1a;--header-text-winter: #1a1a1a;--header-text-ocean: #1a1a1a;--header-bg-current: var(--header-bg-cosmic);--header-border-current: var(--header-border-cosmic);--header-text-current: var(--header-text-cosmic);--panel-bg-cosmic: rgba(255, 255, 255, .05);--panel-bg-aurora: rgba( 20, 10, 40, .85 );--panel-bg-winter: rgba(255, 255, 255, .05);--panel-bg-ocean: rgba(255, 255, 255, .05);--panel-border-cosmic: rgba(255, 255, 255, .1);--panel-border-aurora: rgba(168, 85, 247, .3);--panel-border-winter: rgba(255, 255, 255, .1);--panel-border-ocean: rgba(255, 255, 255, .1);--panel-hover-cosmic: rgba(255, 255, 255, .08);--panel-hover-aurora: rgba(30, 15, 60, .9);--panel-hover-winter: rgba(255, 255, 255, .08);--panel-hover-ocean: rgba(255, 255, 255, .08);--card-bg-cosmic: rgba(255, 255, 255, .05);--card-bg-aurora: rgba(25, 15, 45, .88);--card-bg-winter: rgba(255, 255, 255, .05);--card-bg-ocean: rgba(255, 255, 255, .05);--card-border-cosmic: rgba(255, 255, 255, .1);--card-border-aurora: rgba(168, 85, 247, .35);--card-border-winter: rgba(255, 255, 255, .1);--card-border-ocean: rgba(255, 255, 255, .1);--card-hover-cosmic: rgba(255, 255, 255, .08);--card-hover-aurora: rgba(35, 20, 65, .92);--card-hover-winter: rgba(255, 255, 255, .08);--card-hover-ocean: rgba(255, 255, 255, .08);--text-primary-cosmic: #ffffff;--text-primary-aurora: #ffffff;--text-primary-winter: #ffffff;--text-primary-ocean: #ffffff;--text-secondary-cosmic: rgba(255, 255, 255, .7);--text-secondary-aurora: rgba( 255, 255, 255, .85 );--text-secondary-winter: rgba(255, 255, 255, .7);--text-secondary-ocean: rgba(255, 255, 255, .7);--input-bg-cosmic: rgba(255, 255, 255, .05);--input-bg-aurora: rgba(30, 20, 50, .75);--input-bg-winter: rgba(255, 255, 255, .05);--input-bg-ocean: rgba(255, 255, 255, .05);--input-border-cosmic: rgba(255, 255, 255, .1);--input-border-aurora: rgba(168, 85, 247, .4);--input-border-winter: rgba(255, 255, 255, .1);--input-border-ocean: rgba(255, 255, 255, .1);--input-focus-cosmic: rgba(255, 255, 255, .08);--input-focus-aurora: rgba(40, 25, 70, .85);--input-focus-winter: rgba(255, 255, 255, .08);--input-focus-ocean: rgba(255, 255, 255, .08);--button-active-cosmic: rgba(255, 255, 255, .15);--button-active-aurora: rgba( 88, 28, 135, .75 );--button-active-winter: rgba(255, 255, 255, .15);--button-active-ocean: rgba(255, 255, 255, .15);--panel-bg-current: var(--panel-bg-cosmic);--panel-border-current: var(--panel-border-cosmic);--panel-hover-current: var(--panel-hover-cosmic);--card-bg-current: var(--card-bg-cosmic);--card-border-current: var(--card-border-cosmic);--card-hover-current: var(--card-hover-cosmic);--text-primary-current: var(--text-primary-cosmic);--text-secondary-current: var(--text-secondary-cosmic);--input-bg-current: var(--input-bg-cosmic);--input-border-current: var(--input-border-cosmic);--input-focus-current: var(--input-focus-cosmic);--button-active-current: var(--button-active-cosmic);--z-base: 0;--z-sticky: 100;--z-sidebar: 200;--z-dropdown: 300;--z-drawer: 400;--z-overlay: 500;--z-modal: 600;--z-toast: 700;--z-tooltip: 800;--z-priority: 900;--z-debug: 1000;--sheet-z-modal: 1200;--sheet-z-overlay: 1100;--sheet-z-base: 1000;--sheet-z-low: 150;--backdrop-opaque: rgba(0, 0, 0, .85);--backdrop-medium: rgba(0, 0, 0, .55);--backdrop-transparent: transparent;--backdrop-blur-strong: blur(8px);--backdrop-blur-medium: blur(4px);--backdrop-blur-none: none;--sheet-bg-solid: rgb(15, 15, 20);--sheet-bg-glass: var(--theme-panel-elevated-bg, rgba(0, 0, 0, .4));--sheet-bg-gradient: linear-gradient( 135deg, rgba(0, 0, 0, .45) 0%, rgba(0, 0, 0, .6) 100% );--sheet-bg: var(--sheet-bg-solid);--sheet-bg-transparent: transparent;--sheet-bg-mesh: linear-gradient( 135deg, rgba(102, 126, 234, .15) 0%, rgba(118, 75, 162, .15) 25%, rgba(240, 147, 251, .15) 50%, rgba(245, 87, 108, .15) 75%, rgba(79, 172, 254, .15) 100% );--sheet-radius-large: 24px;--sheet-radius-medium: 20px;--sheet-radius-small: 16px;--sheet-radius-button: 12px;--sheet-shadow-bottom: 0 -12px 32px rgba(0, 0, 0, .35);--sheet-shadow-top: 0 12px 32px rgba(0, 0, 0, .35);--sheet-shadow-right: -8px 0 32px rgba(0, 0, 0, .3), -2px 0 8px rgba(0, 0, 0, .2);--sheet-shadow-left: 8px 0 32px rgba(0, 0, 0, .3), 2px 0 8px rgba(0, 0, 0, .2);--sheet-shadow-elevated: 0 -20px 60px rgba(0, 0, 0, .5);--sheet-border-subtle: 1px solid var(--theme-stroke, rgba(255, 255, 255, .08));--sheet-border-medium: 1px solid var(--theme-stroke-strong, rgba(255, 255, 255, .15));--sheet-border-strong: 1px solid var(--theme-stroke-strong, rgba(255, 255, 255, .2));--sheet-transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--sheet-transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--sheet-transition-slide: .3s;--sheet-header-bg: var(--theme-card-bg, rgba(255, 255, 255, .02));--sheet-header-border: 1px solid var(--theme-stroke, rgba(255, 255, 255, .12));--sheet-close-bg: var(--theme-card-bg, rgba(255, 255, 255, .08));--sheet-close-bg-hover: var(--theme-card-hover-bg, rgba(255, 255, 255, .16));--sheet-close-size-default: var(--min-touch-target);--sheet-close-size-small: var(--min-touch-target);--sheet-handle-width: var(--min-touch-target);--sheet-handle-height: 5px;--sheet-handle-bg: var(--theme-stroke-strong, rgba(255, 255, 255, .3));--sheet-handle-bg-hover: color-mix( in srgb, var(--theme-stroke-strong, rgba(255, 255, 255, .3)) 85%, white );--sheet-handle-radius: 999px;--sheet-handle-spacing: 12px;--surface-2026: rgba(255, 255, 255, .03);--surface-2026-hover: rgba(255, 255, 255, .06);--surface-2026-active: rgba(255, 255, 255, .08);--border-2026: rgba(255, 255, 255, .06);--border-2026-hover: rgba(255, 255, 255, .12);--border-2026-active: rgba(255, 255, 255, .18);--shadow-2026-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-2026-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-2026-lg: 0 4px 16px rgba(0, 0, 0, .1);--radius-2026-xs: 6px;--radius-2026-sm: 10px;--radius-2026-md: 14px;--radius-2026-lg: 18px;--radius-2026-full: 100px;--space-2026-xs: 6px;--space-2026-sm: 12px;--space-2026-md: 20px;--space-2026-lg: 28px;--space-2026-xl: 40px;--space-2026-2xl: 48px;--duration-2026-instant: .1s;--duration-2026-fast: .15s;--duration-2026-normal: .25s;--duration-2026-slow: .4s;--ease-2026: cubic-bezier(.25, .1, .25, 1);--ease-2026-out: cubic-bezier(.33, 1, .68, 1);--text-2026-display: 2rem;--text-2026-headline: 1.5rem;--text-2026-title: 1.125rem;--text-2026-body: 1rem;--text-2026-caption: .875rem;--text-2026-micro: .75rem;--accent-2026-indigo: #6366f1;--accent-2026-indigo-soft: rgba(99, 102, 241, .12);--accent-2026-pink: #ec4899;--accent-2026-pink-soft: rgba(236, 72, 153, .12);--accent-2026-cyan: #06b6d4;--accent-2026-cyan-soft: rgba(6, 182, 212, .12);--accent-2026-emerald: #10b981;--accent-2026-emerald-soft: rgba(16, 185, 129, .12);--accent-2026-amber: #f59e0b;--accent-2026-amber-soft: rgba(245, 158, 11, .12);--dm-bg: #d8d8d2;--dm-bg-secondary: #d0d0ca;--dm-pictograph-bg: #d8d8d2;--dm-text: #000000;--dm-text-muted: #666666;--dm-grid-color: #000000;--dm-grid-line: #cccccc;--dm-grid-line-strong: #999999;--dm-glyph-fill: #231f20;--dm-motion-neutral: #231f20;--dm-motion-blue: #3D44B8;--dm-motion-red: #DC2626;--dm-beat-stroke: white;--dm-transition: .15s ease-out}:root.dark{--dm-bg: #0a0a0f;--dm-bg-secondary: #1a1a2e;--dm-pictograph-bg: #0a0a0f;--dm-text: #ffffff;--dm-text-muted: #aaaaaa;--dm-grid-color: #d0d0d0;--dm-grid-line: #333333;--dm-grid-line-strong: #555555;--dm-glyph-fill: #ffffff;--dm-motion-neutral: #ffffff;--dm-motion-blue: #3575E2;--dm-motion-red: #ED1C24;--dm-beat-stroke: transparent}@media(prefers-color-scheme:light){:root{--background: #ffffff;--foreground: #0a0a0a;--muted: #f5f5f5;--muted-foreground: #525252}}body{position:relative;background:var(--gradient-cosmic);background-attachment:fixed;background-size:400% 400%;color:var(--foreground)}@media(prefers-reduced-motion:no-preference){body{animation:gradientShift 15s ease infinite}}body:after{content:"";position:fixed;inset:0;background:var(--gradient-next, transparent);background-attachment:fixed;background-size:400% 400%;opacity:0;z-index:1;pointer-events:none;transition:opacity 1s ease-in-out}@media(prefers-reduced-motion:no-preference){body:after{animation:gradientShift 15s ease infinite}}body.background-transitioning:after{opacity:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body.star-twinkle{position:relative}body.star-twinkle:before{content:"";position:fixed;inset:0;background:radial-gradient(1px 1px at 25px 25px,#ffffff,transparent),radial-gradient(2px 2px at 75px 48px,#ffeb3b,transparent),radial-gradient(1px 1px at 125px 75px,#ffffff,transparent),radial-gradient(1px 1px at 175px 25px,#81c784,transparent),radial-gradient(2px 2px at 200px 100px,#ffffff,transparent),radial-gradient(1px 1px at 48px 120px,#ffcdd2,transparent),radial-gradient(1px 1px at 152px 140px,#ffffff,transparent),radial-gradient(2px 2px at 252px 60px,#e1bee7,transparent);background-repeat:repeat;background-size:280px 180px;opacity:.9;pointer-events:none;z-index:-1}@media(prefers-reduced-motion:no-preference){body.star-twinkle:before{animation:star-twinkle-animation 3s ease-in-out infinite}}body.aurora-flow{background-size:400% 400%}@media(prefers-reduced-motion:no-preference){body.aurora-flow{animation:aurora-animation 8s ease-in-out infinite}}body.ocean-flow{position:relative;overflow:auto}body.ocean-flow:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 20% 80%,rgba(0,100,200,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,150,255,.08) 0%,transparent 50%);background-size:252px 200px;opacity:.8;pointer-events:none;z-index:-1}@media(prefers-reduced-motion:no-preference){body.ocean-flow:before{animation:bubble-rise 8s ease-in-out infinite}}body.ember,body.blossom{position:relative}.glass-surface{background:var(--surface-color);backdrop-filter:var(--glass-backdrop);box-shadow:var(--shadow-glass)}.themed-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb, rgba(255, 255, 255, .2)) var(--scrollbar-track, transparent)}.themed-scrollbar::-webkit-scrollbar{width:8px;height:8px}.themed-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track, transparent);border-radius:4px}.themed-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, rgba(255, 255, 255, .2));border-radius:4px;transition:background .15s ease-out}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, rgba(255, 255, 255, .35))}.themed-scrollbar-accent{scrollbar-width:thin;scrollbar-color:var(--scrollbar-accent, rgba(99, 102, 241, .3)) var(--scrollbar-track, transparent)}.themed-scrollbar-accent::-webkit-scrollbar{width:8px;height:8px}.themed-scrollbar-accent::-webkit-scrollbar-track{background:var(--scrollbar-track, transparent);border-radius:4px}.themed-scrollbar-accent::-webkit-scrollbar-thumb{background:var(--scrollbar-accent, rgba(99, 102, 241, .3));border-radius:4px;transition:background .15s ease-out}.themed-scrollbar-accent::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-accent-hover, rgba(99, 102, 241, .5))}@media(max-width:768px){.themed-scrollbar::-webkit-scrollbar,.themed-scrollbar-accent::-webkit-scrollbar{width:16px;height:16px}}.btn{padding:var(--spacing-xs) var(--spacing-md);border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--theme-accent, #6366f1) 30%,transparent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--theme-accent, #6366f1) 40%,transparent)}.btn-glass{background:var(--surface-color);backdrop-filter:var(--glass-backdrop);border:var(--glass-border);border-radius:12px;box-shadow:var(--shadow-glass);color:var(--foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-md{gap:var(--spacing-md)}@media(max-width:768px){:root{--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem}}@media(prefers-reduced-motion:reduce){.fa-spin,.fa-pulse,.fa-beat,.fa-bounce,.fa-fade,.fa-shake,.fa-flip,[class*=animate-],[class*=bounce-],[class*=pulse-],[class*=spin-]{animation:none!important}.beat-animation,.pictograph-transition,.sequence-animation{animation-duration:.01ms!important;transition-duration:.01ms!important}*:not(.toast):not(.notification):not([role=alert]):not(.drawer):not(.modal):not(.sheet),*:not(.toast):not(.notification):not([role=alert]):not(.drawer):not(.modal):not(.sheet):before,*:not(.toast):not(.notification):not([role=alert]):not(.drawer):not(.modal):not(.sheet):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toast,.notification,[role=alert],[role=status]{transition-duration:.2s!important;transition-property:opacity!important}.drawer,.modal,.sheet,[role=dialog]{transition-duration:.15s!important}}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.accessible-touch-target{position:relative}.accessible-touch-target:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:44px;min-height:44px;width:max(100%,44px);height:max(100%,44px)}.has-desktop-sidebar .drawer-overlay,.has-desktop-sidebar .drawer-content[data-placement=left]{left:var(--desktop-sidebar-width, 220px)}::view-transition-old(sidebar),::view-transition-new(sidebar){animation:none}::view-transition-group(sidebar){animation:none}.module-slide-left::view-transition-old(root){animation:var(--duration-emphasis) var(--ease-out) both module-slide-out-left}.module-slide-left::view-transition-new(root){animation:var(--duration-emphasis) var(--ease-out) both module-slide-in-left}@keyframes module-slide-out-left{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-10%) scale(.96)}}@keyframes module-slide-in-left{0%{opacity:0;transform:translate(10%) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}.module-slide-right::view-transition-old(root){animation:var(--duration-emphasis) var(--ease-out) both module-slide-out-right}.module-slide-right::view-transition-new(root){animation:var(--duration-emphasis) var(--ease-out) both module-slide-in-right}@keyframes module-slide-out-right{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(10%) scale(.96)}}@keyframes module-slide-in-right{0%{opacity:0;transform:translate(-10%) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.module-slide-left::view-transition-old(root),.module-slide-left::view-transition-new(root),.module-slide-right::view-transition-old(root),.module-slide-right::view-transition-new(root){animation:none!important}}.tab-panel.active,.mode-panel.active,.section-panel{view-transition-name:tab-content}.tab-slide-left::view-transition-old(root),.tab-slide-left::view-transition-new(root),.tab-slide-right::view-transition-old(root),.tab-slide-right::view-transition-new(root){animation:none}.tab-slide-left::view-transition-old(tab-content){animation:var(--duration-normal) var(--ease-out) both tab-slide-out-left}.tab-slide-left::view-transition-new(tab-content){animation:var(--duration-normal) var(--ease-out) both tab-slide-in-left}.tab-slide-right::view-transition-old(tab-content){animation:var(--duration-normal) var(--ease-out) both tab-slide-out-right}.tab-slide-right::view-transition-new(tab-content){animation:var(--duration-normal) var(--ease-out) both tab-slide-in-right}@keyframes tab-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}@keyframes tab-slide-in-left{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes tab-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes tab-slide-in-right{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.tab-slide-left::view-transition-old(tab-content),.tab-slide-left::view-transition-new(tab-content),.tab-slide-right::view-transition-old(tab-content),.tab-slide-right::view-transition-new(tab-content){animation:none!important}}