.page-enter-active,.page-leave-active{transition:opacity var(--duration-fast) var(--ease-out)}.page-enter-from,.page-leave-to{opacity:0}.theme-toggle{position:fixed;top:16px;right:16px;z-index:100;width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-shadow:var(--shadow-md);outline:none}.theme-toggle:active{transform:scale(.92)}@media(hover:hover)and (pointer:fine){.theme-toggle:hover{transform:scale(1.06);box-shadow:var(--shadow-lg)}}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:none}}:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--duration-fast: .16s;--duration-normal: .2s;--duration-slow: .3s;--bg-primary: #f5f5f7;--bg-surface: #ffffff;--bg-elevated: rgba(255, 255, 255, .72);--text-primary: #1d1d1f;--text-secondary: #86868b;--text-tertiary: #aeaeb2;--accent: #0071e3;--accent-hover: #0060c0;--border-subtle: rgba(0, 0, 0, .06);--border-elevated: rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--error: #ff3b30;--error-bg: rgba(255, 59, 48, .08);--footer-bg: rgba(245, 245, 247, .8);--footer-text: var(--text-secondary);--footer-border: var(--border-subtle)}[data-theme=dark]{--bg-primary: #000000;--bg-surface: #1c1c1e;--bg-elevated: rgba(28, 28, 30, .72);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #6e6e73;--accent: #2997ff;--accent-hover: #147ce5;--border-subtle: rgba(255, 255, 255, .08);--border-elevated: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--error: #ff453a;--error-bg: rgba(255, 69, 58, .12);--footer-bg: rgba(0, 0, 0, .6);--footer-text: var(--text-secondary);--footer-border: rgba(255, 255, 255, .06)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary: #000000;--bg-surface: #1c1c1e;--bg-elevated: rgba(28, 28, 30, .72);--text-primary: #f5f5f7;--text-secondary: #98989d;--text-tertiary: #6e6e73;--accent: #2997ff;--accent-hover: #147ce5;--border-subtle: rgba(255, 255, 255, .08);--border-elevated: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--error: #ff453a;--error-bg: rgba(255, 69, 58, .12);--footer-bg: rgba(0, 0, 0, .6);--footer-text: var(--text-secondary);--footer-border: rgba(255, 255, 255, .06)}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font:100%/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--duration-slow) ease,color var(--duration-slow) ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}@media(prefers-reduced-motion:reduce){.fade-in{animation:none;opacity:1}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}