*{box-sizing:border-box}body{margin:0;font-family:'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0.5px;color:#212121;background-color:#FAFAFA}h1{font-size:96px;font-weight:300;letter-spacing:-1.5px;line-height:1.167;margin:32px 0 24px}@media (max-width: 960px){h1{font-size:60px}}@media (max-width: 600px){h1{font-size:48px}}h2{font-size:60px;font-weight:300;letter-spacing:-0.5px;line-height:1.2;margin:32px 0 24px}@media (max-width: 960px){h2{font-size:48px}}@media (max-width: 600px){h2{font-size:34px}}h3{font-size:48px;font-weight:400;letter-spacing:0;line-height:1.167;margin:24px 0 16px}@media (max-width: 960px){h3{font-size:34px}}@media (max-width: 600px){h3{font-size:24px}}h4{font-size:34px;font-weight:400;letter-spacing:0.25px;line-height:1.235;margin:24px 0 16px}@media (max-width: 600px){h4{font-size:24px}}h5{font-size:24px;font-weight:400;letter-spacing:0;line-height:1.334;margin:16px 0 8px}h6{font-size:20px;font-weight:500;letter-spacing:0.15px;line-height:1.6;margin:16px 0 8px}p{margin:0 0 16px}a{color:#3F51B5;text-decoration:none;transition:color 0.3s ease}a:hover{color:#1A237E;text-decoration:underline}.mdl-layout__header{background-color:#1A237E;color:#fff;box-shadow:0 4px 8px rgba(0,0,0,0.12),0 4px 6px rgba(0,0,0,0.24)}.mdl-layout__header .mdl-layout__header-row{height:64px;padding:0 16px}@media (max-width: 600px){.mdl-layout__header .mdl-layout__header-row{height:56px}}.mdl-layout__header .mdl-layout-title{font-size:20px;font-weight:500;letter-spacing:0.02em}@media (max-width: 600px){.mdl-layout__header .mdl-layout-title.hide-on-mobile{display:none}}.mdl-layout__header .mdl-navigation__link{color:#fff;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:0.04em;text-decoration:none;opacity:0.87}.mdl-layout__header .mdl-navigation__link:hover{text-decoration:none}.mdl-layout__header .mdl-navigation__link:hover{opacity:1;background-color:rgba(255,255,255,0.12)}@media (min-width: 1025px){.mdl-layout__drawer-button{display:none !important}}.mdl-layout__drawer .mdl-layout-title{background-color:#3F51B5;color:#fff;height:64px;display:flex;align-items:center;padding-left:16px}.mdl-layout__drawer .mdl-navigation__link{padding:16px;color:#212121;text-decoration:none}.mdl-layout__drawer .mdl-navigation__link:hover{background-color:#FAFAFA;text-decoration:none}.hero-section{background:linear-gradient(135deg, #3F51B5 0%, #1A237E 100%);color:#fff;padding:64px 24px;text-align:center}.hero-section h1{margin-top:0;font-weight:300}.hero-section p{font-size:20px;line-height:1.5;max-width:800px;margin:0 auto;opacity:0.87}.dataset-cards{padding:48px 24px}.dataset-cards .mdl-grid{max-width:1200px;margin:0 auto}.dataset-cards .mdl-cell{display:flex}.dataset-cards .dataset-card{width:100%;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24);transition:box-shadow 0.3s ease;overflow:hidden;display:flex;flex-direction:column}.dataset-cards .dataset-card:hover{box-shadow:0 8px 16px rgba(0,0,0,0.12),0 8px 12px rgba(0,0,0,0.24)}.dataset-cards .dataset-card .mdl-card__title{padding:24px;min-height:176px;display:flex;align-items:flex-end}.dataset-cards .dataset-card .mdl-card__title.FAMuS-card{background-color:#7B1FA2}.dataset-cards .dataset-card .mdl-card__title.SEAMuS-card{background-color:#00796B}.dataset-cards .dataset-card .mdl-card__title.megawika-card{background-color:#7B1FA2}.dataset-cards .dataset-card .mdl-card__title h2{color:#fff;font-size:34px;font-weight:400;line-height:1;margin:0}.dataset-cards .dataset-card .mdl-card__supporting-text{padding:16px;flex-grow:1}.dataset-cards .dataset-card .mdl-card__supporting-text h4{color:#212121;font-size:20px;font-weight:500;margin:0 0 8px}.dataset-cards .dataset-card .mdl-card__supporting-text p{color:#757575;font-size:14px;line-height:1.5}.dataset-cards .dataset-card .mdl-card__supporting-text ul{margin:8px 0 0;padding-left:24px}.dataset-cards .dataset-card .mdl-card__supporting-text ul li{color:#757575;font-size:14px;line-height:1.5;margin-bottom:8px}.dataset-cards .dataset-card .mdl-card__actions{padding:8px 16px;display:flex;gap:8px;border-top:1px solid rgba(0,0,0,0.12)}.dataset-cards .dataset-card .mdl-card__actions .mdl-button{text-transform:uppercase;font-weight:500;letter-spacing:0.04em}.explorer-container{padding:24px;max-width:1600px;margin:0 auto}.search-panel{margin:0 auto 32px;max-width:800px;background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24)}.search-panel .mdl-card__title{background-color:#3F51B5;color:#fff}.search-panel .mdl-card__title h2{font-size:24px;font-weight:400;margin:0}.search-panel .dataset-selector{text-align:center;margin-bottom:24px}.search-panel .dataset-selector .mdl-radio{margin:0 16px}.search-panel .search-filters{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:24px 0}.search-panel .mdl-textfield{width:100%}.navigation-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.navigation-controls .nav-info{margin:0 16px;font-weight:500;color:#757575}.example-viewer .top-section{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-bottom:24px}@media (max-width: 960px){.example-viewer .top-section{grid-template-columns:1fr}}.example-viewer .frame-info,.example-viewer .text-panel{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24)}.example-viewer .frame-info .mdl-card__title,.example-viewer .text-panel .mdl-card__title{background-color:#FAFAFA;border-bottom:1px solid rgba(0,0,0,0.12);padding:16px}.example-viewer .frame-info .mdl-card__title h2,.example-viewer .frame-info .mdl-card__title h3,.example-viewer .text-panel .mdl-card__title h2,.example-viewer .text-panel .mdl-card__title h3{font-size:20px;font-weight:500;margin:0;color:#212121}.example-viewer .frame-info .mdl-card__supporting-text,.example-viewer .text-panel .mdl-card__supporting-text{padding:16px}.example-viewer .text-content{line-height:1.8;font-size:16px;max-height:600px;overflow-y:auto;padding:8px}.example-viewer .text-content .annotation{padding:2px 4px;border-radius:3px;cursor:help;transition:opacity 0.2s}.example-viewer .text-content .annotation:hover{opacity:0.8}.example-viewer .text-content .annotation sub{font-size:0.7em;margin-left:2px}.search-results h3{text-align:center;color:#212121;margin-bottom:24px}.search-results .results-list{display:grid;grid-template-columns:repeat(auto-fill, minmax(400px, 1fr));gap:24px}@media (max-width: 600px){.search-results .results-list{grid-template-columns:1fr}}.search-results .result-item{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24);cursor:pointer;transition:all 0.3s ease}.search-results .result-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,0.12),0 8px 12px rgba(0,0,0,0.24)}.search-results .result-item .mdl-card__title{background-color:#FAFAFA;padding:16px}.search-results .result-item .mdl-card__title h4{font-size:18px;font-weight:500;margin:0;color:#212121}.search-results .result-item .result-preview{color:#757575;font-size:14px;line-height:1.4}.empty-state{text-align:center;padding:64px 24px;color:#BDBDBD}.empty-state .material-icons{font-size:80px;margin-bottom:24px}.empty-state p{font-size:20px;margin:0}.frame-hierarchy{position:fixed;top:80px;right:24px;width:400px;max-height:80vh;background-color:#fff;border-radius:4px;box-shadow:0 16px 32px rgba(0,0,0,0.12),0 16px 24px rgba(0,0,0,0.24);z-index:100;overflow:hidden}@media (max-width: 1280px){.frame-hierarchy{position:relative;top:auto;right:auto;width:100%;max-height:500px;margin-top:24px}}.frame-hierarchy .mdl-card__title{background-color:#3F51B5;color:#fff;padding:16px;display:flex;align-items:center}.frame-hierarchy .mdl-card__title h2{font-size:20px;font-weight:500;margin:0;flex-grow:1}.frame-hierarchy .hierarchy-tree{max-height:60vh;overflow-y:auto;padding:16px}.frame-hierarchy .hierarchy-tree .frame-item{display:flex;align-items:center;padding:8px 16px;cursor:pointer;border-radius:4px;transition:background-color 0.2s}.frame-hierarchy .hierarchy-tree .frame-item:hover{background-color:#FAFAFA}.frame-hierarchy .hierarchy-tree .frame-item.child{margin-left:24px}.frame-hierarchy .hierarchy-tree .frame-item .material-icons{margin-right:8px;color:#3F51B5;font-size:18px}.benchmarks-container{max-width:1400px;margin:0 auto;padding:24px}.benchmarks-header{text-align:center;margin-bottom:48px}.benchmarks-header h2{color:#212121;margin-bottom:16px}.benchmarks-header p{color:#757575;font-size:18px}.dataset-tabs{display:flex;justify-content:center;margin-bottom:48px;gap:8px}.dataset-tabs .tab-button{padding:16px 24px;background-color:transparent;color:#3F51B5;border:2px solid #3F51B5;border-radius:4px;cursor:pointer;transition:all 0.3s ease;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:0.04em}.dataset-tabs .tab-button:hover{background-color:rgba(63,81,181,0.08)}.dataset-tabs .tab-button.active{background-color:#3F51B5;color:#fff}.benchmarks-content .metric-section{margin-bottom:48px}.benchmarks-content .metric-section h3{color:#212121;text-align:center;margin-bottom:32px}.benchmarks-content .table-container{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24);overflow:hidden;margin-bottom:32px}.benchmarks-content .table-container h4{font-size:20px;font-weight:500;padding:16px;margin:0;background-color:#FAFAFA;border-bottom:1px solid rgba(0,0,0,0.12)}.benchmarks-content .mdl-data-table{width:100%;border:0;background-color:#fff}.benchmarks-content .mdl-data-table th{background-color:#FAFAFA;font-weight:500;color:#757575;text-align:left;padding:16px;font-size:14px;text-transform:uppercase;letter-spacing:0.04em}.benchmarks-content .mdl-data-table td{padding:16px;color:#212121;border-bottom:1px solid rgba(0,0,0,0.12);font-size:14px}.benchmarks-content .mdl-data-table tbody tr{transition:background-color 0.2s}.benchmarks-content .mdl-data-table tbody tr:hover{background-color:#FAFAFA}.benchmarks-content .mdl-data-table tbody tr:last-child td{border-bottom:none}.benchmarks-content .mdl-data-table th.numeric,.benchmarks-content .mdl-data-table td.numeric{text-align:right}.benchmarks-content .mdl-data-table .model-name{font-weight:500}.metrics-explanation{margin-top:64px}.metrics-explanation h3{text-align:center;color:#212121;margin-bottom:32px}.metrics-explanation .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:24px}.metrics-explanation .metric-card{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,0.12),0 2px 3px rgba(0,0,0,0.24);overflow:hidden}.metrics-explanation .metric-card .mdl-card__title{background-color:#3F51B5;color:#fff;padding:16px}.metrics-explanation .metric-card .mdl-card__title h4{font-size:18px;font-weight:500;margin:0}.metrics-explanation .metric-card .mdl-card__supporting-text{padding:16px;line-height:1.6;color:#757575;font-size:14px}.about-content{max-width:800px;margin:0 auto;padding:32px 24px}.about-content h2{color:#3F51B5;margin-top:48px;margin-bottom:24px}.about-content h3{color:#212121;margin-top:32px;margin-bottom:16px}.about-content h4{color:#212121;margin-top:24px;margin-bottom:16px}.about-content ul{margin:16px 0;padding-left:32px}.about-content ul li{margin-bottom:8px;line-height:1.6}.about-content div[style*="background-color"]{background-color:#FAFAFA !important;padding:16px !important;border-radius:4px !important;border:1px solid rgba(0,0,0,0.12) !important;font-family:'Roboto Mono', monospace !important;font-size:13px !important;line-height:1.4 !important;overflow-x:auto !important}section[style*="background-color"]{background-color:#FAFAFA !important;padding:48px 0 !important;text-align:center}section[style*="background-color"] h3{color:#212121;margin-bottom:24px}section[style*="background-color"] .mdl-button{margin:0 8px}.mdl-button--raised.mdl-button--colored{background-color:#3F51B5;color:#fff}.mdl-button--raised.mdl-button--colored:hover{background-color:#1A237E}.mdl-button--raised:not(.mdl-button--colored){background-color:#fff;color:#212121}.mdl-button--raised:not(.mdl-button--colored):hover{background-color:#FAFAFA}.text-center{text-align:center}.mt-20{margin-top:24px}.mb-20{margin-bottom:24px}.p-20{padding:24px}.loading{text-align:center;padding:48px}.loading .mdl-spinner{margin:0 auto}.metric-tooltip{position:absolute;z-index:1000;background-color:rgba(0,0,0,0.87);color:white;padding:8px 12px;border-radius:4px;font-size:14px;line-height:1.4;max-width:300px;word-wrap:break-word;opacity:0;visibility:hidden;transform:translateY(4px);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.metric-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.metric-tooltip::after{content:'';position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:rgba(0,0,0,0.87)}.metric-header{cursor:help;position:relative}.metric-header:hover{background-color:rgba(0,0,0,0.04)}.role-tooltip{position:absolute;z-index:1001;background-color:rgba(0,0,0,0.87);color:white;padding:12px 16px;border-radius:4px;font-size:14px;line-height:1.4;max-width:320px;word-wrap:break-word;opacity:0;visibility:hidden;transform:translateY(4px);transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.role-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.role-tooltip.persistent{pointer-events:auto;padding-right:40px}.role-tooltip::after{content:'';position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:rgba(0,0,0,0.87)}.tooltip-close{position:absolute;top:8px;right:8px;background:none;border:none;color:white;font-size:18px;font-weight:bold;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.tooltip-close:hover{background-color:rgba(255,255,255,0.1)}.role-popover{cursor:help}.role-popover:hover{opacity:0.8}.frame-no-examples{opacity:0.4;pointer-events:none;cursor:default}.frame-no-examples .frame-name{color:#999 !important}.frame-link-button.frame-no-examples{opacity:0.4;pointer-events:none;cursor:default;background-color:#f5f5f5 !important;color:#999 !important}.frame-link-button.frame-no-examples:hover{background-color:#f5f5f5 !important;box-shadow:0 1px 3px rgba(0,0,0,0.1) !important;transform:none !important}@media (max-width: 600px){.hero-section{padding:48px 16px}.hero-section h1{font-size:36px}.hero-section p{font-size:16px}.dataset-cards{padding:32px 16px}.benchmarks-container{padding:16px}.table-container{overflow-x:auto}}