:root,:root.dark{--color-primary: #00d4aa;--color-primary-light: #00ffcc;--color-primary-dark: #00a88a;--color-accent: #7c3aed;--color-accent-light: #a78bfa;--color-accent-dark: #5b21b6;--color-bg-deep: #0a0a0f;--color-bg-base: #12121a;--color-bg-elevated: #1a1a25;--color-bg-surface: #22222f;--color-text-primary: #f0f0f5;--color-text-secondary: #a0a0b0;--color-text-muted: #606070;--color-border: #2a2a3a;--color-border-hover: #3a3a4a;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--font-sans: "Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .2);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--header-height: 64px;--sidebar-width: 280px;--content-max-width: 1200px}:root.light{--color-primary: #00a88a;--color-primary-light: #00d4aa;--color-primary-dark: #007a66;--color-accent: #5b21b6;--color-accent-light: #7c3aed;--color-accent-dark: #4c1d95;--color-bg-deep: #f5f5f7;--color-bg-base: #ffffff;--color-bg-elevated: #f9f9fb;--color-bg-surface: #f0f0f2;--color-text-primary: #1a1a1f;--color-text-secondary: #4a4a5a;--color-text-muted: #8a8a9a;--color-border: #e0e0e5;--color-border-hover: #d0d0d5;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}body{font-family:var(--font-sans);background-color:var(--color-bg-deep);color:var(--color-text-primary);line-height:1.6;min-height:100vh}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary-light)}code,pre{font-family:var(--font-mono)}code{background:var(--color-bg-surface);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}pre{background:var(--color-bg-elevated);padding:1rem;border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}input:hover,textarea:hover,select:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4aa33,var(--shadow-md);background:var(--color-bg-elevated)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}::selection{background:#00d4aa4d;color:var(--color-text-primary)}:root.light ::selection{background:#00a88a33}.container{max-width:var(--content-max-width);margin:0 auto;padding:0 1.5rem}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4aa4d}50%{box-shadow:0 0 30px #00d4aa80}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn var(--transition-base) ease-out}.animate-slideUp{animation:slideUp var(--transition-base) ease-out}.animate-slideDown{animation:slideDown var(--transition-base) ease-out}.card-hover{transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}code[class*=language-],pre[class*=language-]{color:var(--color-text-primary);background:transparent;text-shadow:none;font-family:var(--font-mono);font-size:.9rem;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.7;tab-size:2;hyphens:none}pre[class*=language-]{padding:0;margin:0;overflow:visible}:not(pre)>code[class*=language-],pre[class*=language-]{background:transparent}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#6a737d;font-style:italic}.token.punctuation{color:var(--color-text-secondary)}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#79b8ff}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#9ecbff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string,.token.atrule,.token.attr-value,.token.keyword{color:#f97583}.token.function,.token.class-name{color:#b392f0}.token.regex,.token.important,.token.variable{color:#ffab70}:root.light .toast{background:#fff!important;box-shadow:0 4px 20px #00000026!important}:root.light .toast-success{background:#ecfdf5!important;border-color:#10b981!important}:root.light .toast-error{background:#fef2f2!important;border-color:#ef4444!important}:root.light .toast-info{background:#eff6ff!important;border-color:#3b82f6!important}:root.light .toast-message{color:#1f2937!important}:root.light .toast-success .toast-icon{color:#fff!important}