*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:#667eea;scroll-padding-top:80px}.top-nav{-webkit-backdrop-filter:blur(10px);z-index:100;background:#fff9;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000001a}body.modal-open .top-nav{display:none}.nav-container{justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;position:relative}.nav-links{gap:30px;display:flex}.nav-container .theme-toggle{position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nav-link{color:#333;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:#667eea;background:#667eea1a}.nav-link.active{color:#667eea;background:#667eea26;font-weight:600}.skip-link{color:#fff;z-index:200;opacity:0;pointer-events:none;background:#667eea;border-radius:0 0 4px;padding:8px 16px;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus-visible{opacity:1;pointer-events:auto;top:0}:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #667eea}body{color:#333;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) fixed;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:70px 20px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:relative}body:before{content:"";opacity:.05;pointer-events:none;z-index:0;background-image:url(/house-pattern.svg);background-repeat:repeat;background-size:80px 80px;width:100%;height:100%;position:fixed;top:0;left:0}.header{text-align:center;color:#fff;width:100%;max-width:600px;margin-bottom:30px;padding:0 20px 20px;position:relative}h1{color:#fff;text-shadow:0 2px 4px #0003;text-transform:uppercase;margin-bottom:10px;padding-top:20px;font-size:32px;font-weight:700}.subtitle{color:#fffffff2;text-align:center;margin-bottom:20px;font-size:16px}.container{z-index:1;background:#fffffffa;border-radius:20px;width:100%;max-width:900px;margin-bottom:30px;padding:40px;box-shadow:0 10px 40px #0003}h2{color:#333;border-bottom:2px solid #667eea;margin-top:30px;margin-bottom:15px;padding-bottom:10px;font-size:24px}h2:first-child{margin-top:0}h3{color:#555;margin-top:20px;margin-bottom:10px;font-size:18px}p{color:#555;margin-bottom:15px;line-height:1.8}.container a:not(.nav-link):not(.bug-report-link):not(.skip-link){color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d;transition:text-decoration-color .3s}.container a:not(.nav-link):not(.bug-report-link):not(.skip-link):hover{text-decoration-color:#00000080}.container a:not(.nav-link):not(.bug-report-link):not(.skip-link):visited{color:inherit;text-decoration-color:#00000040}body.dark-mode .container a:not(.nav-link):not(.bug-report-link):not(.skip-link),body:not(.light-mode) .container a:not(.nav-link):not(.bug-report-link):not(.skip-link){color:inherit;text-decoration-color:#fff6}body.dark-mode .container a:not(.nav-link):not(.bug-report-link):not(.skip-link):hover,body:not(.light-mode) .container a:not(.nav-link):not(.bug-report-link):not(.skip-link):hover{text-decoration-color:#fff9}body.dark-mode .container a:not(.nav-link):not(.bug-report-link):not(.skip-link):visited,body:not(.light-mode) .container a:not(.nav-link):not(.bug-report-link):not(.skip-link):visited{color:inherit;text-decoration-color:#ffffff59}ul,ol{color:#555;margin:15px 0;padding-left:30px}li{margin-bottom:8px;line-height:1.8}ul{list-style-type:disc}ol{list-style-type:decimal}.chart-container{background:#f8f9fa;border-radius:12px;margin:30px 0;padding:20px;position:relative}.chart-container canvas{max-width:100%;height:auto}.chart-container h3{text-align:center;margin-top:0;margin-bottom:20px}.chart-description{color:#666;background:#667eea0d;border-left:3px solid #667eea;border-radius:8px;margin-bottom:15px;padding:12px;font-size:14px}.chart-container .fullscreen-chart-btn{color:#fff;cursor:pointer;z-index:100;pointer-events:auto;background:#667eeae6;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 10px;transition:background .2s;display:flex;position:absolute;top:25px;right:0}.chart-container .fullscreen-chart-btn:hover{background:#667eea}.chart-container .fullscreen-chart-btn svg{width:18px;height:18px}.theme-toggle{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent;background:#fff3;border:none;border-radius:20px;align-items:center;gap:4px;padding:4px;transition:all .3s;display:flex}.theme-toggle:hover{background:#ffffff4d}.theme-icon{opacity:.5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .3s;display:flex}.theme-icon.active{opacity:1;background:#ffffff4d}.footer{text-align:center;color:#fff;opacity:.9;z-index:1;flex-direction:column;align-items:center;gap:10px;margin-top:20px;font-size:12px;display:flex;position:relative}.footer p,.footer span{color:#fff}.footer a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #fff9;text-decoration:underline #fff9}.footer a:hover{text-decoration-color:#fffc}.bug-report-link{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;margin-top:0;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .3s;display:block}.bug-report-link:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}body.dark-mode .bug-report-link{background:#ffffff0d;border-color:#ffffff1a}body.dark-mode .bug-report-link:hover{background:#ffffff1a;border-color:#fff3}body:not(.light-mode) .bug-report-link{background:#ffffff0d;border-color:#ffffff1a}body:not(.light-mode) .bug-report-link:hover{background:#ffffff1a;border-color:#fff3}html.dark-mode{background-color:#1a1a2e}body.dark-mode{color:#e0e0e0;background:linear-gradient(135deg,#1a1a2e 0%,#2d1b4e 100%)}body.dark-mode:before{opacity:.03}body.dark-mode .top-nav{background:#28283cb3}body.dark-mode .nav-link{color:#e0e0e0}body.dark-mode .nav-link:hover{color:#9ca3ff;background:#667eea33}body.dark-mode .nav-link.active{color:#9ca3ff;background:#667eea40}body.dark-mode .container{background:#2d2d41f2;box-shadow:0 10px 40px #00000080}body.dark-mode h1{color:#fff}body.dark-mode .subtitle{color:#ffffffe6}body.dark-mode h2{color:#e0e0e0;border-bottom-color:#9ca3ff}body.dark-mode h3{color:#d0d0d0}body.dark-mode p,body.dark-mode ul,body.dark-mode ol,body.dark-mode li{color:silver}body.dark-mode .chart-container{background:#1a1a2e}body.dark-mode .chart-description{color:#b0b0b0;background:#9ca3ff1a;border-left-color:#9ca3ff}body.dark-mode .theme-toggle{background:#ffffff1a}body.dark-mode .theme-toggle:hover,body.dark-mode .theme-icon.active{background:#fff3}body.dark-mode :focus-visible,body.dark-mode button:focus-visible,body.dark-mode input:focus-visible,body.dark-mode select:focus-visible{outline-color:#9ca3ff}body.dark-mode .footer{color:#b0b0b0}body.dark-mode .footer a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}body.dark-mode .footer a:hover{text-decoration-color:#fff9}.external-link{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #0000004d;text-decoration:underline #0000004d;transition:text-decoration-color .3s}.external-link:hover{text-decoration-color:#00000080}.external-link:visited{color:inherit;text-decoration-color:#00000040}body.dark-mode .external-link{color:inherit;text-decoration-color:#fff6}body.dark-mode .external-link:hover{text-decoration-color:#fff9}body.dark-mode .external-link:visited{color:inherit;text-decoration-color:#ffffff59}body:not(.light-mode) .external-link{color:inherit;text-decoration-color:#fff6}body:not(.light-mode) .external-link:hover{text-decoration-color:#fff9}body:not(.light-mode) .external-link:visited{color:inherit;text-decoration-color:#ffffff59}@media (prefers-color-scheme:dark){body:not(.light-mode){color:#e0e0e0;background:linear-gradient(135deg,#1a1a2e 0%,#2d1b4e 100%)}body:not(.light-mode):before{opacity:.03}body:not(.light-mode) .top-nav{background:#28283cb3}body:not(.light-mode) .nav-link{color:#e0e0e0}body:not(.light-mode) .nav-link:hover{color:#9ca3ff;background:#667eea33}body:not(.light-mode) .nav-link.active{color:#9ca3ff;background:#667eea40}body:not(.light-mode) .container{background:#2d2d41f2;box-shadow:0 10px 40px #00000080}body:not(.light-mode) h1{color:#fff}body:not(.light-mode) .subtitle{color:#ffffffe6}body:not(.light-mode) h2{color:#e0e0e0;border-bottom-color:#9ca3ff}body:not(.light-mode) h3{color:#d0d0d0}body:not(.light-mode) p,body:not(.light-mode) ul,body:not(.light-mode) ol,body:not(.light-mode) li{color:silver}body:not(.light-mode) .chart-container{background:#1a1a2e}body:not(.light-mode) .chart-description{color:#b0b0b0;background:#9ca3ff1a;border-left-color:#9ca3ff}body:not(.light-mode) .theme-toggle{background:#ffffff1a}body:not(.light-mode) .theme-toggle:hover,body:not(.light-mode) .theme-icon.active{background:#fff3}body:not(.light-mode) :focus-visible,body:not(.light-mode) button:focus-visible,body:not(.light-mode) input:focus-visible,body:not(.light-mode) select:focus-visible{outline-color:#9ca3ff}body:not(.light-mode) .footer{color:#b0b0b0}body:not(.light-mode) .footer a{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6}body:not(.light-mode) .footer a:hover{text-decoration-color:#fff9}}@media (max-width:600px){.container{padding:25px}h1{font-size:32px}.theme-toggle{gap:2px;padding:2px}.theme-icon{width:24px;height:24px;font-size:16px}.nav-container .theme-toggle{right:10px}.nav-links{gap:15px}.nav-link{padding:6px 12px;font-size:13px}canvas{max-height:500px!important}}.cookie-consent{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#fffffffa;border-top:2px solid #667eea;padding:20px;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 20px #0000001a}.cookie-consent.show{display:block}.cookie-consent-content{flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;margin:0 auto;display:flex}.cookie-consent-text{color:#333;flex:1;min-width:250px;font-size:14px;line-height:1.6}.cookie-consent-text a{color:#667eea;text-decoration:underline}.cookie-consent-buttons{flex-wrap:wrap;gap:10px;display:flex}.cookie-consent-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s}.cookie-consent-btn.accept{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.cookie-consent-btn.accept:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cookie-consent-btn.decline{color:#333;background:#f0f0f0}.cookie-consent-btn.decline:hover{background:#e0e0e0}body.dark-mode .cookie-consent{background:#1e1e32fa;border-top-color:#9ca3ff}body.dark-mode .cookie-consent-text{color:#e0e0e0}body.dark-mode .cookie-consent-text a{color:#9ca3ff}body.dark-mode .cookie-consent-btn.decline{color:#e0e0e0;background:#1a1a2e}body.dark-mode .cookie-consent-btn.decline:hover{background:#2a2a3e}body:not(.light-mode) .cookie-consent{background:#1e1e32fa;border-top-color:#9ca3ff}body:not(.light-mode) .cookie-consent-text{color:#e0e0e0}body:not(.light-mode) .cookie-consent-text a{color:#9ca3ff}body:not(.light-mode) .cookie-consent-btn.decline{color:#e0e0e0;background:#1a1a2e}body:not(.light-mode) .cookie-consent-btn.decline:hover{background:#2a2a3e}@media (max-width:600px){body{padding-left:10px;padding-right:10px}.container{padding:25px 15px}.cookie-consent-content{flex-direction:column;align-items:stretch}.cookie-consent-buttons{flex-direction:column}.cookie-consent-btn{width:100%}}