:root{--background:#fff;--foreground:#171717;--surface:#f8f9fa;--surface-secondary:#f0f1f3;--border:#e5e7eb;--border-light:#f3f4f6;--accent:#0ea5a4;--accent-dark:#089e9d;--text-primary:#171717;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}[data-theme=dark],.dark{--background:#0f172a;--foreground:#f1f5f9;--surface:#1e293b;--surface-secondary:#334155;--border:#475569;--border-light:#1e293b;--accent:#06b6d4;--accent-dark:#0891b2;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d}@media (prefers-color-scheme:dark){:root{--background:#0f172a;--foreground:#f1f5f9;--surface:#1e293b;--surface-secondary:#334155;--border:#475569;--border-light:#1e293b;--accent:#06b6d4;--accent-dark:#0891b2;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d}}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s,fill .3s,stroke .3s}html{scroll-behavior:smooth;scrollbar-gutter:stable;background:var(--background);color:var(--foreground);font-size:16px}@media (max-width:640px){html{font-size:14px}}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-color:var(--border)var(--surface);scrollbar-width:thin}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-dark)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}code{background:var(--surface);color:var(--accent);border-radius:4px;padding:.2em .4em;font-family:Menlo,Monaco,Courier New,monospace;font-size:.95em;transition:background-color .3s,color .3s}pre{background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;margin:1rem 0;padding:1rem;transition:background-color .3s,border-color .3s;overflow-x:auto}pre code{color:var(--foreground);background:0 0;border-radius:0;padding:0;transition:color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin:1.5rem 0 .75rem;font-weight:700;line-height:1.25;transition:color .3s}h1{color:var(--foreground);font-size:clamp(1.75rem,5vw,2.5rem)}h2{color:var(--text-primary);font-size:clamp(1.5rem,4vw,2rem)}h3{color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.75rem)}h4{color:var(--text-primary);font-size:1.25rem}h5{color:var(--text-primary);font-size:1.1rem}h6{color:var(--text-secondary);font-size:1rem}p{color:var(--text-secondary);margin:1rem 0;line-height:1.8;transition:color .3s}span{color:inherit}strong,b{color:var(--text-primary);font-weight:600}em,i{color:var(--text-secondary)}ul,ol{margin:1.5rem 0;padding-left:2rem}li{color:var(--text-secondary);margin-bottom:.75rem;transition:color .3s}li:last-child{margin-bottom:0}blockquote{border-left:4px solid var(--accent);background:var(--surface);color:var(--text-secondary);border-radius:4px;margin:1.5rem 0;padding:1rem 1rem 1rem 1.5rem;font-style:italic;transition:background-color .3s,color .3s,border-color .3s}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:6px;width:100%;margin:1.5rem 0;transition:background-color .3s,border-color .3s;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--border);color:var(--text-secondary);padding:.75rem 1rem;transition:color .3s,border-color .3s}th{background:var(--surface-secondary);color:var(--text-primary);font-weight:600;transition:background-color .3s,color .3s}tbody tr:hover{background:var(--surface-secondary)}tbody tr:last-child td{border-bottom:none}img,video,iframe{border-radius:6px;max-width:100%;height:auto;display:block}img{transition:filter .3s,opacity .3s}img:hover{filter:brightness(1.05)}figure{margin:1.5rem 0;padding:0}figcaption{color:var(--text-tertiary);text-align:center;margin-top:.75rem;font-size:.9rem;transition:color .3s}hr{border:none;border-top:2px solid var(--border);margin:2rem 0;transition:border-color .3s}.divider{background:var(--border);height:1px;margin:1.5rem 0;transition:background-color .3s}.badge,.tag,.label{background:var(--accent);color:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;transition:all .3s;display:inline-block}.badge:hover,.tag:hover,.label:hover{background:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card,.card-component{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:all .3s}.card:hover,.card-component:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-4px)}.text-muted{color:var(--text-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-surface{background:var(--surface)}.bg-surface-secondary{background:var(--surface-secondary)}.bg-accent{background:var(--accent);color:#fff}input,textarea,select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-primary);border-radius:6px;padding:.75rem;font-family:inherit;font-size:1rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:var(--surface);color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #06b6d41a}input::placeholder,textarea::placeholder{color:var(--text-tertiary);transition:color .3s}input:disabled,textarea:disabled,select:disabled{background:var(--surface-secondary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}article{color:var(--text-secondary);font-size:1rem;line-height:1.8}article h1,article h2,article h3,article h4,article h5,article h6{color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}article h1{margin-top:0;font-size:2.5rem}article h2{border-bottom:2px solid var(--border);padding-bottom:.75rem;font-size:1.75rem}article h3{font-size:1.5rem}article p{margin-bottom:1.5rem;line-height:1.9}article ul,article ol{margin:1.5rem 0;padding-left:2rem}article li{margin-bottom:.75rem;line-height:1.8}article blockquote{border-left:4px solid var(--accent);background:var(--surface);color:var(--text-secondary);border-radius:6px;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}article code{background:var(--surface);color:var(--accent);border-radius:4px;padding:.25em .5em;font-size:.95em}article pre{background:var(--surface-secondary);border:1px solid var(--border);border-radius:8px;margin:2rem 0;padding:1.5rem;overflow-x:auto}article pre code{color:var(--foreground);background:0 0;border-radius:0;padding:0}article img{max-width:100%;height:auto;box-shadow:var(--shadow-md);border-radius:8px;margin:2rem 0}article a{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}article a:hover{color:var(--accent-dark);-webkit-text-decoration-color:var(--accent-dark);text-decoration-color:var(--accent-dark)}@media (max-width:640px){body{font-size:14px}h1,h2,h3,h4,h5,h6{margin-top:1.25rem;margin-bottom:.75rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}ul,ol{margin:1rem 0;padding-left:1.5rem}article{font-size:.95rem}article h1{margin-top:0;font-size:1.75rem}article h2{font-size:1.5rem}article h3{font-size:1.25rem}article pre{padding:1rem;font-size:.85rem}article blockquote{margin:1.5rem 0;padding:.75rem 1rem .75rem 1.25rem}article img{margin:1.5rem 0}}@media (min-width:641px) and (max-width:1024px){body{font-size:15px}}@media (min-width:1025px){body{font-size:16px}}@supports (container-type:inline-size){.container-query{container-type:inline-size}@container (max-width:640px){.container-mobile{flex-direction:column;gap:1rem;display:flex}}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){:root{--text-secondary:#2d3748;--text-tertiary:#4a5568}[data-theme=dark],.dark{--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.no-scroll{overflow:hidden}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:.4s ease-out slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media print{body{color:#000;background:#fff}a{color:#00e;text-decoration:underline}a:visited{color:#551a8b}article a:after{content:" (" attr(href)")";font-size:.8em}button,.no-print{display:none!important}}article a:hover{opacity:.8}@media (max-width:768px){article h1{font-size:1.75em}article h2{font-size:1.5em}article h3{font-size:1.25em}}:is([data-theme=dark],.dark) .MuiTypography-root{color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiTypography-body1,:is([data-theme=dark],.dark) .MuiTypography-body2{color:var(--text-secondary)!important}:is([data-theme=dark],.dark) .MuiTypography-h1,:is([data-theme=dark],.dark) .MuiTypography-h2,:is([data-theme=dark],.dark) .MuiTypography-h3,:is([data-theme=dark],.dark) .MuiTypography-h4,:is([data-theme=dark],.dark) .MuiTypography-h5,:is([data-theme=dark],.dark) .MuiTypography-h6{color:var(--text-primary)!important}:is([data-theme=dark],.dark) .MuiSheet-root{background-color:var(--surface)!important;color:var(--foreground)!important;border-color:var(--border)!important}:is([data-theme=dark],.dark) .MuiBox-root{color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiInput-root{border-color:var(--border)!important;color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiInput-root input{color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiInput-root input::placeholder{color:var(--text-tertiary)!important}:is([data-theme=dark],.dark) .MuiButton-root:not([color=primary]){color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiButton-solid[color=primary]{background-color:var(--accent)!important;color:var(--background)!important}:is([data-theme=dark],.dark) .MuiButton-plain{color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiChip-root{background-color:var(--surface-secondary)!important;color:var(--foreground)!important}:is([data-theme=dark],.dark) .MuiLink-root{color:var(--accent)!important}:is([data-theme=dark],.dark) .MuiLink-root:hover{color:var(--accent-dark)!important}:is([data-theme=dark],.dark) .MuiCard-root{background-color:var(--surface)!important;color:var(--foreground)!important;border-color:var(--border)!important}:root:not([data-theme=dark]) .MuiTypography-body1,:root:not([data-theme=dark]) .MuiTypography-body2{color:var(--text-secondary)!important}:root:not([data-theme=dark]) .MuiTypography-h1,:root:not([data-theme=dark]) .MuiTypography-h2,:root:not([data-theme=dark]) .MuiTypography-h3,:root:not([data-theme=dark]) .MuiTypography-h4,:root:not([data-theme=dark]) .MuiTypography-h5,:root:not([data-theme=dark]) .MuiTypography-h6{color:var(--text-primary)!important}:root:not([data-theme=dark]) .MuiSheet-root{background-color:var(--surface)!important;color:var(--foreground)!important;border-color:var(--border)!important}:root:not([data-theme=dark]) .MuiInput-root{border-color:var(--border)!important;color:var(--foreground)!important}:root:not([data-theme=dark]) .MuiInput-root input::placeholder{color:var(--text-tertiary)!important}:root:not([data-theme=dark]) .MuiButton-solid[color=primary]{background-color:var(--accent)!important;color:var(--background)!important}:root:not([data-theme=dark]) .MuiCard-root{background-color:var(--surface)!important;color:var(--foreground)!important}