:root{--bg-body:#05060a;--bg-card:rgba(12,15,25,0.65);--bg-glass:rgba(12,15,25,0.65);--bg-input:rgba(255,255,255,0.06);--bg-metric:rgba(0,0,0,0.3);--bg-code:rgba(0,0,0,0.5);--bg-diagram:rgba(0,0,0,0.2);--bg-var:rgba(0,0,0,0.25);--bg-scenario:rgba(0,0,0,0.25);--bg-faq:rgba(0,0,0,0.15);--bg-nav:rgba(5,6,10,0.35);--bg-tooltip:#1a1f2e;--text-primary:#eef2f8;--text-secondary:#c7d2fe;--text-muted:#a5b4fc;--text-body:#c7d2fe;--border-card:rgba(255,255,255,0.06);--border-input:rgba(255,255,255,0.1);--border-table:rgba(255,255,255,0.08);--border-divider:rgba(255,255,255,0.04);--shadow-card:0 30px 60px -20px rgba(0,0,0,0.8);--shadow-glow:0 30px 60px -20px rgba(79,70,229,0.15);--orb1:rgba(79,70,229,0.15);--orb2:rgba(236,72,153,0.10);--orb3:rgba(16,185,129,0.08);--scrollbar-track:#0f111a;--scrollbar-thumb:#4f46e5;--badge-bg:rgba(79,70,229,0.15);--badge-text:#c7d2fe;--badge-border:rgba(79,70,229,0.15);--btn-secondary-bg:rgba(255,255,255,0.06);--btn-secondary-border:rgba(255,255,255,0.15);--btn-secondary-text:#eef2f8;--footer-border:rgba(255,255,255,0.04)}[data-theme="light"]{--bg-body:#f0f2f8;--bg-card:rgba(255,255,255,0.85);--bg-glass:rgba(255,255,255,0.75);--bg-input:rgba(0,0,0,0.04);--bg-metric:rgba(0,0,0,0.06);--bg-code:rgba(0,0,0,0.05);--bg-diagram:rgba(0,0,0,0.04);--bg-var:rgba(0,0,0,0.04);--bg-scenario:rgba(0,0,0,0.04);--bg-faq:rgba(0,0,0,0.04);--bg-nav:rgba(255,255,255,0.50);--bg-tooltip:#f0f2f8;--text-primary:#0f111a;--text-secondary:#2d2f3e;--text-muted:#4a4a6a;--text-body:#2d2f3e;--border-card:rgba(0,0,0,0.08);--border-input:rgba(0,0,0,0.1);--border-table:rgba(0,0,0,0.08);--border-divider:rgba(0,0,0,0.06);--shadow-card:0 30px 60px -20px rgba(0,0,0,0.15);--shadow-glow:0 30px 60px -20px rgba(79,70,229,0.08);--orb1:rgba(79,70,229,0.06);--orb2:rgba(236,72,153,0.05);--orb3:rgba(16,185,129,0.04);--scrollbar-track:#e0e2e8;--scrollbar-thumb:#4f46e5;--badge-bg:rgba(79,70,229,0.10);--badge-text:#4a4a6a;--badge-border:rgba(79,70,229,0.12);--btn-secondary-bg:rgba(0,0,0,0.04);--btn-secondary-border:rgba(0,0,0,0.12);--btn-secondary-text:#0f111a;--footer-border:rgba(0,0,0,0.06)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,sans-serif;background:var(--bg-body);color:var(--text-primary);line-height:1.6;background-image:radial-gradient(circle at 20%30%,rgba(79,70,229,0.15)0%,transparent 60%),radial-gradient(circle at 80%70%,rgba(236,72,153,0.10)0%,transparent 60%),radial-gradient(circle at 40%80%,rgba(16,185,129,0.06)0%,transparent 60%);background-attachment:fixed;animation:gradientShift 20s ease-in-out infinite alternate}@keyframes gradientShift{0%{background-position:0%0%}100%{background-position:100%100%}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .2s}a:hover{color:var(--text-primary)}.orb{position:fixed;border-radius:50%;filter:blur(100px);z-index:0;pointer-events:none;transition:background .3s ease}.orb-1{width:40vw;height:40vw;top:-10vh;left:-10vw;background:var(--orb1);animation:floatOrb 25s infinite alternate ease-in-out}.orb-2{width:35vw;height:35vw;bottom:-15vh;right:-10vw;background:var(--orb2);animation:floatOrb 30s infinite alternate-reverse ease-in-out}.orb-3{width:25vw;height:25vw;top:40vh;right:20vw;background:var(--orb3);animation:floatOrb 20s infinite alternate ease-in-out}@keyframes floatOrb{0%{transform:translate(0,0) scale(1)}100%{transform:translate(80px,-60px) scale(1.2)}}.sticky-nav{position:sticky;top:0;z-index:100;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-divider);padding:.5rem 1.5rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.nav-left{display:flex;align-items:center;gap:.8rem}.nav-links{display:flex;gap:.4rem;flex-wrap:wrap;list-style:none;font-size:1rem;font-weight:260;margin:0;padding:0}.nav-links a{color:var(--text-primary);text-decoration:none;padding:.3rem .2rem;border-bottom:2px solid transparent;transition:border-color .2s,color .2s;white-space:nowrap}.nav-links a:hover{border-color:#4f46e5}.hamburger{display:none;flex-direction:column;cursor:pointer;background:transparent;border:none;padding:.3rem;gap:5px}.hamburger span{display:block;width:26px;height:3px;background:var(--text-primary);border-radius:3px;transition:.25s ease}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle{background:transparent;border:1px solid var(--border-input);border-radius:40px;padding:.2rem .6rem;font-size:1.1rem;cursor:pointer;transition:.2s;color:var(--text-primary);line-height:1.4}.theme-toggle:hover{background:var(--bg-input);transform:scale(1.05)}@media (max-width:768px){.sticky-nav{padding:.6rem 1rem}.hamburger{display:flex!important}.nav-links{display:none;flex-direction:column;width:100%;background:var(--bg-nav);backdrop-filter:blur(12px);padding:.5rem 0;margin-top:.5rem;border-top:1px solid var(--border-divider);max-height:70vh;overflow-y:auto}.nav-links.open{display:flex}.nav-links>li{width:100%;padding:0;border-bottom:1px solid var(--border-divider)}.nav-links>li:last-child{border-bottom:none}.nav-links>li>a,.nav-links>li>.dropdown-toggle,.nav-links .dropdown-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem 1rem;color:var(--text-primary);font-size:1rem;font-weight:500;text-decoration:none;background:transparent;border:none;cursor:pointer}.nav-links .dropdown-menu{display:none;padding:.3rem 0 .3rem 1.5rem;background:transparent;border:none;box-shadow:none}.nav-links .dropdown.open .dropdown-menu{display:block}.nav-links .dropdown-menu a{display:block;padding:.4rem 1rem;color:var(--text-secondary);font-size:.9rem;text-decoration:none}.theme-toggle{font-size:1rem;padding:.1rem .5rem}.mobile-home{display:block!important}}.mobile-home{display:none}.container{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:0 1.5rem}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--border-card);border-radius:2.5rem;padding:2.5rem 2rem;box-shadow:var(--shadow-card);transition:border-color .3s,box-shadow .3s,background .3s}.glass-card:hover{border-color:rgba(79,70,229,0.2);box-shadow:var(--shadow-glow)}.text-gradient{background:linear-gradient(135deg,#4f46e5 0%,#a78bfa 40%,#f472b6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-glow{display:inline-block;background:var(--badge-bg);color:var(--badge-text);font-size:.7rem;font-weight:700;padding:.3rem 1rem;border-radius:60px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--badge-border);backdrop-filter:blur(4px);transition:background .3s,color .3s,border .3s}.badge-version{background:rgba(16,185,129,0.12);color:#34d399;border-color:rgba(16,185,129,0.15)}[data-theme="light"] .badge-version{background:rgba(16,185,129,0.15);color:#059669}.btn-primary{display:inline-block;background:#4f46e5;color:#fff;font-weight:600;padding:.8rem 2.2rem;border-radius:60px;border:none;cursor:pointer;transition:.2s;box-shadow:0 4px 20px rgba(79,70,229,0.4);text-decoration:none;text-align:center}.btn-primary:hover:not(:disabled){background:#4338ca;transform:scale(1.02)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-block;background:var(--btn-secondary-bg);color:var(--btn-secondary-text);font-weight:500;padding:.8rem 2.2rem;border-radius:60px;border:1px solid var(--btn-secondary-border);text-decoration:none;transition:.2s;cursor:pointer;text-align:center}.btn-secondary:hover{background:rgba(255,255,255,0.12)}[data-theme="light"] .btn-secondary:hover{background:rgba(0,0,0,0.06)}.btn-success{background:#047857;box-shadow:0 4px 20px rgba(4,120,87,0.3)}.btn-success:hover:not(:disabled){background:#065f46}.share-btn{background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--btn-secondary-text);padding:.8rem 2.2rem;font-weight:600;font-size:.9rem;border-radius:60px;cursor:pointer;transition:.2s;font-family:inherit;display:inline-block;text-align:center;line-height:1.5;white-space:nowrap}.share-btn:hover{background:rgba(255,255,255,0.15);transform:scale(1.02)}[data-theme="light"] .share-btn:hover{background:rgba(0,0,0,0.06)}.section-spacing{padding:6rem 0}.section-spacing-sm{padding:3rem 0}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1rem 0}@media (max-width:640px){.grid-2col{grid-template-columns:1fr}}.pill-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.pill-list li{background:var(--badge-bg);padding:.2rem 1rem;border-radius:40px;font-size:.8rem;border:1px solid var(--badge-border);color:var(--badge-text)}.citation-block{background:var(--bg-code);border-radius:1.2rem;padding:1.2rem 1.5rem;border:1px solid var(--border-divider);font-family:'Courier New',monospace;font-size:.8rem;overflow-x:auto;margin:1rem 0;transition:background .3s}.citation-block .label{color:var(--text-muted);font-weight:600;font-family:'Inter',sans-serif;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.code-block{background:var(--bg-code);border-radius:1rem;padding:1.2rem 1.5rem;font-family:'Courier New',monospace;font-size:.85rem;overflow-x:auto;border-left:3px solid #4f46e5;margin:1rem 0;word-break:break-word;white-space:pre-wrap;transition:background .3s}.code-block .prompt{color:#34d399}[data-theme="light"] .code-block .prompt{color:#059669}.code-block .cmd{color:var(--text-primary);word-break:break-all}.policy-text{max-height:600px;overflow-y:auto;padding-right:.5rem;font-size:.95rem;color:var(--text-body)}.policy-text::-webkit-scrollbar{width:4px}.policy-text::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.policy-text h3{font-size:1.2rem;font-weight:700;margin-top:1.5rem;margin-bottom:.3rem;color:var(--text-muted)}.policy-text h3:first-of-type{margin-top:0}.policy-text .formula{background:var(--bg-code);padding:.8rem 1.2rem;border-radius:1rem;font-family:'Courier New',monospace;font-size:.85rem;margin:.5rem 0;overflow-x:auto;border-left:3px solid #4f46e5;transition:background .3s}.tooltip-trigger{position:relative;cursor:help}.tooltip-trigger .tooltip-text{visibility:hidden;width:260px;background:var(--bg-tooltip);color:var(--text-primary);text-align:left;padding:.8rem 1rem;border-radius:.8rem;border:1px solid var(--border-divider);position:absolute;z-index:10;bottom:130%;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .2s;font-weight:400;font-size:.8rem;line-height:1.4;backdrop-filter:blur(4px)}.tooltip-trigger:hover .tooltip-text{visibility:visible;opacity:1}.floating-return-top{position:fixed;bottom:7rem;right:2rem;z-index:9998;background:rgba(0,255,255,0.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,255,255,0.2);border-radius:60px;padding:.7rem 1.2rem;color:#17cfcf;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px rgba(0,255,255,0.1);font-family:'Inter',system-ui;text-shadow:0 0 10px rgba(0,255,255,0.2);display:none;align-items:center;gap:.5rem;white-space:nowrap}.floating-return-top:hover{background:rgba(0,255,255,0.25);box-shadow:0 0 40px rgba(0,255,255,0.2);transform:scale(1.05)}.floating-return-top:active{transform:scale(.95)}@media (min-width:768px){.floating-return-top{display:flex}}.pwa-install-btn{position:fixed;bottom:2rem;right:2rem;z-index:9999;display:none;align-items:center;gap:12px;padding:14px 28px;background:rgba(215,255,210,0.35);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(230,176,137,0.8);border-radius:999px;color:#fff;font-weight:600;font-size:20px;letter-spacing:-.5px;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,0.6);transition:all .2s ease;font-family:'Inter',system-ui}.pwa-install-btn:hover{transform:scale(1.05);background:rgba(215,255,210,0.55)}.pwa-install-btn .icon{font-size:24px}.pwa-install-btn .btn-text{color:#8679e3;font-weight:700}.pwa-ios-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.7);justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(4px)}.pwa-ios-modal{background:var(--bg-card);border:1px solid var(--border-divider);padding:24px;border-radius:16px;max-width:340px;width:90%;text-align:center;box-shadow:var(--shadow-card)}.pwa-ios-modal h3{color:var(--text-primary);margin-top:0}.pwa-ios-modal p{color:var(--text-secondary);font-size:15px;line-height:1.5}.pwa-ios-modal .step{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0;font-size:14px;color:var(--text-primary)}.pwa-ios-modal .step-icon{background:var(--bg-input);padding:6px 12px;border-radius:6px}.pwa-ios-modal .close-btn{margin-top:16px;padding:10px 32px;background:#4f46e5;color:#fff;border:none;border-radius:40px;font-size:16px;font-weight:600;cursor:pointer;transition:.2s}.pwa-ios-modal .close-btn:hover{background:#4338ca;transform:scale(1.02)}@media (max-width:640px){.pwa-install-btn{bottom:1rem;right:1rem;padding:10px 18px;font-size:16px;gap:8px}.pwa-install-btn .icon{font-size:20px}}.footer{border-top:1px solid var(--footer-border);padding:2rem 0;text-align:center;font-size:.85rem;color:var(--text-muted);transition:border-color .3s,color .3s}.footer a{color:#4f46e5}@media (max-width:640px){.glass-card{padding:1.5rem 1rem;border-radius:1.5rem}#problem-visualized .old-new-grid,#problem-visualized .glass-card>div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}#problem-visualized .who-wins-grid{grid-template-columns:1fr!important}.glass-card.quick-ref .accordion-content.open>div[style*="grid-template-columns:"]{grid-template-columns:1fr!important}#implement .glass-card>div[style*="grid-template-columns:"],#related .glass-card>div[style*="grid-template-columns:"],#faq .glass-card>div[style*="grid-template-columns:"],#limitations .glass-card>div[style*="grid-template-columns:"],#glossary .glass-card>div[style*="grid-template-columns:"]{grid-template-columns:1fr!important}#implement .code-block{width:100%!important;max-width:100%!important;overflow-x:auto!important;white-space:pre-wrap!important;word-break:break-word!important;padding:.8rem 1rem!important;font-size:.7rem!important}#implement ul{width:100%!important;max-width:100%!important;padding:0!important}#implement ul li{width:100%!important;word-break:break-word!important;overflow-wrap:break-word!important;padding:.6rem 1rem!important;font-size:.8rem!important}#implement .glass-card{padding:1.5rem 1rem!important}}@media print{body{background:#fff!important;color:#111!important}.no-print{display:none!important}.orb{display:none!important}.glass-card{background:#fff!important;backdrop-filter:none!important;border:1px solid #ddd!important;box-shadow:none!important;border-radius:1rem!important;padding:1.5rem!important}.text-gradient{-webkit-text-fill-color:#111!important;background:none!important;color:#111!important}.policy-text{max-height:none!important;overflow:visible!important}.badge-glow{background:#eee!important;color:#111!important;border-color:#ccc!important}.btn-primary,.btn-secondary,.btn-preset,.share-btn,.pwa-install-btn,#pwaIosOverlay,.floating-return-top{display:none!important}table.data-table td,table.data-table th{border-color:#ccc!important;color:#111!important}table.data-table .highlight-row td{background:#f0f0f0!important}.plot-container{background:#fff!important;border:1px solid #ddd!important}.sticky-nav{display:none!important}}.nav-links .dropdown{position:relative}.nav-links .dropdown-toggle{cursor:pointer}.nav-links .dropdown-menu{display:none;position:absolute;top:100%;left:0;background:var(--bg-nav);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-divider);border-radius:.8rem;padding:.5rem 0;min-width:200px;list-style:none;box-shadow:var(--shadow-card);z-index:200}.nav-links .dropdown-menu li{padding:0}.nav-links .dropdown-menu a{display:block;padding:.4rem 1.2rem;color:var(--text-primary);text-decoration:none;border-bottom:none;white-space:nowrap;font-weight:400;font-size:.8rem;transition:background .2s}.nav-links .dropdown-menu a:hover{background:var(--bg-input);border-radius:.3rem}@media (min-width:769px){.nav-links .dropdown:hover .dropdown-menu{display:block}}.book-cover{width:100%;max-width:280px;aspect-ratio:3/4;border-radius:1.5rem;border:1px solid var(--border-card);box-shadow:var(--shadow-card);overflow:hidden;background:var(--bg-var)}.book-cover img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width:768px){.book-cover{max-width:220px}}@media (max-width:480px){.book-cover{max-width:180px}}@media (max-width:640px){.about-pillars{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0}.about-pillars .pillar-card:first-child{grid-column:1/-1}.about-author{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.about-author .author-avatar{flex-shrink:0;margin:0 auto}.about-author .author-bio{text-align:center}}.viewer-container{background:var(--bg-code);border:2px solid rgba(79,70,229,0.2);border-radius:16px;margin:1.5rem auto;max-width:1000px;overflow:hidden;box-shadow:var(--shadow-card)}.viewer-container iframe{width:100%;height:80vh;border:none;display:block}@media (max-width:768px){.viewer-container iframe{height:70vh}}@media (max-width:480px){.viewer-container iframe{height:60vh}}#hero{background:#f5f5f7!important;background-image:none!important}[data-theme="dark"] #hero{background:#141414!important}.nav-links .dropdown-menu{background:var(--bg-body)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-divider)}[data-theme="dark"] .nav-links .dropdown-menu{background:#1a1a2e!important}[data-theme="light"] .nav-links .dropdown-menu{background:#ffffff!important}.tool-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:.5rem}.tool-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:1.5rem;padding:1.8rem 1.5rem 1.5rem;text-align:center;transition:border-color .3s,box-shadow .3s,transform .2s;box-shadow:var(--shadow-card);display:flex;flex-direction:column;align-items:center;gap:.5rem}.tool-card:hover{border-color:rgba(79,70,229,.3);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.tool-card-icon{font-size:2.8rem;line-height:1.2}.tool-card-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.tool-card-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0 0 .3rem;flex:1}.tool-card .btn-primary,.tool-card .btn-secondary{width:100%;text-align:center;padding:.6rem 1.5rem;font-size:.85rem}@media (max-width:768px){.tool-cards-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}