*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out}.theme-midnight{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #10b981;--color-error: #ef4444;--color-border: #475569;--editor-bg: #1e1e1e}.theme-dawn{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-success: #059669;--color-error: #dc2626;--color-border: #cbd5e1;--editor-bg: #ffffff}.theme-dracula{--color-bg-primary: #282a36;--color-bg-secondary: #44475a;--color-bg-tertiary: #6272a4;--color-text-primary: #f8f8f2;--color-text-secondary: #f8f8f2;--color-text-muted: #bd93f9;--color-accent: #ff79c6;--color-accent-hover: #ff92d0;--color-success: #50fa7b;--color-error: #ff5555;--color-border: #6272a4;--editor-bg: #1e1e1e}.theme-onedarkpro{--color-bg-primary: #282c34;--color-bg-secondary: #21252b;--color-bg-tertiary: #333842;--color-text-primary: #abb2bf;--color-text-secondary: #98c379;--color-text-muted: #5c6370;--color-accent: #61afef;--color-accent-hover: #528bff;--color-success: #98c379;--color-error: #e06c75;--color-border: #3e4451;--editor-bg: #282c34}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}code,pre{font-family:Courier New,Courier,monospace}button{font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-sm)}@media(min-width:480px){.container{padding:0 var(--spacing-md)}}@media(min-width:768px){.container{padding:0 var(--spacing-xl)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border)}.theme-switcher{display:flex;align-items:center;margin-left:var(--spacing-md)}.theme-select{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:.25rem .5rem;font-size:var(--font-size-sm);cursor:pointer;outline:none;transition:border-color var(--transition-fast)}.theme-select:hover{border-color:var(--color-accent)}.theme-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover)}.header{background-color:var(--color-bg-secondary);border-bottom:none;box-shadow:0 2px 10px #0003;padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.header-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.header-logo:hover{color:var(--color-accent)}.header-nav{display:flex;gap:var(--spacing-sm)}.header-nav-link{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-md);transition:all var(--transition-fast);font-size:var(--font-size-base)}.header-nav-link:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.header-nav-link.active{background-color:var(--color-accent);color:#fff}@media(max-width:768px){.header-logo{font-size:var(--font-size-lg)}.header-nav-link{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}}.footer{background-color:var(--color-bg-secondary);border-top:none;padding:var(--spacing-lg) 0;margin-top:auto;box-shadow:0 -2px 10px #0000001a}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);text-align:center}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-muted)}.footer-version{font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.app{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column}@keyframes spin{to{transform:rotate(360deg)}}