:root{transition:var(--theme-transition, none)}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-primary: #2563eb;--color-primary-light: #60a5fa;--color-primary-dark: #1d4ed8;--color-primary-alpha-10: rgba(37, 99, 235, .1);--color-primary-alpha-20: rgba(37, 99, 235, .2);--color-primary-alpha-30: rgba(37, 99, 235, .3);--color-success: #52c41a;--color-warning: #faad14;--color-error: #f5222d;--color-info: #1890ff;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px 0 rgba(0, 0, 0, .12);--shadow-lg: 0 8px 16px 0 rgba(0, 0, 0, .16);--shadow-xl: 0 12px 24px 0 rgba(0, 0, 0, .2);--shadow-2xl: 0 16px 32px 0 rgba(0, 0, 0, .24);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--line-height-loose: 2;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--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-spring: cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1400px;--content-max-width: 1200px;--sidebar-width: 280px;--header-height: 64px;--bg-primary: #f7f9fc;--bg-secondary: #eef2f7;--bg-tertiary: #e7ecf3;--bg-elevated: #ffffff;--bg-overlay: rgba(247, 249, 252, .95);--surface-primary: #ffffff;--surface-secondary: #f4f7fb;--surface-tertiary: #eef2f7;--surface-hover: rgba(37, 99, 235, .06);--surface-active: rgba(37, 99, 235, .1);--text-primary: rgba(15, 23, 42, .92);--text-secondary: rgba(15, 23, 42, .68);--text-tertiary: rgba(15, 23, 42, .48);--text-quaternary: rgba(15, 23, 42, .38);--text-disabled: rgba(15, 23, 42, .26);--text-inverse: rgba(255, 255, 255, .96);--border-primary: rgba(15, 23, 42, .16);--border-secondary: rgba(15, 23, 42, .1);--border-tertiary: rgba(15, 23, 42, .06);--border-focus: var(--color-primary);--divider-primary: rgba(15, 23, 42, .12);--divider-secondary: rgba(15, 23, 42, .08);--placeholder-color: rgba(15, 23, 42, .4);--icon-primary: rgba(15, 23, 42, .68);--icon-secondary: rgba(15, 23, 42, .5);--icon-tertiary: rgba(15, 23, 42, .38);--scrollbar-track: #e7ecf3;--scrollbar-thumb: var(--color-primary);--scrollbar-thumb-hover: var(--color-primary-light);--shadow-color: rgba(15, 23, 42, .12);--shadow-primary: 0 2px 10px rgba(15, 23, 42, .08);--shadow-elevated: 0 10px 30px rgba(15, 23, 42, .12);--shadow-glow: 0 0 20px rgba(37, 99, 235, .22);--backdrop-blur: blur(20px);--backdrop-saturate: saturate(180%);--prose-font-size: 16px;--prose-line-height: 1.8;--prose-paragraph-margin: 16px;--prose-heading-margin-top: 24px;--prose-heading-margin-bottom: 16px;--prose-heading-line-height: 1.4;--prose-h1-size: 32px;--prose-h2-size: 28px;--prose-h3-size: 24px;--prose-h4-size: 20px;--prose-list-padding-left: 32px;--prose-blockquote-padding-y: 12px;--prose-blockquote-padding-x: 20px;--prose-code-inline-padding-y: 2px;--prose-code-inline-padding-x: 6px;--prose-table-cell-padding-y: 12px;--prose-table-cell-padding-x: 16px;--prose-media-radius: 8px;--breakpoint-xs: 480px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}:root.dark-theme{--color-primary: #00e5ff;--color-primary-light: #66f2ff;--color-primary-dark: #00b8d4;--color-primary-alpha-10: rgba(0, 229, 255, .1);--color-primary-alpha-20: rgba(0, 229, 255, .2);--color-primary-alpha-30: rgba(0, 229, 255, .3);--bg-primary: #070a12;--bg-secondary: #0b1020;--bg-tertiary: #101a33;--bg-elevated: #0a0f1e;--bg-overlay: rgba(7, 10, 18, .92);--surface-primary: #0d162b;--surface-secondary: #101e3a;--surface-tertiary: #162a4f;--surface-hover: rgba(0, 229, 255, .06);--surface-active: rgba(0, 229, 255, .1);--text-primary: rgba(233, 244, 255, .94);--text-secondary: rgba(233, 244, 255, .76);--text-tertiary: rgba(233, 244, 255, .56);--text-quaternary: rgba(233, 244, 255, .4);--text-disabled: rgba(233, 244, 255, .26);--text-inverse: rgba(8, 12, 20, .92);--border-primary: rgba(120, 200, 255, .18);--border-secondary: rgba(120, 200, 255, .12);--border-tertiary: rgba(120, 200, 255, .06);--border-focus: var(--color-primary);--divider-primary: rgba(120, 200, 255, .12);--divider-secondary: rgba(120, 200, 255, .08);--placeholder-color: rgba(233, 244, 255, .38);--icon-primary: rgba(233, 244, 255, .78);--icon-secondary: rgba(233, 244, 255, .58);--icon-tertiary: rgba(233, 244, 255, .4);--scrollbar-track: #0b1020;--scrollbar-thumb: var(--color-primary);--scrollbar-thumb-hover: var(--color-primary-light);--shadow-color: rgba(0, 0, 0, .65);--shadow-primary: 0 6px 18px rgba(0, 0, 0, .45);--shadow-elevated: 0 14px 44px rgba(0, 0, 0, .55);--shadow-glow: 0 0 24px rgba(0, 229, 255, .22);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-sm: 0 2px 6px 0 rgba(0, 0, 0, .42);--shadow-md: 0 8px 16px 0 rgba(0, 0, 0, .48);--shadow-lg: 0 12px 28px 0 rgba(0, 0, 0, .55);--shadow-xl: 0 18px 44px 0 rgba(0, 0, 0, .62);--shadow-2xl: 0 24px 68px 0 rgba(0, 0, 0, .68);--backdrop-blur: blur(20px);--backdrop-saturate: saturate(180%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;line-height:1.5;tab-size:4}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin:0;line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}a:active{color:var(--color-primary-dark)}strong,b{font-weight:var(--font-weight-bold)}small{font-size:var(--font-size-sm)}ul,ol{margin:0;padding:0;list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}input,textarea{background:transparent;border:none;outline:none}textarea{resize:vertical}table{border-collapse:collapse;border-spacing:0}code,kbd,samp,pre{font-family:var(--font-family-mono);font-size:.9em}pre{overflow:auto}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid var(--divider-primary);margin:var(--spacing-lg) 0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}blockquote{margin:0;padding:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-alpha-30);color:var(--text-primary)}::-moz-selection{background-color:var(--color-primary-alpha-30);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px var(--color-primary-alpha-20)}50%{box-shadow:0 0 20px var(--color-primary-alpha-30),0 0 30px var(--color-primary-alpha-20)}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px var(--color-primary-alpha-20)}50%{box-shadow:0 0 20px var(--color-primary-alpha-30),0 0 30px var(--color-primary-alpha-20),0 0 40px var(--color-primary-alpha-10)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes skeletonLoading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes progressIndeterminate{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-base) var(--ease-out)}.animate-fade-in-up{animation:fadeInUp var(--transition-base) var(--ease-out)}.animate-fade-in-down{animation:fadeInDown var(--transition-base) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--transition-base) var(--ease-out)}.animate-slide-in-up{animation:slideInUp var(--transition-base) var(--ease-out)}.animate-bounce-in{animation:bounceIn var(--transition-slow) var(--ease-spring)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-glow{animation:glow 2s var(--ease-in-out) infinite}.transition-all{transition:all var(--transition-base)}.transition-colors{transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.transition-transform{transition:transform var(--transition-base)}.transition-opacity{transition:opacity var(--transition-base)}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--shadow-glow)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-lg)}.content-wrapper{max-width:var(--content-max-width);margin:0 auto}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.surface-primary{background-color:var(--surface-primary)}.surface-secondary{background-color:var(--surface-secondary)}.border{border:1px solid var(--border-primary)}.border-secondary{border:1px solid var(--border-secondary)}.border-none{border:none}.border-t{border-top:1px solid var(--border-primary)}.border-b{border-bottom:1px solid var(--border-primary)}.border-l{border-left:1px solid var(--border-primary)}.border-r{border-right:1px solid var(--border-primary)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.card{background:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base)}.card-hover{background:var(--surface-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all var(--transition-base);cursor:pointer}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-elevated);border-color:var(--color-primary-alpha-30)}.panel-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border-secondary);background:var(--surface-primary)}.panel-card-hoverable:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px);border-color:var(--color-primary-alpha-30)}.glass{background:var(--bg-overlay);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur)}.glass-strong{background:var(--bg-overlay);backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-saturate)}.divider{height:1px;background:var(--divider-primary);border:none;margin:var(--spacing-md) 0}.divider-vertical{width:1px;height:100%;background:var(--divider-primary);border:none;margin:0 var(--spacing-md)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);background:var(--color-primary-alpha-10);color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-primary:active{background:var(--color-primary-dark);transform:translateY(0)}@media(max-width:768px){.md\:hidden{display:none}.container{padding:0 var(--spacing-md)}}@media(max-width:480px){.sm\:hidden{display:none}.container{padding:0 var(--spacing-sm)}}.skeleton{background:linear-gradient(90deg,var(--surface-secondary) 0%,var(--surface-tertiary) 50%,var(--surface-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.scroll-container{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.scroll-container::-webkit-scrollbar{width:8px}.scroll-container::-webkit-scrollbar-track{background:var(--scrollbar-track)}.scroll-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-sm)}.scroll-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.prose{line-height:var(--prose-line-height);font-size:var(--prose-font-size);color:var(--text-primary);word-wrap:break-word}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin:var(--prose-heading-margin-top) 0 var(--prose-heading-margin-bottom);font-weight:var(--font-weight-semibold);line-height:var(--prose-heading-line-height);color:var(--text-primary)}.prose h1{font-size:var(--prose-h1-size);border-bottom:2px solid var(--color-primary-alpha-30);padding-bottom:8px}.prose h2{font-size:var(--prose-h2-size);border-bottom:1px solid var(--color-primary-alpha-20);padding-bottom:6px}.prose h3{font-size:var(--prose-h3-size)}.prose h4{font-size:var(--prose-h4-size)}.prose p{margin:var(--prose-paragraph-margin) 0;line-height:var(--prose-line-height)}.prose a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.prose a:hover{border-bottom-color:var(--color-primary)}.prose ul,.prose ol{margin:var(--prose-paragraph-margin) 0;padding-left:var(--prose-list-padding-left)}.prose li{margin:8px 0;line-height:var(--prose-line-height)}.prose blockquote{margin:var(--prose-paragraph-margin) 0;padding:var(--prose-blockquote-padding-y) var(--prose-blockquote-padding-x);border-left:4px solid var(--color-primary);background:var(--color-primary-alpha-10);border-radius:var(--radius-xs);color:var(--text-secondary)}.prose blockquote p{margin:0}.prose pre{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:var(--surface-tertiary);border-radius:var(--radius-md);overflow-x:auto;border-left:3px solid var(--color-primary);box-shadow:var(--shadow-sm)}.prose pre.hljs,.prose .hljs{background:var(--surface-tertiary);color:var(--text-primary)}.prose pre code{background:transparent;padding:0;border-radius:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-primary)}.prose code{background:var(--surface-tertiary);padding:var(--prose-code-inline-padding-y) var(--prose-code-inline-padding-x);border-radius:var(--radius-xs);font-size:var(--font-size-sm);color:var(--color-primary);font-family:var(--font-family-mono)}.prose table{margin:20px 0;border-collapse:collapse;width:100%;border-radius:var(--prose-media-radius);overflow:hidden;box-shadow:var(--shadow-sm)}.prose th,.prose td{padding:var(--prose-table-cell-padding-y) var(--prose-table-cell-padding-x);border:1px solid var(--border-secondary);text-align:left}.prose th{background:var(--color-primary-alpha-10);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.prose tr:nth-child(2n){background:var(--surface-hover)}.prose tr:hover{background:var(--color-primary-alpha-10)}.prose img{max-width:100%;height:auto;border-radius:var(--prose-media-radius);margin:20px 0;box-shadow:var(--shadow-md)}.prose hr{margin:24px 0;border:none;border-top:2px solid var(--color-primary-alpha-20)}.prose strong{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.prose em{font-style:italic;color:var(--text-primary)}.prose del{text-decoration:line-through;color:var(--text-tertiary)}#app{width:100%;min-height:100vh;background:var(--bg-primary);transition:background-color var(--transition-base)}.page-container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.content-area{max-width:var(--content-max-width);margin:0 auto}@media(max-width:1024px){.page-container{padding:var(--spacing-lg) var(--spacing-md)}}@media(max-width:768px){.page-container{padding:var(--spacing-md) var(--spacing-sm)}}@media(max-width:480px){.page-container{padding:var(--spacing-sm)}}