:root{--font-family-primary: "JetBrains Mono", monospace;--font-family-display: "JetBrains Mono", monospace;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--text-xs: clamp(.75rem, .73rem + .11vw, .8rem);--text-sm: clamp(.875rem, .84rem + .17vw, .95rem);--text-base: clamp(1rem, .95rem + .24vw, 1.125rem);--text-lg: clamp(1.125rem, 1.07rem + .29vw, 1.25rem);--text-xl: clamp(1.25rem, 1.18rem + .35vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.39rem + .54vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.7rem + .87vw, 2.25rem);--text-4xl: clamp(2.25rem, 2rem + 1.25vw, 3rem);--text-5xl: clamp(3rem, 2.65rem + 1.74vw, 4rem);--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-primary-950: #082f49;--color-accent-50: #f0fdf4;--color-accent-100: #dcfce7;--color-accent-200: #bbf7d0;--color-accent-300: #86efac;--color-accent-400: #4ade80;--color-accent-500: #22c55e;--color-accent-600: #16a34a;--color-accent-700: #15803d;--color-accent-800: #166534;--color-accent-900: #14532d;--color-accent-950: #052e16;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--background: var(--color-neutral-50);--background-secondary: var(--color-neutral-100);--background-tertiary: var(--color-neutral-200);--background-elevated: #ffffff;--background-overlay: rgba(255, 255, 255, .95);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-inverse: #ffffff;--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-color: var(--color-neutral-200);--border-color-hover: var(--color-neutral-300);--border-color-focus: var(--color-primary-500);--accent-color: var(--color-primary-600);--accent-color-hover: var(--color-primary-700);--accent-color-dark: var(--color-primary-800);--accent-light: var(--color-primary-50);--accent-medium: var(--color-primary-100);--card-background: #ffffff;--card-border: var(--color-neutral-200);--card-hover: var(--color-neutral-50);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--card-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--button-primary-bg: var(--color-primary-600);--button-primary-bg-hover: var(--color-primary-700);--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-bg-hover: var(--color-neutral-50);--button-secondary-text: var(--color-neutral-700);--button-secondary-border: var(--color-neutral-300);--space-px: 1px;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--size-xs: 20rem;--size-sm: 24rem;--size-md: 28rem;--size-lg: 32rem;--size-xl: 36rem;--size-2xl: 42rem;--size-3xl: 48rem;--size-4xl: 56rem;--size-5xl: 64rem;--size-6xl: 72rem;--size-7xl: 80rem;--radius-none: 0;--radius-sm: .125rem;--radius-default: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-default: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-default: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}[data-theme=dark]{--background: var(--color-neutral-950);--background-secondary: var(--color-neutral-900);--background-tertiary: var(--color-neutral-800);--background-elevated: var(--color-neutral-900);--background-overlay: rgba(0, 0, 0, .95);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-400);--text-tertiary: var(--color-neutral-500);--text-inverse: var(--color-neutral-900);--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--border-color: var(--color-neutral-800);--border-color-hover: var(--color-neutral-700);--border-color-focus: var(--color-primary-500);--accent-color: var(--color-primary-500);--accent-color-hover: var(--color-primary-400);--accent-color-dark: var(--color-primary-600);--accent-light: var(--color-primary-950);--accent-medium: var(--color-primary-900);--card-background: var(--color-neutral-900);--card-border: var(--color-neutral-800);--card-hover: var(--color-neutral-800);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--card-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--button-primary-bg: var(--color-primary-600);--button-primary-bg-hover: var(--color-primary-500);--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-bg-hover: var(--color-neutral-800);--button-secondary-text: var(--color-neutral-300);--button-secondary-border: var(--color-neutral-700)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--background: var(--color-neutral-950);--background-secondary: var(--color-neutral-900);--background-tertiary: var(--color-neutral-800);--background-elevated: var(--color-neutral-900);--background-overlay: rgba(0, 0, 0, .95);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-400);--text-tertiary: var(--color-neutral-500);--text-inverse: var(--color-neutral-900);--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--border-color: var(--color-neutral-800);--border-color-hover: var(--color-neutral-700);--border-color-focus: var(--color-primary-500);--accent-color: var(--color-primary-500);--accent-color-hover: var(--color-primary-400);--accent-color-dark: var(--color-primary-600);--accent-light: var(--color-primary-950);--accent-medium: var(--color-primary-900);--card-background: var(--color-neutral-900);--card-border: var(--color-neutral-800);--card-hover: var(--color-neutral-800);--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--card-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px -5px rgba(0, 0, 0, .2);--button-primary-bg: var(--color-primary-600);--button-primary-bg-hover: var(--color-primary-500);--button-primary-text: #ffffff;--button-secondary-bg: transparent;--button-secondary-bg-hover: var(--color-neutral-800);--button-secondary-text: var(--color-neutral-300);--button-secondary-border: var(--color-neutral-700)}}.focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--border-color: var(--color-neutral-900);--text-secondary: var(--color-neutral-800);--card-border: var(--color-neutral-400)}[data-theme=dark]{--border-color: var(--color-neutral-50);--text-secondary: var(--color-neutral-200);--card-border: var(--color-neutral-600)}}@media print{:root{--background: white;--background-secondary: white;--background-tertiary: white;--background-elevated: white;--text-primary: black;--text-secondary: #333;--text-tertiary: #666;--border-color: #ccc;--card-background: white;--card-border: #ddd;--card-shadow: none}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family-primary);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:var(--font-weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden;padding-bottom:var(--space-8)}@media (min-width: 768px){body{padding-bottom:var(--space-12)}}a{color:var(--text-link);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-default);position:relative}a:hover{color:var(--text-link-hover);transform:translateY(-1px)}a:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px;border-radius:var(--radius-sm)}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--text-link-hover),var(--accent-color));transition:width var(--transition-default);border-radius:var(--radius-full)}a:hover:after{width:100%}button{border-radius:var(--radius-lg);border:1px solid transparent;padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-weight-medium);font-family:inherit;background-color:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;transition:all var(--transition-default);position:relative;overflow:hidden;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}button:hover:not(:disabled){background-color:var(--button-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active:not(:disabled){transform:translateY(0);transition-duration:75ms}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-slow)}button:hover:before{left:100%}.button-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);border-color:var(--button-secondary-border)}.button-secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-hover);border-color:var(--accent-color);color:var(--accent-color)}input,textarea,select{font-family:inherit;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--background-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);transition:all var(--transition-default);min-height:44px}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px var(--accent-light)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--text-secondary)}code{font-family:var(--font-family-primary);font-size:.875em;background-color:var(--background-secondary);color:var(--text-primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-color)}pre{background-color:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;margin:var(--space-4) 0}pre code{background:none;border:none;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}html{scrollbar-width:thin;scrollbar-color:var(--border-color) var(--background-secondary)}::selection{background-color:var(--accent-color);color:var(--text-inverse)}::-moz-selection{background-color:var(--accent-color);color:var(--text-inverse)}:focus-visible{outline:2px solid var(--border-color-focus);outline-offset:2px}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed);color:var(--text-secondary)}table{width:100%;border-collapse:collapse;margin:var(--space-4) 0}th,td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--background-secondary);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--size-7xl);margin:0 auto;padding:0 var(--space-4) var(--space-6)}.container-sm{max-width:var(--size-sm)}.container-md{max-width:var(--size-md)}.container-lg{max-width:var(--size-lg)}.container-xl{max-width:var(--size-xl)}.fade-in{animation:fadeIn var(--transition-default) ease-out}.slide-up{animation:slideUp var(--transition-default) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.hide-mobile{display:none}}@media (min-width: 768px){.hide-desktop{display:none}.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}@media (hover: none) and (pointer: coarse){button{min-height:48px}a{min-height:44px;display:inline-block}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem;background-color:var(--main-bg-color);color:var(--main-text-color)}.error-boundary-content{text-align:center;max-width:600px;background:#fff9c41a;border:2px solid #f39c12;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000001a}.error-icon{font-size:3rem;margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-boundary h2{color:#e74c3c;margin-bottom:1rem;font-size:1.5rem}.error-message{margin-bottom:1.5rem;line-height:1.6;color:var(--main-text-color)}.error-details{text-align:left;margin:1.5rem 0;background:#0000000d;border-radius:8px;padding:1rem}.error-details summary{cursor:pointer;font-weight:600;margin-bottom:.5rem;color:#7f8c8d}.error-details summary:hover{color:var(--main-text-color)}.error-info p{margin-bottom:.5rem}.error-stack{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:.5rem;font-size:.8rem;overflow-x:auto;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.error-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px}.retry-button{background-color:#3498db;color:#fff}.retry-button:hover{background-color:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.report-button{background-color:#f39c12;color:#fff}.report-button:hover{background-color:#e67e22;transform:translateY(-2px);box-shadow:0 4px 12px #f39c124d}.home-button{background-color:#95a5a6;color:#fff}.home-button:hover{background-color:#7f8c8d;transform:translateY(-2px);box-shadow:0 4px 12px #95a5a64d}.dark-mode .error-boundary-content{background:#fff9c40d;border-color:#f39c12}.dark-mode .error-details{background:#ffffff0d}.dark-mode .error-stack{background:#2c3e50;border-color:#34495e;color:#ecf0f1}@media (max-width: 768px){.error-boundary{padding:1rem;min-height:300px}.error-boundary-content{padding:1.5rem}.error-actions{flex-direction:column;align-items:center}.error-actions button{width:100%;max-width:200px}}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;pointer-events:none}.toast{background:var(--main-bg-color);border:1px solid;border-radius:12px;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;padding:16px;min-height:60px;display:flex;align-items:flex-start;gap:12px;position:relative;pointer-events:auto;transform:translate(100%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast--visible{transform:translate(0);opacity:1}.toast--exiting{transform:translate(100%);opacity:0}.toast:focus{outline:2px solid #007bff;outline-offset:2px}.toast--success{border-color:#28a745;background:linear-gradient(135deg,#28a7451a,#28a7450d)}.toast--error{border-color:#dc3545;background:linear-gradient(135deg,#dc35451a,#dc35450d)}.toast--warning{border-color:#ffc107;background:linear-gradient(135deg,#ffc1071a,#ffc1070d)}.toast--info{border-color:#17a2b8;background:linear-gradient(135deg,#17a2b81a,#17a2b80d)}.toast--loading{border-color:#007bff;background:linear-gradient(135deg,#007bff1a,#007bff0d)}.toast__content{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;font-weight:700;flex-shrink:0;margin-top:2px}.toast__icon--success{background-color:#28a745;color:#fff}.toast__icon--error{background-color:#dc3545;color:#fff}.toast__icon--warning{background-color:#ffc107;color:#000}.toast__icon--info{background-color:#17a2b8;color:#fff}.toast__icon--loading{background-color:#007bff;color:#fff;animation:spin 1s linear infinite}.toast__message{flex:1;min-width:0}.toast__message p{margin:0;color:var(--main-text-color);font-size:14px;line-height:1.4;word-wrap:break-word}.toast__description{opacity:.8;font-size:13px;margin-top:4px}.toast__action{background:none;border:1px solid;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:auto;flex-shrink:0}.toast--success .toast__action{border-color:#28a745;color:#28a745}.toast--success .toast__action:hover{background-color:#28a745;color:#fff}.toast--error .toast__action{border-color:#dc3545;color:#dc3545}.toast--error .toast__action:hover{background-color:#dc3545;color:#fff}.toast--warning .toast__action{border-color:#ffc107;color:#ffc107}.toast--warning .toast__action:hover{background-color:#ffc107;color:#000}.toast--info .toast__action{border-color:#17a2b8;color:#17a2b8}.toast--info .toast__action:hover{background-color:#17a2b8;color:#fff}.toast__close{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--main-text-color);cursor:pointer;font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:.6;transition:all .2s cubic-bezier(.4,0,.2,1)}.toast__close:hover{opacity:1;background-color:#0000001a}.toast__close:focus{outline:2px solid #007bff;outline-offset:1px}.toast__progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#007bffcc,#007bff66);border-radius:0 0 12px 12px;animation:toast-progress linear;transform-origin:left}@keyframes toast-progress{0%{width:100%}to{width:0%}}.dark-mode .toast{box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.dark-mode .toast__close:hover{background-color:#ffffff1a}@media (max-width: 768px){.toast-container{top:70px;left:10px;right:10px;max-width:none}.toast{transform:translateY(-100%)}.toast--visible{transform:translateY(0)}.toast--exiting{transform:translateY(-100%)}}@media (prefers-reduced-motion: reduce){.toast{transition:none}.toast__icon--loading,.toast__progress{animation:none}}@media (prefers-contrast: high){.toast{border-width:2px}.toast--success{border-color:#000;background:#fff}.toast--error{border-color:red;background:#fff}}.header{background-color:#000;width:100%;padding:.5rem 2%;font-family:JetBrains Mono,monospace;color:var(--main-text-color);position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;box-sizing:border-box}.header-content{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 2rem;max-width:none;margin:0}.home-link{text-decoration:none;color:inherit}.full-name{font-size:1.5rem;font-weight:700;margin:0;padding-left:10px}.main-nav{display:flex;align-items:center;margin-left:auto}.main-nav ul{display:flex;list-style-type:none;margin:0;padding:0;gap:2rem}.main-nav li{position:relative}.header .nav-link{text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:8px 12px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:none!important}.header .nav-link:hover{background-color:#ffffff1a!important;transform:translateY(-2px)}.dark-mode .header .nav-link:hover{background-color:#ffffff26!important}.interests-dropdown .dropdown-menu{display:none;position:absolute;top:100%;left:0;background-color:#f9f9f9;min-width:160px;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014;opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.interests-dropdown:hover .dropdown-menu{display:block;opacity:1;transform:translateY(0)}.dropdown-item{color:#000;padding:14px 18px;text-decoration:none;display:flex;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:44px}.dropdown-item:hover{background-color:#f1f1f1;transform:translate(8px);padding-left:20px}.dropdown-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,123,255,.1),transparent);transition:left .4s}.dropdown-item:hover:before{left:100%}.dark-mode-toggle{display:flex;align-items:center;margin-left:20px}.dark-mode-toggle button{background:none;border:none;cursor:pointer;font-size:1.2rem;color:#000;transition:all .3s cubic-bezier(.4,0,.2,1);padding:8px;border-radius:50%}.dark-mode-toggle button:hover{background-color:#0000001a;transform:scale(1.1) rotate(10deg)}.dark-mode .dark-mode-toggle button:hover{background-color:#ffffff1a}.light-mode .dark-mode-toggle button{color:#000}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--main-text-color);padding:12px;min-width:44px;min-height:44px;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:6px}@media (max-width: 768px){.header-content{padding:0 1rem}.main-nav{display:none}.mobile-menu-toggle{display:flex}.main-nav.mobile-open{display:block;position:absolute;top:60px;right:0;background-color:var(--main-bg-color);box-shadow:0 2px 5px #0003;border-radius:0 0 0 8px;padding:1rem;width:200px;z-index:999}.main-nav ul{flex-direction:column;align-items:flex-start}.main-nav li{margin:.5rem 0}.interests-dropdown .dropdown-menu{position:static;display:none;box-shadow:none;padding-left:1rem}.interests-dropdown.open .dropdown-menu{display:block}}.dark-mode .dropdown-item{color:#fff}.dark-mode .dropdown-item:hover{background-color:#555;transform:translate(8px);padding-left:20px}@media (min-width: 1200px){.header-content{padding:0 4rem}}@media (min-width: 1600px){.header-content{max-width:1600px;margin:0 auto}}body,html{width:100%;overflow-x:hidden}.home-link{position:relative;padding-bottom:3px}.footer{background:var(--background-secondary);border-top:1px solid var(--border-color);width:100%;min-height:120px;padding:var(--space-8) 0 var(--space-12);text-align:center;font-family:var(--font-family-primary);font-size:var(--text-sm);margin-top:var(--space-16);position:relative;contain:layout style}.footer-content{max-width:var(--size-7xl);margin:0 auto;padding:0 var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (min-width: 768px){.footer{padding:var(--space-12) 0 var(--space-16)}.footer-content{padding:0 var(--space-6);flex-direction:row;justify-content:space-between}}@media (min-width: 1024px){.footer-content{padding:0 var(--space-8)}}.footer-branding{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:var(--font-weight-medium)}.footer-year{color:var(--text-secondary);font-weight:var(--font-weight-normal)}.footer-name{position:relative;color:var(--text-primary);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,var(--text-primary),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-links{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-xs);color:var(--text-secondary)}.footer-link{color:var(--text-secondary);text-decoration:none;transition:all var(--transition-default);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.footer-link:hover{color:var(--accent-color);background:var(--accent-light)}.footer-separator{width:1px;height:16px;background:var(--border-color)}.footer-credits{color:var(--text-tertiary);font-size:var(--text-xs);opacity:.8;margin-top:var(--space-4)}@media (min-width: 768px){.footer-credits{margin-top:0}}@media (max-width: 479px){.footer{padding:var(--space-6) 0 var(--space-8);margin-top:var(--space-8)}.footer-content{padding:0 var(--space-3);gap:var(--space-3)}.footer-links{flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.footer-separator{display:none}}[data-theme=dark] .footer{background:var(--background-tertiary);border-top-color:var(--border-color)}@media print{.footer{display:none}}*{box-sizing:border-box;margin:0;padding:0;font-family:JetBrains Mono,monospace}p,h1,h2,h3,h4,h5,h6,span,div,a{word-wrap:break-word;overflow-wrap:break-word}*{max-width:100%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=dark] .image-placeholder{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}html,body,#root{height:100%;width:100%;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden;padding-top:60px;padding-bottom:60px}@media (min-width: 769px){.app-container{padding:0 2rem}}@media (min-width: 1201px){.app-container{padding:0 3rem}}@media (max-width: 768px){.app-container{padding-top:60px;padding-bottom:40px}.main-content{margin-top:60px;padding:0 .5rem}.main-content h2{font-size:1.3rem}}header{background-color:#f0f0f0;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.site-title{text-decoration:none}.site-title h1{margin:0;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.dark-mode .site-title h1{color:gold}.main-nav ul{list-style-type:none;display:flex;gap:1.5rem;align-items:center}nav ul li a,nav ul li button{text-decoration:none;color:#333;font-weight:700;background:none;border:none;cursor:pointer;font-size:1rem;padding:.5rem 0}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background-color:#f9f9f9;min-width:120px;box-shadow:0 8px 16px #0003;z-index:1;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.dropdown-menu li{width:100%}.dropdown-menu a{display:block;width:100%;padding:.5rem}.main-content{flex:1;width:100%;max-width:1200px;margin:80px auto 0;padding:0 1rem;background:none}.main-content h2{margin-top:0;margin-bottom:20px;font-size:1.5rem;font-weight:700;color:var(--main-text-color);background:transparent;padding:0}.main-content>*{background:none}@media (min-width: 768px){.main-content{padding:0 1rem}}@media (min-width: 1200px){.main-content{max-width:1400px;padding:0 1rem}}footer{background-color:#f0f0f0;padding:1rem;text-align:center}.footer-content{display:flex;justify-content:center;align-items:center;gap:1rem}.divider{height:20px;width:1px;background-color:#333}body,.app-container,.main-content{background-color:var(--main-bg-color);color:var(--main-text-color)}header{background-color:#f0f0f0}footer{background-color:#f0f0f0;color:var(--main-text-color)}.divider{background-color:var(--main-text-color)}a,button,.site-title{color:var(--main-text-color)}.dropdown-menu{background-color:#f9f9f9}.dark-mode{--main-bg-color: #333;--main-text-color: #fff;--secondary-text-color: #ccc}.dark-mode body,.dark-mode .app-container,.dark-mode .main-content{background-color:var(--main-bg-color);color:var(--main-text-color)}.dark-mode header{background-color:#222}.dark-mode footer{background-color:#222;color:#fff}.dark-mode .divider{background-color:#fff}.dark-mode a,.dark-mode button,.dark-mode .site-title{color:#fff}.dark-mode .dropdown-menu{background-color:#444}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.article-preview{border:1px solid #ddd;border-radius:8px;padding:15px;text-decoration:none;color:inherit;transition:box-shadow .3s ease}.article-preview:hover{box-shadow:0 4px 8px #0000001a}.article-preview h3{margin-top:0}article{max-width:800px;margin:0 auto;padding:20px}article h2{color:#333}article h3{color:#444}article ul,article ol{margin-bottom:20px}article li{margin-bottom:10px}.dark-mode-toggle button{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.dark-mode-toggle svg{width:24px;height:24px}.dark-mode-toggle button{color:#000}.dark-mode .dark-mode-toggle button{color:#fff}h2{margin:0 0 20px;padding:0}.app-container .main-content>div,.app-container .main-content>div>h2{background:none!important}.light-mode{--main-bg-color: #ffffff;--main-text-color: #333333;--secondary-text-color: #666666;--button-bg-color: #1a1a1a}.light-mode body,.light-mode .app-container,.light-mode .main-content{background-color:var(--main-bg-color);color:var(--main-text-color)}.light-mode header{background-color:#f0f0f0}.light-mode footer{background-color:#f0f0f0;color:var(--main-text-color)}.light-mode .divider{background-color:var(--main-text-color)}.light-mode a,.light-mode button,.light-mode .site-title{color:var(--main-text-color)}.light-mode .dropdown-menu{background-color:#f9f9f9}.light-mode h1,.light-mode h2,.light-mode h3{color:#333}.dark-mode h1,.dark-mode h2,.dark-mode h3{color:#fff}