:root{--color-primary:#6a2ea3;--color-primary-light:#8f5cc4;--color-primary-dark:#4e1f7c;--color-primary-bg:#f9f6fd;--color-primary-bg-dark:#f0e9f8;--color-accent-blue:#4a90d9;--color-accent-green:#4ba85f;--color-accent-amber:#d99b2f;--color-text:#2d3748;--color-text-light:#718096;--color-text-muted:#a0aec0;--color-bg:#fff;--color-bg-alt:#f8f9fa;--color-bg-dark:#1a202c;--color-border:#e2e8f0;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-math:"Latin Modern Math", "STIX Two Math", "Cambria Math", "Times New Roman", Georgia, serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.navbar{z-index:1000;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);transition:all var(--transition-normal);background:#fffffff2;position:fixed;top:0;left:0;right:0}.nav-container{max-width:1200px;padding:var(--spacing-md) var(--spacing-lg);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{color:var(--color-primary);letter-spacing:-.02em;white-space:nowrap;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1.5rem;font-weight:700}.nav-links{align-items:center;gap:var(--spacing-xl);list-style:none;display:flex}.nav-links a{color:var(--color-text);transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--color-primary)}.nav-btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);border-radius:var(--radius-md);font-weight:600;display:inline-flex;color:#fff!important}.nav-btn:hover{background:var(--color-primary-dark);color:#fff!important}.nav-btn-outline{border:2px solid var(--color-primary);background:0 0;color:var(--color-primary)!important}.nav-btn-outline:hover{background:var(--color-primary);color:#fff!important}.nav-toggle{cursor:pointer;padding:var(--spacing-sm);background:0 0;border:none;flex-direction:column;gap:4px;display:none}.nav-toggle span{background:var(--color-text);width:24px;height:2px;transition:all var(--transition-fast)}.hero{min-height:100vh;padding:calc(80px + var(--spacing-3xl)) var(--spacing-lg) var(--spacing-3xl);background:linear-gradient(135deg, var(--color-primary-bg) 0%, var(--color-bg) 50%, var(--color-primary-bg) 100%);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-content{max-width:900px;margin-bottom:var(--spacing-3xl)}.hero-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary-bg-dark);color:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);font-size:.875rem;font-weight:500;display:inline-block}.hero-title{color:var(--color-text);margin-bottom:var(--spacing-md);letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}.hero-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-xl);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:400}.hero-authors{justify-content:center;gap:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--color-text);flex-wrap:wrap;font-size:.95rem;display:flex}.hero-authors span{white-space:nowrap}.hero-authors sup{color:var(--color-primary);font-weight:600}.hero-affiliations{color:var(--color-text-light);margin-bottom:var(--spacing-xl);font-size:.875rem}.hero-affiliations sup{color:var(--color-primary)}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.btn{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;border:none;font-size:1rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-md), 0 0 0 0 #6a2ea34d}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-lg), 0 0 0 4px #6a2ea333;transform:translateY(-2px)}.btn-secondary{color:var(--color-text);border:2px solid var(--color-border);background:#fff}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.hero-figure{width:100%;max-width:940px;padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);background:#fff}.hero-image{border-radius:var(--radius-md);width:auto;max-width:100%;max-height:42vh;margin:0 auto}.hero-figure figcaption{margin-top:var(--spacing-md);color:var(--color-text-light);text-align:left;font-size:.875rem;line-height:1.6}.scroll-indicator{bottom:var(--spacing-xl);border-radius:var(--radius-full);width:48px;height:48px;color:var(--color-primary);box-shadow:var(--shadow-md);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-normal);background:#fff;justify-content:center;align-items:center;animation:2s infinite bounce;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator:hover{color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translate(-50%)translateY(-4px)}.section{padding:var(--spacing-3xl) var(--spacing-lg);scroll-margin-top:80px}.section-title{color:var(--color-text);text-align:center;margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.section-subtitle{color:var(--color-text-light);text-align:center;max-width:700px;margin:0 auto var(--spacing-2xl);font-size:1.05rem}.about-text{max-width:720px;margin:0 auto}.about-text .lead{color:var(--color-text);margin-bottom:var(--spacing-lg);font-size:1.25rem;line-height:1.7}.about-text p{color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:1.8}.about-highlights{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.highlight-card{padding:var(--spacing-xl);padding-right:calc(var(--spacing-xl) + 48px);background:var(--color-bg-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal);position:relative}.highlight-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-primary-light);transform:translateY(-4px)}.highlight-icon{top:var(--spacing-lg);right:var(--spacing-lg);background:var(--color-primary-bg);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex;position:absolute}.highlight-card h3{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.highlight-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.6}.section-properties{background:var(--color-bg-alt)}.properties-grid{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;max-width:1100px;margin:0 auto;display:flex}.property-card{max-width:360px;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-normal);background:#fff;flex:0 340px;position:relative}.property-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.property-number{top:var(--spacing-lg);right:var(--spacing-lg);background:var(--color-primary-bg);width:32px;height:32px;color:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex;position:absolute}.property-card h3{color:var(--color-text);margin-bottom:var(--spacing-sm);padding-right:48px;font-size:1.125rem;font-weight:600}.property-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.7}.section-method{background:#fff}.method-content{max-width:940px;margin:0 auto}.method-lead{color:var(--color-text);text-align:center;max-width:760px;margin:0 auto var(--spacing-2xl);font-size:1.125rem;line-height:1.75}.equation-box{background:var(--color-bg-alt);padding:var(--spacing-2xl) var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;margin-bottom:var(--spacing-2xl);border:1px solid var(--color-border)}.equation-row{font-family:var(--font-math);color:var(--color-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em;font-size:clamp(1.05rem,2.6vw,1.5rem);line-height:1.9;display:flex}.equation-row+.equation-row{margin-top:var(--spacing-md)}.equation-note{margin-top:var(--spacing-lg);color:var(--color-text-light);font-size:.9rem;font-family:var(--font-sans)}.math{font-family:var(--font-math);white-space:nowrap}.math sub,.math sup{font-size:.68em;line-height:0}.math sub{vertical-align:-.28em}.math sup{vertical-align:.48em}.method-steps{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.method-step{gap:var(--spacing-lg);align-items:flex-start;display:flex}.method-step-bar{border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0;align-self:stretch;width:4px;min-height:72px}.method-step-bar.tone-2{background:var(--color-primary-light)}.method-step-bar.tone-3{background:var(--color-accent-blue)}.method-step h4{color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.method-step p{color:var(--color-text-light);font-size:.95rem;line-height:1.7}.demo{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.demo-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.demo-header h3{color:var(--color-text);font-size:1.25rem;font-weight:600}.demo-header p{color:var(--color-text-light);font-size:.875rem}.demo-canvas-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff;overflow:hidden}.demo-canvas{width:100%;height:auto;display:block}.demo-controls{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;display:grid}.demo-control label{color:var(--color-text-light);margin-bottom:var(--spacing-xs);justify-content:space-between;align-items:baseline;gap:var(--spacing-sm);font-size:.875rem;display:flex}.demo-control label .value{font-family:var(--font-mono);color:var(--color-primary);font-size:.8rem;font-weight:500}.demo-control input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer}.demo-buttons{gap:var(--spacing-sm);display:flex}.demo-btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-border);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;flex:1;font-family:inherit;font-size:.875rem;font-weight:600}.demo-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.demo-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.demo-stats{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.demo-stat{text-align:center}.demo-stat .n{color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:700;line-height:1.2}.demo-stat .l{color:var(--color-text-light);font-size:.8rem}.demo-legend{gap:var(--spacing-lg);margin-top:var(--spacing-md);color:var(--color-text-light);flex-wrap:wrap;justify-content:center;font-size:.8rem;display:flex}.demo-legend span{align-items:center;gap:var(--spacing-xs);display:inline-flex}.demo-legend i{border-radius:var(--radius-full);width:14px;height:3px;display:inline-block}.figure-panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);background:#fff}.figure-panel img{width:100%;max-width:720px;margin:0 auto}.figure-panel figcaption{margin-top:var(--spacing-md);color:var(--color-text-light);font-size:.875rem;line-height:1.65}.figure-panel figcaption strong{color:var(--color-text);font-weight:600}.figure-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.section-results{background:var(--color-bg-alt)}.results-highlights{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));display:grid}.result-stat{text-align:center;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff}.stat-number{color:var(--color-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:3rem;font-weight:700;line-height:1}.stat-label{color:var(--color-text-light);font-size:.95rem;line-height:1.5}.results-panel{padding:var(--spacing-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);background:#fff}.results-panel h3{margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:1.25rem;font-weight:600}.results-panel>p{color:var(--color-text-light);margin-bottom:var(--spacing-lg);max-width:760px;font-size:.95rem}.tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.tab{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);border:1px solid var(--color-border);color:var(--color-text-light);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-family:inherit;font-size:.875rem;font-weight:500}.tab:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.table-scroll{overflow-x:auto}.results-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.9rem}.results-table th,.results-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:center;border-bottom:1px solid var(--color-border)}.results-table th{background:var(--color-bg-alt);color:var(--color-text);font-weight:600}.results-table th:first-child,.results-table td:first-child{text-align:left;z-index:1;background:#fff;position:sticky;left:0}.results-table thead th:first-child{background:var(--color-bg-alt)}.results-table .sub-header th{color:var(--color-text-light);font-size:.8rem;font-weight:500}.results-table td.best{color:var(--color-primary);font-weight:700}.results-table tbody tr:hover{background:var(--color-bg-alt)}.results-table tr.ours{background:var(--color-primary-bg)!important}.results-table tr.ours td:first-child{background:var(--color-primary-bg);font-weight:700}.group-divider{border-left:1px solid var(--color-border)}.table-caption{margin-top:var(--spacing-md);color:var(--color-text-light);white-space:normal;font-size:.875rem}.table-caption .best-label{color:var(--color-primary);font-weight:700}.bars{gap:var(--spacing-sm);flex-direction:column;display:flex}.bar-row{gap:var(--spacing-md);grid-template-columns:minmax(90px,130px) 1fr;align-items:center;display:grid}.bar-label{color:var(--color-text-light);text-align:right;white-space:nowrap;font-size:.85rem}.bar-row.ours .bar-label{color:var(--color-text);font-weight:600}.bar-track{background:var(--color-bg-alt);border-radius:var(--radius-sm);height:26px;position:relative;overflow:hidden}.bar-fill{background:var(--color-primary-light);border-radius:var(--radius-sm);min-width:2px;height:100%;transition:width var(--transition-slow)}.bar-row.ours .bar-fill{background:var(--color-primary)}.bar-value{top:50%;left:calc(var(--spacing-sm));font-size:.8rem;font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;position:absolute;transform:translateY(-50%)}.bar-value.inside{color:#fff}.charts-2col{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.chart-block h4{color:var(--color-text);margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.chart-block>p{color:var(--color-text-light);margin-bottom:var(--spacing-md);font-size:.875rem}.section-citation{background:#fff}.citation-box{background:var(--color-bg-dark);border-radius:var(--radius-lg);max-width:860px;margin:0 auto;position:relative;overflow:hidden}.citation-box pre{padding:var(--spacing-xl);padding-right:calc(var(--spacing-xl) + 90px);overflow-x:auto}.citation-box code{font-family:var(--font-mono);color:#e2e8f0;font-size:.8rem;line-height:1.8}.copy-btn{top:var(--spacing-md);right:var(--spacing-md);align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:none;font-family:inherit;font-size:.875rem;display:flex;position:absolute}.copy-btn:hover{background:#fff3}.copy-btn.copied{background:var(--color-accent-green)}.footer{background:var(--color-bg-dark);color:#e2e8f0;padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl)}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:2fr 1fr 1fr;max-width:1200px;margin-left:auto;margin-right:auto;display:grid}.footer-info h3{color:#fff;margin-bottom:var(--spacing-sm);font-size:1.5rem;font-weight:700}.footer-info p{color:#a0aec0;margin-bottom:var(--spacing-sm)}.footer-affiliations{font-size:.875rem}.footer-links h4{color:#fff;margin-bottom:var(--spacing-md);font-size:1rem;font-weight:600}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:#a0aec0;transition:color var(--transition-fast);font-size:.95rem}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--spacing-xl);text-align:center;border-top:1px solid #ffffff1a;max-width:1200px;margin:0 auto}.footer-bottom p{color:#718096;font-size:.875rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.hero-content,.hero-figure{animation:.6s ease-out fadeInUp}.hero-figure{animation-delay:.2s;animation-fill-mode:both}.animate-on-scroll{opacity:0;transition:all .6s ease-out;transform:translateY(20px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.animate-on-scroll{opacity:1;transform:none}}@media (width<=1024px){.nav-logo{font-size:1.1rem}.nav-links{gap:var(--spacing-md)}.footer-content{grid-template-columns:1fr 1fr}.footer-info{grid-column:span 2}}@media (width<=768px){.nav-links{padding:var(--spacing-lg);gap:var(--spacing-md);border-bottom:1px solid var(--color-border);opacity:0;visibility:hidden;transition:all var(--transition-normal);background:#fff;flex-direction:column;position:fixed;top:61px;left:0;right:0;transform:translateY(-120%)}.nav-links.active{opacity:1;visibility:visible;transform:translateY(0)}.nav-toggle{display:flex}.hero{padding-top:calc(60px + var(--spacing-2xl));padding-bottom:calc(var(--spacing-3xl) + 48px)}.hero-authors{gap:var(--spacing-xs);flex-direction:column}.section{padding:var(--spacing-2xl) var(--spacing-md)}.footer-content{text-align:center;grid-template-columns:1fr}.footer-info{grid-column:span 1}.bar-row{gap:var(--spacing-xs);grid-template-columns:1fr}.bar-label{text-align:left}}@media (width<=480px){:root{--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:2.5rem}.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.stat-number{font-size:2.5rem}.results-table{font-size:.8rem}.results-panel,.figure-panel,.demo{padding:var(--spacing-md)}}