:root{--header-offset:96px}html{scroll-padding-top:var(--header-offset)}.skip-link{z-index:60;color:#fff;background:var(--mint);border-radius:5px;padding:12px 18px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:10px}.hub-header{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;gap:28px;max-width:none;height:76px;padding:0 max(24px,50vw - 664px);position:sticky;top:0}.hub-header nav{gap:30px;display:flex}.hub-header nav>a{color:var(--muted);gap:8px;min-height:44px;font-size:14px}.hub-header nav svg{width:16px;height:16px;display:block}.hub-header nav .active{color:var(--mint)}.header-upload{min-height:42px;font-size:12px}#saved-count{padding:2px 6px;font-size:10px}.hub-hero{grid-template-columns:1.15fr 1fr;gap:32px;padding:30px 0 34px}.hero-copy h1{margin:16px 0 17px;font-size:53px}.hero-copy>.eyebrow{font-size:9px}.hero-description{font-size:14px;line-height:1.75}.hero-specimen{height:285px}.hero-actions{gap:22px;margin-top:22px}.hero-actions .button{min-height:42px;font-size:12px}.hero-upcoming-link{color:var(--muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.hero-upcoming-link svg{width:14px;height:14px}.specimen-top .eyebrow{font-size:8px}.catalog-section{border-top:1px solid var(--line);padding:30px 0 38px}.section-heading{align-items:center;gap:20px;margin-bottom:23px}.section-heading h2{font-size:28px;line-height:1.3}.catalog-description{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.65}.count-badge{vertical-align:middle;font-size:11px}.catalog-switch{flex:none}.catalog-switch button{min-height:40px;padding:9px 14px;font-size:12px}.catalog-toolbar{flex-wrap:nowrap;gap:12px;display:flex}.model-search{flex:auto;min-width:0;min-height:46px;padding:0 15px}.model-search input{min-height:44px;font-size:14px}.model-search svg{width:18px;height:18px}.model-search kbd{font-size:11px}.sort-control{border:1px solid var(--line);border-radius:5px;gap:9px;min-height:46px;padding:0 11px;font-size:12px}.sort-control select{max-width:145px;min-height:44px;padding-right:18px;font-size:12px}.sort-control svg{margin-left:-15px}.filter-toggle{gap:8px;min-height:46px;font-size:12px}.filter-toggle>svg:last-child{width:13px;height:13px;transition:transform .2s}.filter-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}#active-filter-count{background:var(--surface-soft);color:var(--ink);border-radius:3px;padding:1px 5px;font-size:11px}.model-filters{border:1px solid var(--line);background:var(--surface);border-radius:7px;grid-template-columns:1.6fr 1fr;gap:24px;margin-top:12px;padding:22px;display:grid}.model-filters .filter-group{border:0;margin:0;padding:0}.model-filters h3{margin:0 0 13px;font-size:10px}.type-filter-list{flex-wrap:wrap;gap:7px;display:flex}.model-filters .type-filter{border:1px solid var(--line);border-radius:5px;gap:7px;width:auto;min-height:38px;margin:0;padding:8px 10px;font-size:11px}.model-filters .type-filter small{margin-left:5px;font-size:10px}.model-filters .type-filter svg{width:15px;height:15px}#organism-filters{flex-wrap:wrap;gap:8px 18px;display:flex}.model-filters .organism-filter{gap:8px;min-height:38px;margin:0;padding:2px;font-size:12px}.model-filters .organism-filter small{margin-left:5px;font-size:10px}.model-filters .organism-filter input{width:16px;height:16px}#clear-filters{min-height:36px;color:var(--muted);grid-column:1/-1;justify-self:start;align-items:center;gap:7px;padding:0;font-size:12px;display:inline-flex}#clear-filters svg{width:13px;height:13px}.results-line{min-height:49px;padding:12px 1px;font-size:12px}#clear-active-filters{color:var(--ink);align-items:center;gap:7px;min-height:30px;font-size:12px;display:inline-flex}#clear-active-filters svg{width:13px;height:13px}.model-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.model-card{padding:18px 18px 0}.bookmark-button{width:32px;height:32px}.model-preview-viewport{height:190px}.organism-preview em{font-size:10px;line-height:1.4}.organism-preview figcaption{min-height:59px}.organism-preview-top{font-size:8px}.organism-3d-label,.organism-interaction{font-size:9px}.model-name{font-size:16px;line-height:1.5}.model-summary{min-height:53px;font-size:12px;line-height:1.85}.model-tags{gap:6px}.model-tags span{padding:4px 7px;font-size:9px}.card-bottom>a{justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.catalog-footnote{padding-top:20px;font-size:11px}.catalog-footnote button{min-height:36px;font-size:11px}.hub-footer{border-top:1px solid var(--line);padding:22px 0 30px}.hub-footer>p{font-size:11px}.hub-footer>div{font-size:12px}.hub-footer button{min-height:36px;font-size:12px}#model-page,#upcoming-page{min-height:calc(100vh - 160px)}.button{border-radius:9px;min-height:46px}.button-primary{box-shadow:0 3px 8px #18794e14}.button-outline{background:var(--surface)}.button-outline:hover{background:var(--surface-soft);border-color:#a5c8b1}.hub-hero{gap:44px;padding-block:48px}.hero-copy h1{letter-spacing:-2.6px;font-size:clamp(45px,4.6vw,66px)}.hero-description{font-size:16px}.hero-actions{flex-wrap:wrap;align-items:center}.hero-actions .button,.hero-upcoming-link{min-height:46px;font-size:13px}.hero-upcoming-link{color:var(--mint)}.hero-specimen{border:1px solid var(--line);background:radial-gradient(at 50% 45%,#dcefe1,#f0f7f1 68%);border-radius:24px;height:320px;overflow:hidden}.specimen-top{inset-inline:20px;top:18px}.specimen-caption{inset-inline:20px;bottom:16px}.specimen-caption strong{font-size:13px}.specimen-caption small{font-size:11px}.circle-button{width:44px;height:44px;color:var(--mint);background:#ffffffb3;flex:0 0 44px}.circle-button:hover{background:var(--surface)}.section-heading h2{font-size:30px}.catalog-description{font-size:14px}.catalog-switch{background:var(--surface);border-radius:9px;padding:4px}.catalog-switch button{border-radius:6px;min-height:44px}.catalog-switch button.active{color:var(--green-dark);background:#e0efe5}.model-search,.sort-control,.filter-toggle{background:var(--surface);border-radius:9px;min-height:48px}.model-search:focus-within{border-color:var(--mint);box-shadow:0 0 0 3px #18794e12}.model-search input{font-size:15px}.model-filters{background:#f0f6f1;border-radius:12px}.model-filters .type-filter{background:var(--surface);min-height:44px;font-size:12px}.model-filters .type-filter.active{color:var(--green-dark);background:#dcefe2;border-color:#8bb89a}.model-filters .organism-filter{min-height:44px}.organism-filter input{width:19px;height:19px}#clear-filters,#clear-active-filters{min-height:44px}.model-grid{align-items:stretch;gap:22px}.model-card,.model-card:hover{background:var(--surface);border-radius:15px}.model-card{padding:17px 18px 0;box-shadow:0 3px 14px #153b2a04}.model-card:hover{border-color:#a5c8b1;box-shadow:0 8px 24px #153b2a09}.model-card.featured-card{border-color:#a5c8b1}.card-top{margin-bottom:12px}.model-owner{font-size:12px}.model-avatar{border-radius:8px}.bookmark-button{border-radius:9px;width:44px;height:44px}.bookmark-button:hover,.bookmark-button.saved{background:var(--surface-soft);color:var(--mint)}.bookmark-button svg{width:19px;height:19px}.organism-preview{background:radial-gradient(at 50% 35%,#e2f0df,#f1f6ed 75%);border-radius:10px}.organism-preview:before{opacity:.12}.organism-preview figcaption{background:#f6faf4;gap:8px;padding:12px}.organism-preview strong{font-size:13px}.organism-preview em{font-size:10px}.organism-3d-label{color:var(--mint);background:#ffffffd9}.model-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;font-size:17px;display:flex}.model-summary{margin-top:2px;font-size:14px;line-height:1.7}.model-tags span{border-radius:5px;padding:5px 8px;font-size:11px}.card-bottom{min-height:57px;font-size:11px}.card-bottom>span:nth-child(2){font-size:10px}.card-bottom>a{border-radius:8px;width:44px;height:44px}.card-bottom>a:hover{background:var(--surface-soft)}.card-playground-link{min-height:44px;color:var(--green-dark);background:#f0f7f1;border:1px solid #d6e7db;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:17px 0 12px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.card-playground-link:hover{background:#e2f0e6;border-color:#a5c8b1}.card-playground-link svg{flex-shrink:0;width:16px;height:16px}.card-playground-link:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.detail-actions .detail-playground-link{flex-basis:100%;font-size:12px}.catalog-footnote,.catalog-footnote button{font-size:12px}.catalog-footnote button,.hub-footer button,.hub-footer>div>a{min-height:44px}.hub-footer{padding-bottom:32px}.info-dialog{border-radius:18px}.dialog-close,.upload-close{width:44px;height:44px}.back-link{align-items:center;min-height:44px;display:inline-flex}.model-detail-heading h1{overflow-wrap:anywhere}.detail-actions .button,.detail-tabs button{min-height:46px}.detail-tags span{background:var(--surface);border-radius:6px}.model-document>p,.model-description{font-size:15px;line-height:1.8}.model-stats strong{color:var(--mint)}.atlas-link,.model-callout{background:#edf6ed;border-radius:12px}.repository-files{border-radius:12px;overflow:hidden}.repository-file{min-height:52px}.upcoming-project{background:var(--surface);border-radius:14px}.upcoming-milestone{background:linear-gradient(125deg,#edf6eb,#e2f0e4);border-radius:18px}.upcoming-milestone-stats{background:#fff6}.upcoming-text-link,.upcoming-source-link,.upcoming-secondary-link{color:var(--mint);min-height:44px}.upcoming-primary-link{border-radius:8px;min-height:46px}.upcoming-next{background:#f0f6ee;border-left-color:#8cb39a}.upload-dialog{background:var(--surface)}.upload-header h2{color:var(--ink)}.upload-field label{color:var(--ink);font-size:13px}.upload-field input,.upload-field select,.upload-field textarea{background:#fbfdfb;min-height:46px}.upload-field input:focus,.upload-field select:focus,.upload-field textarea:focus{border-color:var(--mint)}.upload-field small,.upload-field-error{font-size:12px}.upload-footer{background:#f6faf5}.upload-back,.upload-next,.upload-file-remove{min-height:44px}.upload-file-remove{min-width:44px}.upload-dropzone{background:#f2f8ef;border-color:#a2bea9}.upload-dropzone:hover,.upload-dropzone.is-dragging{background:#e7f3e5}.upload-review-card{background:#f6faf3}.upload-storage-note{color:var(--muted)}#hub-toast{background:var(--green-dark);color:#fff;border-color:var(--green-dark)}@media (width<=1100px){.model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy h1{font-size:47px}.hub-header{gap:18px;padding-inline:25px}.hub-header nav{gap:22px}.hub-header nav>a{font-size:13px}.hub-header .brand{font-size:23px}.section-heading h2{font-size:26px}}@media (width<=720px){:root{--header-offset:84px}body{padding-bottom:calc(94px + env(safe-area-inset-bottom))}main{padding-inline:20px}.hub-header{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;grid-template-columns:minmax(0,1fr) auto;gap:10px;height:72px;min-height:72px;padding:10px 20px;display:grid}.hub-header .brand{font-size:23px}.hub-header nav{bottom:calc(12px + env(safe-area-inset-bottom));background:var(--surface);border:1px solid #cfe0d3;border-radius:18px;justify-content:space-between;gap:4px;width:calc(100% - 24px);max-width:430px;height:66px;padding:5px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #153b2a1a}.hub-header nav>a{border-radius:12px;flex-direction:column;flex:1;justify-content:center;gap:4px;height:54px;min-height:54px;padding:5px;font-size:11px}.hub-header nav>a.active{color:var(--green-dark);background:#e8f3ea}.hub-header nav .active:after{display:none}.hub-header nav svg{width:19px;height:19px}.header-upload{grid-area:1/2;min-height:44px;padding:10px 11px;font-size:11px}.header-upload svg{width:14px;height:14px}#saved-count{background:var(--surface);font-size:9px;position:absolute;top:5px;left:calc(50% + 9px)}.hub-hero{grid-template-columns:1fr;gap:20px;padding:25px 0 26px}.hero-copy h1{margin:14px 0 16px;font-size:48px}.hero-copy>.eyebrow{font-size:8px}.hero-description{font-size:15px}.hero-actions{gap:18px;margin-top:20px}.hero-actions .button{font-size:12px}.hero-upcoming-link{font-size:13px}.hero-specimen{border-radius:18px;height:260px}.section-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:18px}.section-heading h2{font-size:26px}.catalog-description{font-size:14px}.catalog-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.model-search{grid-column:1/-1;width:100%;min-height:46px}.model-search input{font-size:16px}.sort-control{justify-content:space-between;min-width:0;margin-left:0}.sort-control select{width:100%;min-width:0;font-size:16px}.filter-toggle{min-width:110px}.model-filters{grid-template-columns:1fr;gap:22px;padding:17px}.model-filters .type-filter,.model-filters .organism-filter{min-height:44px}.model-grid{grid-template-columns:1fr;gap:18px}.model-card{padding:17px 16px 0}.model-preview-viewport{height:190px}.organism-preview em{font-size:10px}.organism-interaction{font-size:9px}.model-summary{min-height:0;font-size:14px}.model-tags{margin-top:14px}.catalog-footnote{align-items:flex-start}.hub-footer{gap:13px;margin-inline:20px;padding-top:22px}.hub-footer>p{display:none}.hub-footer>div{flex-wrap:wrap;gap:16px}.upcoming-shell{padding-top:30px}.upcoming-milestone-summary,.upcoming-project-summary{font-size:14px}.upload-dialog{width:calc(100vw - 16px);max-width:none;max-height:calc(100dvh - 16px)}.upload-form{max-height:calc(100dvh - 16px)}.upload-body{overscroll-behavior:contain}.upload-header{padding:20px 18px 18px}.upload-header p{font-size:12px}.upload-steps{gap:8px;padding-inline:18px}.upload-steps li{font-size:11px}.upload-body,.upload-footer{padding-inline:18px}.upload-footer{padding-bottom:max(16px, env(safe-area-inset-bottom))}#hub-toast{bottom:calc(94px + env(safe-area-inset-bottom));max-width:calc(100% - 32px)}}@media (width<=400px){.hub-header{column-gap:8px;padding-inline:16px}.hub-header .brand{white-space:nowrap;gap:6px;font-size:clamp(18px,5.5vw,22px)}.hub-header .brand-mark{flex-shrink:0;width:26px;height:26px}.header-upload{padding-inline:9px}main{padding-inline:16px}.hero-copy h1{font-size:clamp(38px,11vw,44px)}.hero-actions{gap:8px 16px}.hero-actions .button{padding-inline:13px;font-size:12px}.hero-upcoming-link{font-size:12px}.specimen-top,.specimen-caption{inset-inline:14px}.specimen-caption strong{font-size:12px}.specimen-caption small{font-size:10px}.section-heading h2{font-size:25px}.sort-control{gap:5px;padding-inline:9px}.sort-control>span{display:none}.organism-interaction{max-width:74px}.upload-field-grid-last{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.filter-toggle>svg:last-child{transition:none}}