@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 480px){html{font-size:14px}}@media (min-width: 768px){html{font-size:16px}}@media (min-width: 1024px){html{font-size:16px}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background-color:#fff;color:#0f172a;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}html.dark-theme body{background-color:#111827;color:#f1f5f9}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:600;line-height:1.2;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){h1{font-size:2rem;line-height:1.1}h2{font-size:1.5rem;line-height:1.2}h3{font-size:1.25rem;line-height:1.3}}p{margin-top:0;word-wrap:break-word}a{color:inherit;text-decoration:none}img,svg{vertical-align:middle;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;min-height:44px}@media (max-width: 768px){button,input,select,textarea{font-size:16px}}button{border:none;background:transparent;cursor:pointer;font-family:Inter,-apple-system,sans-serif;min-height:44px;padding:12px 16px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html.dark-theme ::-webkit-scrollbar-track{background:#1e293b}html.dark-theme ::-webkit-scrollbar-thumb{background:#475569;border-radius:5px}html.dark-theme ::-webkit-scrollbar-thumb:hover{background:#64748b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var( --font-primary, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif );-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:#f8fafc;line-height:1.5}html.dark-theme body{background-color:var(--dark-background-primary, #111827)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button,input,select,textarea{font-family:var( --font-primary, "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif )}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-text-center{text-align:center!important}.mobile-padding{padding:1rem!important}.mobile-margin{margin:1rem!important}}.italic-text{font-style:italic!important;font-family:Inter,sans-serif!important;font-weight:400!important}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 768px){#root{padding:1rem .5rem;max-width:100%}}@media (max-width: 480px){#root{padding:.5rem .25rem}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}@media (max-width: 768px){.logo{height:4em;padding:1em}}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}@media (max-width: 768px){.card{padding:1.5em}}@media (max-width: 480px){.card{padding:1em}}.read-the-docs{color:#888}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--text-primary: #111111;--text-secondary: #555555;--background-color: #ffffff;--background-secondary: #f7f9fc;--border-color: #eeeeee}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);line-height:1.5;color:var(--text-primary);background:linear-gradient(135deg,#fff,#f1f5f9,#e2e8f0)}html.dark-theme body{background:var(--background-primary)}.app{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.main-content{flex:1;padding:0;width:100%}@media (max-width: 768px){.main-content{padding:0 .5rem}}button{font-family:inherit}.main-content:before{content:"";position:fixed;top:50%;left:-150px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#007aff0d,#00b8d405 50%,#fff0 70%);z-index:-1}.main-content:after{content:"";position:fixed;bottom:10%;right:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#00b8d40d,#007aff05 50%,#fff0 70%);z-index:-1}@media (max-width: 768px){.main-content:before{width:200px;height:200px;left:-100px}.main-content:after{width:150px;height:150px;right:-75px}}.app-header{background-color:var(--background-primary);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border-light);width:100%;border-radius:16px;padding:6px}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.logo-container{display:flex;align-items:center}.logo-with-text{display:flex;flex-direction:row;align-items:center}.snorkel-logo-link{display:block;transition:opacity .2s ease}.snorkel-logo-link:hover{opacity:.9}.snorkel-logo{width:110px;height:auto;filter:brightness(1);display:block}.logo-divider{height:32px;width:1px;background-color:var(--text-secondary);margin:0 20px}html.dark-theme .logo-divider{background-color:var(--dark-text-secondary)}.reef-logo-link{text-decoration:none;transition:opacity .2s ease}.reef-logo-link:hover{opacity:.9}.logo-text{font-size:2rem;font-weight:600;font-family:Montserrat,sans-serif;color:var(--snorkel-blue);letter-spacing:3px;line-height:1;display:block;margin-top:2px;text-transform:uppercase}html.dark-theme .logo-text{color:var(--snorkel-blue-light)}html.dark-theme .snorkel-logo{filter:brightness(0) invert(1)}.dark-logo{filter:brightness(1.75)!important}.main-nav ul{list-style:none;display:flex;gap:24px;margin:0;padding:0}.main-nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:8px 0;transition:color .2s;position:relative}.main-nav a:hover{color:#1e3a8a}html.dark-theme .main-nav a:hover{color:var(--snorkel-blue-light)}.main-nav a.active{color:#1e3a8a}html.dark-theme .main-nav a.active{color:var(--snorkel-blue-light)}.main-nav a.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#1e3a8a,#3b82f6)}html.dark-theme .main-nav a.active:after{background-color:var(--snorkel-blue-light)}@media (max-width: 1024px){.header-content{padding:12px 16px}.main-nav ul{gap:20px}.main-nav a{font-size:.9rem}}@media (max-width: 768px){.app-header{border-radius:0;padding:4px}.header-content{flex-direction:column;gap:15px;padding:15px 12px}.snorkel-logo{width:90px}.main-nav ul{gap:15px;flex-wrap:wrap;justify-content:center}.main-nav a{font-size:.85rem;padding:6px 8px;white-space:nowrap}}@media (max-width: 480px){.header-content{gap:12px;padding:12px 8px}.snorkel-logo{width:80px}.main-nav ul{gap:12px;flex-wrap:wrap}.main-nav a{font-size:.8rem;padding:6px 4px}}@media (max-width: 768px){.main-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:6px;transition:background-color .2s,color .2s}.main-nav a:hover,.main-nav a:focus{background-color:#3b82f61a}html.dark-theme .main-nav a:hover,html.dark-theme .main-nav a:focus{background-color:#3b82f633}}.bar-chart-card{background-color:var(--background-primary);border-radius:12px;box-shadow:var(--shadow-md);padding:20px 20px 20px 16px;margin-bottom:25px;width:100%;min-height:440px;border:1px solid var(--border-light);transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}html.dark-theme .bar-chart-card{background-color:var(--dark-background-card);border-color:var(--dark-border-light);box-shadow:var(--dark-shadow-md)}.bar-chart-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.bar-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;padding:4px;background:linear-gradient(90deg,#1e3a8a,#1e40af,#3b82f6,#1e40af,#1e3a8a);background-size:300% 100%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:0;z-index:1;transition:opacity .3s ease;filter:drop-shadow(0 0 6px rgba(59,130,246,.3))}.bar-chart-card:hover:before{opacity:1;animation:border-magic 3s linear infinite}@keyframes border-magic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}html.dark-theme .bar-chart-card:hover{box-shadow:var(--dark-shadow-lg)}html.dark-theme .bar-chart-card:hover:before{background:linear-gradient(90deg,var(--dark-gradient-blue) 0%,var(--dark-gradient-teal) 25%,var(--snorkel-light-blue) 50%,var(--dark-gradient-teal) 75%,var(--dark-gradient-blue) 100%);background-size:300% 100%;filter:drop-shadow(0 0 8px rgba(14,165,233,.4))}.bar-chart-card:after{content:"";position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#1e3a8a,#3b82f6);border-top-left-radius:12px;border-bottom-left-radius:12px;transition:opacity .3s ease}.bar-chart-card:hover:after{opacity:0}.bar-chart-card .card-header{margin-bottom:18px;padding-left:5px}.bar-chart-card .title-row{display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;width:100%}.bar-chart-card .title-row h3{margin:0;text-align:center;color:var(--text-primary);font-size:18px;font-weight:600;letter-spacing:.02em;width:100%}.filler-indicator{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;display:inline-block;margin-left:4px;position:relative;vertical-align:middle;transform:translateY(-1px)}.filler-indicator:hover:after{content:"Placeholder data";position:absolute;white-space:nowrap;left:50%;transform:translate(-50%);top:-25px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;z-index:10}.bar-chart-card .description{font-size:12px;color:var(--text-secondary);margin:0;line-height:1.5}.chart-container{height:280px;padding:8px 0;width:calc(100% + 25px);margin-left:-15px;margin-right:-10px;flex-grow:1}.card-footer{margin-top:6px;padding-top:0;display:flex;justify-content:center}.view-full-results-btn{background:none;border:none;color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;padding:8px 0;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px;transition:all .2s ease;display:flex;align-items:center;gap:1px}.view-full-results-btn:hover{color:var(--snorkel-blue);text-decoration-color:var(--snorkel-blue)}.view-full-results-btn .arrow-icon{width:14px;height:14px;transition:transform .2s ease;color:#000;opacity:.8}html.dark-theme .view-full-results-btn .arrow-icon{color:#fff}.view-full-results-btn:hover .arrow-icon{transform:translate(2px);opacity:1;color:var(--snorkel-blue)}html.dark-theme .view-full-results-btn:hover .arrow-icon{color:var(--snorkel-blue-light)}.bar-chart-card:hover .view-full-results-btn{color:var(--snorkel-blue);text-decoration-color:var(--snorkel-blue)}.bar-chart-card:hover .view-full-results-btn .arrow-icon{color:var(--snorkel-blue);opacity:1}html.dark-theme .bar-chart-card:hover .view-full-results-btn{color:var(--snorkel-blue-light);text-decoration-color:var(--snorkel-blue-light)}html.dark-theme .bar-chart-card:hover .view-full-results-btn .arrow-icon{color:var(--snorkel-blue-light)}html.dark-theme .view-full-results-btn{color:var(--dark-text-tertiary)}html.dark-theme .view-full-results-btn:hover{color:var(--snorkel-blue-light);text-decoration-color:var(--snorkel-blue-light)}@media (max-width: 768px){.bar-chart-card{min-height:580px;padding:20px 16px 20px 12px;margin-bottom:24px}.bar-chart-card .card-header{margin-bottom:20px}.bar-chart-card .title-row h3{font-size:18px}.bar-chart-card .description{font-size:12px;line-height:1.5}.chart-container{height:380px;padding:10px 0}.card-footer{margin-top:8px}.view-full-results-btn{font-size:13px;padding:8px 0}}@media (max-width: 480px){.bar-chart-card{min-height:540px;padding:18px 14px 18px 10px;margin-bottom:20px}.bar-chart-card .card-header{margin-bottom:18px}.bar-chart-card .title-row h3{font-size:17px}.bar-chart-card .description{font-size:11px;line-height:1.4}.chart-container{height:340px;padding:8px 0}}.section-header{margin-bottom:35px;text-align:center}.section-header h2{font-size:2rem;margin-bottom:15px;color:var(--text-primary);position:relative;display:inline-block}.section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#1e3a8a,#3b82f6);border-radius:2px}html.dark-theme .section-header h2:after{background:linear-gradient(90deg,var(--snorkel-blue-light),var(--snorkel-teal-light))}html.dark-theme .section-header h2{color:var(--dark-text-primary)}.section-header p{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:25px auto 0}html.dark-theme .section-header p{color:var(--dark-text-secondary)}.compare-models-container{margin-bottom:90px;margin-top:30px;padding:40px;background-color:var(--background-secondary);border-radius:16px;box-shadow:var(--shadow-md);position:relative}html.dark-theme .compare-models-container{background-color:var(--dark-background-secondary);box-shadow:var(--dark-shadow-md)}.model-selectors{display:flex;gap:30px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.selector-container{flex:0 1 360px;min-width:240px;max-width:400px;position:relative}.selector-container label{display:flex;align-items:center;margin-bottom:10px;font-weight:600;font-size:14px;color:var(--text-primary)}.color-indicator{width:12px;height:12px;border-radius:50%;margin-right:8px;display:inline-block}.model1-color{background-color:#1e3a8ab3}.model2-color{background-color:#ec4899b3}.custom-dropdown{position:relative;width:100%}.dropdown-selected{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background-color:var(--background-primary);border:1px solid var(--border-light);border-radius:12px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm);min-height:48px}html.dark-theme .dropdown-selected{background-color:var(--dark-background-primary);border-color:var(--dark-border-light);color:var(--dark-text-primary)}.dropdown-selected:hover{border-color:var(--snorkel-blue);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}html.dark-theme .dropdown-selected:hover{border-color:var(--snorkel-blue-light);box-shadow:0 2px 8px #3b82f626}.dropdown-selected.active{border-color:var(--snorkel-blue);box-shadow:0 0 0 3px #3b82f633}html.dark-theme .dropdown-selected.active{border-color:var(--snorkel-blue-light);box-shadow:0 0 0 3px #3b82f64d}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-options{position:absolute;top:calc(100% + 5px);left:0;width:100%;max-height:250px;overflow-y:auto;background-color:var(--background-primary);border-radius:12px;box-shadow:0 6px 25px #0000001f;z-index:10;border:1px solid var(--border-light);padding:6px 0;animation:dropdownFadeIn .2s ease forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}html.dark-theme .dropdown-options{background-color:var(--dark-background-primary);border-color:var(--dark-border-light);box-shadow:0 6px 25px #0000004d}.dropdown-option{padding:12px 18px;cursor:pointer;transition:background-color .15s;font-size:14px;color:var(--text-primary)}html.dark-theme .dropdown-option{color:var(--dark-text-primary)}.dropdown-option:hover{background-color:var(--background-secondary)}html.dark-theme .dropdown-option:hover{background-color:var(--dark-background-secondary)}.dropdown-option.selected{background-color:#3b82f61a;color:var(--snorkel-blue);font-weight:600}html.dark-theme .dropdown-option.selected{background-color:#3b82f633;color:var(--snorkel-blue-light)}.model-option{display:flex;flex-direction:column;gap:2px}.model-name{font-weight:500;font-size:14px}.model-provider{font-size:12px;opacity:.7;font-weight:400}.model-select{width:100%;padding:14px 40px 14px 18px;border:1px solid var(--border-light);border-radius:12px;background-color:var(--background-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .25s ease;box-shadow:var(--shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}html.dark-theme .model-select{background-color:var(--dark-background-primary);border-color:var(--dark-border-light);color:var(--dark-text-primary);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}.model-select:hover{border-color:var(--snorkel-blue);box-shadow:0 2px 8px #3b82f61a;transform:translateY(-1px)}html.dark-theme .model-select:hover{border-color:var(--snorkel-blue-light);box-shadow:0 2px 8px #3b82f626}.model-select:focus{outline:none;border-color:var(--snorkel-blue);box-shadow:0 0 0 3px #3b82f633}html.dark-theme .model-select:focus{border-color:var(--snorkel-blue-light);box-shadow:0 0 0 3px #3b82f64d}.model-select option{padding:12px;background-color:var(--background-primary);color:var(--text-primary)}html.dark-theme .model-select option{background-color:var(--dark-background-primary);color:var(--dark-text-primary)}.model-select::-ms-expand{display:none}.comparison-chart-container{height:400px;padding:20px 0;width:100%;position:relative;background-color:var(--background-primary);border-radius:12px;box-shadow:var(--shadow-sm)}html.dark-theme .comparison-chart-container{background-color:var(--dark-background-primary);box-shadow:var(--dark-shadow-sm)}.no-data-message{display:flex;align-items:center;justify-content:center;height:300px;color:var(--text-secondary);font-size:1.1rem;text-align:center}html.dark-theme .no-data-message{color:var(--dark-text-secondary)}.no-data-message p{margin:0}@media (max-width: 1024px){.compare-models-container{padding:30px 20px;margin-bottom:60px}.model-selectors{gap:20px}.selector-container{flex:1 1 280px;min-width:280px}}@media (max-width: 768px){.section-header h2{font-size:1.6rem}.section-header p{font-size:1rem;padding:0 10px}.compare-models-container{padding:25px 15px;margin-bottom:50px;border-radius:12px}.model-selectors{flex-direction:column;gap:20px;margin-bottom:25px}.selector-container{flex:none;min-width:100%;max-width:100%}.selector-container label{font-size:15px;margin-bottom:8px}.dropdown-selected,.model-select{padding:16px 18px;font-size:15px;min-height:52px}.comparison-chart-container{height:350px;padding:15px 5px;margin:0 -5px}.no-data-message{height:250px;font-size:1rem;padding:0 20px}}@media (max-width: 480px){.section-header h2{font-size:1.4rem}.section-header p{font-size:.95rem;padding:0 5px}.compare-models-container{padding:20px 12px;margin-bottom:40px}.selector-container label{font-size:14px}.dropdown-selected,.model-select{padding:14px 16px;font-size:14px;min-height:48px}.dropdown-selected span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparison-chart-container{height:300px;padding:10px 0;margin:0 -10px}.no-data-message{height:200px;font-size:.9rem;padding:0 15px}.dropdown-options{max-height:200px}.dropdown-option{padding:14px 16px;font-size:14px}.model-name{font-size:13px}.model-provider{font-size:11px}}@media (max-width: 768px){.dropdown-selected,.model-select{-webkit-tap-highlight-color:transparent}.dropdown-option{-webkit-tap-highlight-color:transparent;min-height:48px;display:flex;align-items:center}.model-option{align-items:flex-start;text-align:left}}@media (max-width: 768px) and (orientation: landscape){.comparison-chart-container{height:280px}.no-data-message{height:180px}}@media (max-width: 320px){.compare-models-container{padding:15px 8px}.dropdown-selected,.model-select{padding:12px 14px;font-size:13px}.comparison-chart-container{height:280px;margin:0 -5px}}.cost-performance-section{margin-bottom:60px;padding:0 20px}.cost-performance-section .section-header{text-align:center;margin-bottom:35px;padding:0 20px}.cost-performance-section .section-header h2{font-size:2rem!important;font-weight:600;font-family:var(--font-heading);color:var(--text-primary);margin-bottom:15px;letter-spacing:-.02em;position:relative;display:inline-block}.cost-performance-section .section-header h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#1e3a8a,#3b82f6);border-radius:2px}html.dark-theme .cost-performance-section .section-header h2:after{background:linear-gradient(90deg,var(--snorkel-blue-light),var(--snorkel-teal-light))}html.dark-theme .cost-performance-section .section-header h2{color:var(--dark-text-primary)}.cost-performance-section .section-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;max-width:700px;margin:25px auto 0}html.dark-theme .cost-performance-section .section-header p{color:var(--dark-text-secondary)}.cost-performance-container{max-width:1200px;margin:0 auto 120px;background-color:var(--background-primary);border-radius:16px;box-shadow:var(--shadow-md);padding:40px;border:1px solid var(--border-light);position:relative;overflow:hidden}html.dark-theme .cost-performance-container{background-color:var(--dark-background-card);border-color:var(--dark-border-light);box-shadow:var(--dark-shadow-md)}.cost-performance-chart{height:500px;width:100%;position:relative}html.dark-theme .cost-performance-chart canvas{filter:brightness(.95)}@media (max-width: 1024px){.cost-performance-container{padding:30px 20px;margin:0 10px 100px}.cost-performance-chart{height:450px}}@media (max-width: 768px){.cost-performance-section{padding:0 10px;margin-bottom:50px}.cost-performance-section .section-header h2{font-size:1.6rem}.cost-performance-section .section-header p{font-size:1rem;padding:0 10px}.cost-performance-container{padding:25px 15px;margin:0 5px 80px;border-radius:12px}.cost-performance-chart{height:400px}}@media (max-width: 480px){.cost-performance-section .section-header h2{font-size:1.4rem}.cost-performance-section .section-header p{font-size:.95rem;padding:0 5px}.cost-performance-container{padding:20px 12px;margin:0 0 60px}.cost-performance-chart{height:350px}}@media (max-width: 768px) and (orientation: landscape){.cost-performance-chart{height:320px}}@media (max-width: 320px){.cost-performance-container{padding:15px 8px;margin:0 0 50px}.cost-performance-chart{height:300px}}.cost-performance-container.mobile{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cost-performance-container.mobile .cost-performance-chart{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.cost-performance-container.mobile .cost-performance-chart canvas{touch-action:none}@media (max-width: 768px){.cost-performance-container{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}html.dark-theme .cost-performance-container{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}#chartjs-tooltip{max-width:250px;word-wrap:break-word;white-space:normal}html{scroll-behavior:smooth}.leaderboard-container{max-width:1800px;margin:0 auto;padding:40px 20px}@media (max-width: 768px){.leaderboard-container{padding:20px 12px}}@media (max-width: 480px){.leaderboard-container{padding:16px 8px}}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:80px;position:relative;padding:0 20px;gap:80px}.header-left{flex:0 0 auto;text-align:left;max-width:500px}.header-right{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;max-width:700px;padding:20px 0}html.dark-theme .header-right{background-color:var(--dark-background-primary);border-color:var(--dark-border-light)}.header-mascot{display:flex;margin-bottom:10px;position:relative}.bubbles-container{position:absolute;top:15px;left:60px;opacity:1;pointer-events:none}.bubble{position:absolute;border-radius:50%;background-color:#3b82f6b3;box-shadow:inset 0 0 8px #3b82f666,0 0 8px #3b82f64d;opacity:0;animation:bubble-rise 6s ease-in infinite}.bubble-1{width:8px;height:8px;left:2px;animation-delay:0s!important}.bubble-2{width:10px;height:10px;left:12px;animation-delay:2.5s!important}.bubble-3{width:6px;height:6px;left:6px;animation-delay:4s!important}@keyframes bubble-rise{0%{transform:translateY(0) scale(.5);opacity:0}15%{opacity:.5}80%{opacity:.4}to{transform:translateY(-40px) scale(1.2) translate(-5px);opacity:0}}.dr-bubbles{width:90px;height:90px;margin-bottom:-10px;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.leaderboard-header h1{font-size:3.2rem;font-weight:800;margin-bottom:0;color:var(--text-primary);background:linear-gradient(90deg,#1e3a8a,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;letter-spacing:-.03em;line-height:1.1}html.dark-theme .leaderboard-header h1{background:linear-gradient(90deg,var(--snorkel-blue-light, #60a5fa) 0%,var(--snorkel-teal-light, #2dd4bf) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.leaderboard-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;text-align:left;font-weight:400;letter-spacing:-.01em}.header-buttons{display:flex;justify-content:flex-start;gap:16px}.header-buttons .snorkel-btn-primary,.header-buttons .snorkel-btn-secondary{transition:all .3s ease-out}.header-buttons .snorkel-btn-primary:hover,.header-buttons .snorkel-btn-secondary:hover{transform:scale(1.03)}.leaderboard-section{margin-bottom:80px;position:relative;padding:0 0 20px}.section-header{margin-bottom:40px;text-align:center}.section-header h2{font-size:2.2rem;font-weight:700;margin-bottom:15px;color:var(--text-primary);background:linear-gradient(135deg,#1e3a8a,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}html.dark-theme .section-header h2{background:linear-gradient(135deg,var(--snorkel-blue-light),var(--snorkel-teal-light));-webkit-background-clip:text;background-clip:text}.section-header p{color:var(--text-secondary);font-size:1.1rem;max-width:700px;margin:0 auto;line-height:1.6}.snorkel-btn-primary{background:linear-gradient(90deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:14px 26px;border-radius:10px;font-weight:600;font-size:.95rem;letter-spacing:.02em;cursor:pointer;transition:all .3s ease-out;box-shadow:0 4px 12px #1e3a8a33}.snorkel-btn-secondary{background-color:transparent;color:var(--snorkel-blue);border:1px solid var(--snorkel-blue);padding:14px 26px;border-radius:10px;font-weight:600;font-size:.95rem;letter-spacing:.02em;cursor:pointer;transition:all .3s ease-out}.snorkel-btn-secondary:hover{background-color:var(--snorkel-blue);color:#fff;transform:translateY(-1px)}html.dark-theme .snorkel-btn-secondary{color:var(--snorkel-blue-light);border-color:var(--snorkel-blue-light)}html.dark-theme .snorkel-btn-secondary:hover{background-color:var(--snorkel-blue-light);color:var(--dark-background-primary)}.leaderboard-grid{display:flex;flex-wrap:wrap;justify-content:center;padding:0 20px;max-width:1400px;margin:0 auto}.leaderboard-grid>*{flex:0 0 calc(33.33% - 40px);margin:20px}#specialized-tasks .leaderboard-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;justify-items:center}#specialized-tasks .leaderboard-grid>*{width:100%;max-width:420px;justify-self:center}.leaderboard-sections{display:flex;flex-direction:column;gap:60px;padding:40px 0;background:linear-gradient(135deg,#fffc,#f8fafce6);border-radius:20px;margin:40px 0}html.dark-theme .leaderboard-sections{background:linear-gradient(135deg,#111827cc,#1e293be6)}.section h2{font-size:2rem;margin-bottom:30px;text-align:center;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.section p{color:var(--text-secondary);font-size:1.1rem;text-align:center;margin-bottom:40px}.cta-section{text-align:center;padding:60px 40px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;margin:80px 0 40px;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.05) 50%,transparent 70%);animation:gradientBorder 8s ease-in-out infinite;pointer-events:none}@keyframes gradientBorder{0%,to{background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.05) 50%,transparent 70%)}25%{background:linear-gradient(135deg,transparent 30%,rgba(59,130,246,.08) 50%,transparent 70%)}50%{background:linear-gradient(225deg,transparent 30%,rgba(59,130,246,.05) 50%,transparent 70%)}75%{background:linear-gradient(315deg,transparent 30%,rgba(59,130,246,.08) 50%,transparent 70%)}}html.dark-theme .cta-section{background:linear-gradient(135deg,var(--dark-background-secondary) 0%,var(--dark-background-card) 100%)}html.dark-theme .cta-section:before{background:linear-gradient(45deg,transparent 30%,rgba(96,165,250,.08) 50%,transparent 70%)}.cta-section h3{font-size:2.2rem;margin-bottom:20px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em}html.dark-theme .cta-section h3{color:var(--dark-text-primary)}.cta-section p{font-size:1.2rem;color:var(--text-secondary);margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}html.dark-theme .cta-section p{color:var(--dark-text-secondary)}.cta-section .snorkel-btn-primary{padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;box-shadow:0 6px 20px #1e3a8a40;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-section .snorkel-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #1e3a8a59}.leaderboard-footer{text-align:center;padding:40px 20px;color:var(--text-secondary);border-top:1px solid var(--border-light);margin-top:60px}.footer-links{margin-top:15px;display:flex;justify-content:center;gap:20px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--snorkel-blue)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;padding:20px 0}.featured-section,.specialized-section{margin-bottom:80px}.section-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--border-light) 20%,var(--border-light) 80%,transparent 100%);margin:60px 0;position:relative}html.dark-theme .section-divider{background:linear-gradient(90deg,transparent 0%,var(--dark-border-light) 20%,var(--dark-border-light) 80%,transparent 100%)}@media (max-width: 1200px){.leaderboard-grid{padding:0 30px;max-width:900px}.leaderboard-grid>*{flex:0 0 calc(50% - 40px);margin:20px}#specialized-tasks .leaderboard-grid>*{flex:0 0 calc(50% - 40px);margin:20px}}@media (max-width: 768px){.leaderboard-grid{padding:0 10px;max-width:470px}.leaderboard-grid>*{flex:0 0 calc(100% - 40px);margin:20px}#specialized-tasks .leaderboard-grid>*{flex:0 0 calc(100% - 40px);margin:20px}.leaderboard-header{flex-direction:column;gap:40px;margin-bottom:60px;padding:0 10px}.header-left,.header-right{max-width:100%;text-align:center}.header-left{order:1}.header-mascot{justify-content:center}.header-right{order:2;align-items:center}.leaderboard-header p{text-align:center}.header-buttons{justify-content:center}.bubbles-container{left:50%;transform:translate(-50%)}.bubble-1{left:-8px}.bubble-2{left:2px}.bubble-3{left:-4px}.leaderboard-header{margin-bottom:40px;gap:30px}.leaderboard-header h1{font-size:2.2rem;line-height:1.2}.leaderboard-grid{padding:0 5px}.leaderboard-sections{padding:30px 15px;margin:30px 0}.cta-section{padding:40px 20px;margin:60px 0 30px}.leaderboard-footer{padding:30px 15px;margin-top:40px}.section-header h2{font-size:1.8rem}.section-header p{font-size:1rem;padding:0 10px}.card-grid{grid-template-columns:1fr;gap:20px}.cta-buttons{flex-direction:column;align-items:center;gap:15px}.cta-section .snorkel-btn-primary,.snorkel-btn-secondary{width:100%;max-width:280px;padding:16px 24px}}@media (max-width: 480px){.leaderboard-header h1{font-size:1.8rem;line-height:1.1}.leaderboard-header p{font-size:1rem}.dr-bubbles{width:70px;height:70px}.section-header h2{font-size:1.5rem}.section-header p{font-size:.95rem}.cta-section{padding:30px 15px}.cta-section h3{font-size:1.8rem}.cta-section p{font-size:1rem}.footer-links{flex-direction:column;gap:10px}.snorkel-btn-primary,.snorkel-btn-secondary{font-size:.9rem;padding:12px 20px}}.snorkel-style-popup{position:fixed;bottom:30px;right:30px;width:380px;max-width:calc(100vw - 60px);background:var(--background-primary);border-radius:16px;box-shadow:0 20px 40px #00000026;z-index:1000;border:1px solid var(--border-light);animation:slideIn .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.snorkel-style-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#3b82f6);border-radius:16px 16px 0 0}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.snorkel-popup-header{display:flex;justify-content:flex-end;padding:15px 15px 0}.snorkel-close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:5px;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .2s}.snorkel-close-btn:hover{background-color:var(--background-secondary);color:var(--text-primary)}.snorkel-popup-content{padding:0 25px 25px}.snorkel-popup-content h3{font-size:1.3rem;margin-bottom:12px;color:var(--text-primary);font-weight:600}.snorkel-popup-description{font-size:.95rem;color:var(--text-secondary);line-height:1.5;margin-bottom:20px}.snorkel-popup-image{margin-bottom:20px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.evaluation-chart{width:100%;height:auto;display:block}.snorkel-action-btn{background:linear-gradient(90deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 4px 12px #1e3a8a33;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:inherit;letter-spacing:.02em}.snorkel-action-btn:hover{background:linear-gradient(90deg,#1e40af,#2563eb);box-shadow:0 6px 16px #1e3a8a4d;transform:translateY(-1px)}.btn-icon{width:16px;height:16px;fill:currentColor;transition:transform .2s}.snorkel-action-btn:hover .btn-icon{transform:translate(2px)}.cta-section .snorkel-btn-secondary{background-color:transparent;color:var(--snorkel-blue);border:2px solid var(--snorkel-blue);padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;display:inline-flex;align-items:center;justify-content:center}html.dark-theme .snorkel-style-popup{background:var(--dark-background-card);border-color:var(--dark-border-light)}html.dark-theme .snorkel-style-popup:before{background:linear-gradient(90deg,var(--snorkel-blue-light) 0%,var(--snorkel-teal-light) 100%)}html.dark-theme .snorkel-close-btn{color:var(--dark-text-secondary)}html.dark-theme .snorkel-close-btn:hover{background-color:var(--dark-background-secondary);color:var(--dark-text-primary)}html.dark-theme .snorkel-popup-content h3{color:var(--dark-text-primary)}html.dark-theme .snorkel-popup-description{color:var(--dark-text-secondary)}html.dark-theme .snorkel-popup-image{box-shadow:0 4px 12px #0000004d}html.dark-theme .snorkel-action-btn{background:linear-gradient(90deg,var(--snorkel-blue-light) 0%,var(--snorkel-teal-light) 100%);box-shadow:0 4px 12px #60a5fa33}html.dark-theme .snorkel-action-btn:hover{background:linear-gradient(90deg,var(--snorkel-teal-light) 0%,var(--snorkel-blue-light) 100%);box-shadow:0 6px 16px #60a5fa4d}#specialized-tasks .leaderboard-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.cta-section .snorkel-btn-primary:hover,.cta-section .snorkel-btn-secondary:hover{transform:translateY(-2px)}html.dark-theme .bubble{background-color:#60a5fab3;box-shadow:inset 0 0 8px #60a5fa66,0 0 8px #60a5fa4d}.speech-bubble{position:absolute;top:-45px;left:50%;transform:translate(-50%);background-color:var(--background-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:.8rem;white-space:nowrap;box-shadow:0 4px 12px #00000026;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10;border:1px solid var(--border-light)}.speech-bubble:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--background-primary)}.header-left:hover .speech-bubble,.header-mascot:hover .speech-bubble{opacity:1;animation:bounce .6s ease}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-5px)}60%{transform:translate(-50%) translateY(-3px)}}html.dark-theme .speech-bubble{background-color:var(--dark-background-card);color:var(--dark-text-primary);border-color:var(--dark-border-light)}html.dark-theme .speech-bubble:after{border-top-color:var(--dark-background-card)}@media (max-width: 768px){.snorkel-style-popup{bottom:20px;right:20px;left:20px;width:auto;max-width:none}.snorkel-popup-content{padding:0 20px 20px}.snorkel-popup-content h3{font-size:1.2rem}.snorkel-popup-description{font-size:.9rem}.header-left:hover .speech-bubble{display:none}}.category-details-container{max-width:1600px;margin:0 auto;padding:30px 20px;position:relative}.back-button{position:sticky;top:20px;left:0;z-index:100;margin-bottom:20px;display:flex;justify-content:flex-start}.category-header{margin:40px auto 50px;text-align:center;max-width:900px}.category-header h1{font-size:3rem;margin-bottom:20px;color:var(--text-primary);font-weight:700;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1);background:linear-gradient(90deg,#1e3a8a,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html.dark-theme .category-header h1{background:linear-gradient(135deg,var(--dark-text-primary),var(--snorkel-blue-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.3)}.category-description{font-size:1.2rem;color:var(--text-secondary);line-height:1.7;max-width:800px;margin:0 auto}html.dark-theme .category-description{color:var(--dark-text-secondary)}.cards-layout{display:flex;flex-direction:column;gap:30px;margin-bottom:40px}.description-card-row,.data-sample-card-row,.methodology-card-row{display:grid;grid-template-columns:1fr;margin-bottom:10px}.performance-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px}.info-card{background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;border:1px solid var(--border-light);position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.info-card.description-card{min-height:200px}.info-card.sample-card{padding-right:30px;max-height:none;overflow:visible}.info-card.methodology-card{min-height:200px}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#1e40af,#3b82f6);border-radius:16px 16px 0 0;box-shadow:0 2px 8px #1e3a8a4d}html.dark-theme .info-card{background:linear-gradient(135deg,var(--dark-background-card) 0%,var(--dark-background-secondary) 100%);border-color:var(--dark-border-light);box-shadow:0 4px 20px #00000040,0 1px 3px #0000004d}.info-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014}html.dark-theme .info-card:hover{box-shadow:0 20px 40px #0006,0 8px 16px #0000004d}.info-card h2{font-size:1.5rem;margin-bottom:25px;color:var(--text-primary);text-align:left;position:relative;font-weight:600;padding-top:10px;word-wrap:break-word;overflow-wrap:break-word}.performance-card h2{font-size:1.4rem;margin:0;color:var(--text-primary);text-align:center;position:relative;font-weight:600}html.dark-theme .info-card h2,html.dark-theme .performance-card h2{color:var(--dark-text-primary)}.info-card p{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:20px;text-align:left}.info-card p a{color:var(--snorkel-blue);text-decoration:underline;text-decoration-color:var(--snorkel-blue);text-underline-offset:2px;font-weight:500;transition:all .2s ease;cursor:pointer}.info-card p a:hover{color:var(--snorkel-dark-blue);text-decoration-color:var(--snorkel-dark-blue);text-decoration-thickness:2px;background-color:#3b82f61a;padding:1px 3px;border-radius:3px}html.dark-theme .info-card p a{color:var(--snorkel-blue-light);text-decoration-color:var(--snorkel-blue-light)}html.dark-theme .info-card p a:hover{color:var(--snorkel-teal-light);text-decoration-color:var(--snorkel-teal-light);background-color:#60a5fa26}html.dark-theme .info-card p{color:var(--dark-text-secondary)}.chart-container{height:380px;padding:15px 0;width:100%;margin-left:-5px;flex-grow:1;margin-top:10px}html.dark-theme .chart-container canvas{filter:brightness(.95)}.loading{text-align:center;padding:80px;font-size:1.3rem;color:var(--text-secondary)}html.dark-theme .loading{color:var(--dark-text-secondary)}.sample-question{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-tertiary) 100%);border-radius:12px;padding:20px;margin-top:15px;border:1px solid var(--border-light);position:relative;flex-shrink:0;word-wrap:break-word;overflow-wrap:break-word}html.dark-theme .sample-question{background:linear-gradient(135deg,var(--dark-background-secondary) 0%,var(--dark-background-tertiary) 100%);border-color:var(--dark-border-light)}.question-domain-difficulty{display:flex;gap:25px;margin-bottom:20px;padding-top:5px}.metadata-item{font-size:.95rem;color:var(--text-secondary);padding:8px 16px;background-color:var(--background-primary);border-radius:20px;border:1px solid var(--border-light)}.metadata-item strong{color:var(--text-primary);font-weight:600}html.dark-theme .metadata-item{color:var(--dark-text-secondary);background-color:var(--dark-background-primary);border-color:var(--dark-border-light)}html.dark-theme .metadata-item strong{color:var(--dark-text-primary)}.question-section h3{font-size:1.1rem;margin-bottom:12px;color:var(--text-primary);font-weight:600}html.dark-theme .question-section h3{color:var(--dark-text-primary)}.question-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:15px;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.options-list{display:flex;flex-direction:column;gap:8px;margin-top:15px}.option-item{background:var(--background-primary);border:1px solid var(--border-light);border-radius:8px;padding:12px 16px;color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:all .2s ease;margin-bottom:0}html.dark-theme .option-item{background:var(--dark-background-primary);border-color:var(--dark-border-light);color:var(--dark-text-secondary)}.answer-box{background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;padding:6px 12px;border-radius:6px;font-weight:600;font-family:Consolas,Monaco,Menlo,monospace;font-size:1rem;display:inline-block;margin:2px 4px;box-shadow:0 2px 4px #1e3a8a4d;border:1px solid rgba(59,130,246,.5)}html.dark-theme .answer-box{background:linear-gradient(135deg,var(--snorkel-blue-light) 0%,var(--snorkel-teal-light) 100%);box-shadow:0 2px 4px #3b82f666;border:1px solid rgba(139,69,19,.3)}.performance-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;flex-shrink:0;padding-bottom:15px;position:relative}.title-container{text-align:center;flex:1}.subtitle{font-size:.95rem;color:var(--text-tertiary);margin-top:6px;font-weight:500;letter-spacing:.02em}html.dark-theme .subtitle{color:var(--dark-text-tertiary)}.nav-button{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-tertiary) 100%);border:1px solid var(--border-light);border-radius:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);font-size:1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 1px 2px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.nav-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 .5s ease}.nav-button:hover:before{left:100%}.nav-button:hover{background:linear-gradient(135deg,var(--background-tertiary) 0%,var(--background-secondary) 100%);transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014;border-color:var(--snorkel-blue)}.nav-button:active{transform:translateY(0) scale(1.02)}.nav-button:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0000000a,0 1px 2px #0000000d}.nav-button:disabled:before{display:none}html.dark-theme .nav-button{background:linear-gradient(135deg,var(--dark-background-secondary) 0%,var(--dark-background-tertiary) 100%);border-color:var(--dark-border-light);color:var(--dark-text-primary);box-shadow:0 2px 8px #00000026,0 1px 2px #0003}html.dark-theme .nav-button:hover{background:linear-gradient(135deg,var(--dark-background-tertiary) 0%,var(--dark-background-secondary) 100%);box-shadow:0 8px 20px #00000040,0 4px 8px #00000026;border-color:var(--snorkel-blue-light)}@keyframes gradientPulse{0%,to{opacity:1}50%{opacity:.8}}.performance-card:before{animation:gradientPulse 3s ease-in-out infinite}@media (max-width: 1400px){.category-details-container{max-width:1200px}}@media (max-width: 1200px){.category-details-container{max-width:1000px}.cards-layout{gap:25px}.performance-cards-row{gap:30px}}@media (max-width: 992px){.performance-cards-row{grid-template-columns:1fr;gap:25px}.performance-card{min-height:auto}.chart-container{height:320px}.info-card.sample-card{padding-right:25px}}@media (max-width: 768px){.category-details-container{padding:20px 15px}.back-button{position:static;margin-bottom:25px;top:auto;left:auto}.category-header{margin:20px auto 35px}.category-header h1{font-size:2.2rem;line-height:1.2}.category-description{font-size:1.1rem;padding:0 10px}.info-card{padding:25px;border-radius:12px}.performance-card{padding:15px;border-radius:12px}.info-card.sample-card{padding:25px 20px;max-height:none;overflow:visible}.info-card.description-card,.info-card.methodology-card{min-height:auto;max-height:none}.cards-layout{gap:20px}.performance-header{flex-direction:column;gap:20px;padding-bottom:15px;margin-bottom:25px}.performance-header h2{font-size:1.3rem}.subtitle{font-size:.9rem}.chart-container{height:280px;margin-left:-5px;padding:10px 0}.nav-button{width:40px;height:40px;font-size:1.1rem}.question-domain-difficulty{flex-direction:column;gap:12px}.metadata-item{align-self:flex-start;font-size:.9rem;padding:6px 12px}.overview-images{flex-direction:column;gap:15px;margin-top:20px}.overview-image{max-width:100%;width:100%;border-radius:8px;order:unset}.sample-image-container{margin-top:15px}.sample-image{border-radius:8px}}@media (max-width: 480px){.category-details-container{padding:15px 10px}.back-button{margin-bottom:20px}.category-header{margin:15px auto 25px}.category-header h1{font-size:1.8rem;line-height:1.1}.category-description{font-size:1rem;padding:0 5px}.info-card{padding:20px 15px;border-radius:10px}.performance-card{padding:10px;border-radius:10px}.info-card.sample-card{padding:20px 15px}.cards-layout{gap:15px}.performance-header h2{font-size:1.2rem}.subtitle{font-size:.85rem}.chart-container{height:250px;margin-left:-2px;padding:8px 0}.nav-button{width:36px;height:36px;font-size:1rem}.metadata-item{font-size:.85rem;padding:5px 10px}.back-button .snorkel-btn-secondary{padding:10px 16px;font-size:.9rem}}@media (max-width: 320px){.category-details-container{padding:10px 8px}.back-button{margin-bottom:15px}.back-button .snorkel-btn-secondary{padding:8px 12px;font-size:.85rem;white-space:nowrap}.category-header{margin:10px auto 20px}.category-header h1{font-size:1.6rem;line-height:1.1}.category-description{font-size:.95rem;padding:0}.info-card{padding:15px 12px;border-radius:8px}.performance-card{padding:8px;border-radius:8px}.info-card.sample-card{padding:15px 12px}.cards-layout{gap:12px}.performance-header h2{font-size:1.1rem}.subtitle{font-size:.8rem}.chart-container{height:220px;margin-left:0;padding:5px 0}.nav-button{width:32px;height:32px;font-size:.9rem}.metadata-item{font-size:.8rem;padding:4px 8px}.info-card h2{font-size:1.3rem;margin-bottom:20px}.info-card p{font-size:.9rem;line-height:1.5}}.performance-card{background:linear-gradient(135deg,var(--background-primary) 0%,var(--background-secondary) 100%);border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;border:1px solid var(--border-light);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:550px;display:flex;flex-direction:column;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.performance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1e3a8a,#1e40af,#3b82f6);border-radius:16px 16px 0 0;box-shadow:0 2px 8px #1e3a8a4d}html.dark-theme .performance-card{background:linear-gradient(135deg,var(--dark-background-card) 0%,var(--dark-background-secondary) 100%);border-color:var(--dark-border-light);box-shadow:0 4px 20px #00000040,0 1px 3px #0000004d}.performance-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0000001f,0 8px 16px #00000014}html.dark-theme .performance-card:hover{box-shadow:0 20px 40px #0006,0 8px 16px #0000004d}.back-button .snorkel-btn-secondary{background:linear-gradient(135deg,var(--background-secondary) 0%,var(--background-tertiary) 100%);border:1px solid var(--border-light);border-radius:12px;padding:12px 20px;color:var(--text-primary);text-decoration:none;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000014,0 1px 2px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:inline-flex;align-items:center;gap:8px}.back-button .snorkel-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f,0 4px 8px #00000014;border-color:var(--snorkel-blue)}html.dark-theme .back-button .snorkel-btn-secondary{background:linear-gradient(135deg,var(--dark-background-secondary) 0%,var(--dark-background-tertiary) 100%);border-color:var(--dark-border-light);color:var(--dark-text-primary);box-shadow:0 2px 8px #00000026,0 1px 2px #0003}html.dark-theme .back-button .snorkel-btn-secondary:hover{box-shadow:0 8px 20px #00000040,0 4px 8px #00000026;border-color:var(--snorkel-blue-light)}.methodology-content{margin-top:0}.methodology-content p{margin-bottom:16px;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.methodology-content p:last-child{margin-bottom:0}.overview-images{display:flex;flex-direction:row;gap:20px;margin-top:25px;align-items:flex-start;justify-content:center}.overview-image{max-width:45%;width:45%;height:auto;border-radius:12px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-primary)}.overview-image:first-child{order:1}.overview-image:last-child{order:2}html.dark-theme .overview-image{border-color:var(--dark-border-light);box-shadow:0 4px 20px #00000040,0 1px 3px #0000004d;background:var(--dark-background-primary)}.overview-image:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f,0 3px 6px #00000014}html.dark-theme .overview-image:hover{box-shadow:0 8px 25px #0000004d,0 3px 6px #0003}.sample-image-container{display:flex;justify-content:center;margin-top:20px}.sample-image{max-width:70%;width:70%;height:auto;border-radius:12px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;border:1px solid var(--border-light);transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-primary)}html.dark-theme .sample-image{border-color:var(--dark-border-light);box-shadow:0 4px 20px #00000040,0 1px 3px #0000004d;background:var(--dark-background-primary)}.sample-image:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f,0 3px 6px #00000014}html.dark-theme .sample-image:hover{box-shadow:0 8px 25px #0000004d,0 3px 6px #0003}:root{--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-heading: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--snorkel-blue: #3b82f6;--snorkel-teal: #14b8a6;--snorkel-dark-blue: #1e40af;--snorkel-light-blue: #93c5fd;--snorkel-blue-light: #60a5fa;--snorkel-teal-light: #2dd4bf;--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-light: #94a3b8;--text-inverse: #ffffff;--border-light: rgba(226, 232, 240, .8);--border-medium: rgba(203, 213, 225, .8);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .04), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .04), 0 4px 6px -2px rgba(0, 0, 0, .02);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .12), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-xl: 24px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s}:root{--dark-background-primary: #111827;--dark-background-secondary: #1f2937;--dark-background-tertiary: #1e293b;--dark-background-card: #1e293b;--dark-text-primary: #f1f5f9;--dark-text-secondary: #cbd5e1;--dark-text-light: #94a3b8;--dark-border-light: rgba(55, 65, 81, .8);--dark-border-medium: rgba(75, 85, 99, .8);--dark-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--dark-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .4);--dark-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .5);--dark-gradient-blue: #3b82f6;--dark-gradient-teal: #0ea5e9}html.dark-theme{--background-primary: var(--dark-background-primary);--background-secondary: var(--dark-background-secondary);--background-tertiary: var(--dark-background-tertiary);--text-primary: var(--dark-text-primary);--text-secondary: var(--dark-text-secondary);--text-light: var(--dark-text-light);--border-light: var(--dark-border-light);--border-medium: var(--dark-border-medium);--shadow-sm: var(--dark-shadow-sm);--shadow-md: var(--dark-shadow-md);--shadow-lg: var(--dark-shadow-lg);--card-background: var(--dark-background-card);--chart-background: rgba(30, 41, 59, .8);--chart-grid-color: rgba(255, 255, 255, .06)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.02em}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}p{font-family:var(--font-primary);color:var(--text-secondary);line-height:1.6}.snorkel-btn-primary{background:linear-gradient(90deg,#1e3a8a,#3b82f6);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all .3s ease-out;height:48px;line-height:24px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #1e3a8a33}.snorkel-btn-primary:hover{background:linear-gradient(90deg,#1e40af,#2563eb);box-shadow:0 6px 16px #1e3a8a4d;transform:translateY(-1px)}.snorkel-btn-secondary{background-color:transparent;color:var(--snorkel-blue);border:1px solid var(--snorkel-blue);padding:12px 24px;border-radius:var(--border-radius-md);font-weight:500;cursor:pointer;transition:all .2s;height:48px;line-height:24px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}.snorkel-btn-secondary:hover{background-color:var(--snorkel-light-blue)}.no-match-container{max-width:600px;margin:100px auto;text-align:center;padding:0 20px}.no-match-container h1{font-size:6rem;margin:0;color:var(--snorkel-blue);line-height:1}html.dark-theme .no-match-container h1{color:var(--snorkel-blue-light)}.no-match-container h2{font-size:2rem;margin:20px 0;color:var(--text-primary)}.no-match-container p{font-size:1.1rem;margin-bottom:30px;color:var(--text-secondary)}.no-match-container button{padding:12px 30px;font-size:1rem}