:root{color-scheme:light;--bg: #f6f8fa;--surface: #ffffff;--surface-muted: #f1f5f9;--text: #0f172a;--text-muted: #475569;--border: #e2e8f0;--brand: #0d7d74;--brand-strong: #0b6359;--brand-soft: #d6f0ec;--accent: #4f46e5;--brand-fill: #0a675e;--brand-fill-hover: #094f47;--download: #0b7a40;--download-strong: #095f32;--info: #2563eb;--info-bg: #eaf1fe;--tip: #16a34a;--tip-bg: #e7f6ec;--note: #d97706;--note-bg: #fdf3e3;--maxw: 1100px;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 6px 20px rgba(15, 23, 42, .06);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .45);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--text);background-color:var(--bg);line-height:1.6}h1,h2,h3,h4{color:var(--text);line-height:1.25;text-wrap:balance;scroll-margin-top:5rem}a,button,.button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.25rem)}a{color:var(--accent)}p{text-wrap:pretty}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,.button:focus-visible{outline:2px solid transparent;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.skip-link{position:absolute;left:.5rem;top:-3rem;z-index:100;padding:.5rem .9rem;background:var(--surface);color:var(--text);border-radius:var(--radius-sm);box-shadow:var(--shadow);transition:top .15s ease}.skip-link:focus{top:.5rem}.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,.5rem + 2vw,2rem)}.site-main{display:block;padding-block:2.5rem 3.5rem;min-height:60vh;scroll-margin-top:5rem}.site-main:focus{outline:none}.site-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(1.1);backdrop-filter:saturate(1.1)}.site-header__inner{max-width:var(--maxw);margin-inline:auto;padding:.75rem clamp(1rem,.5rem + 2vw,2rem);display:flex;align-items:center;justify-content:space-between;gap:1rem 1.5rem;flex-wrap:wrap}.site-header__brand{font-weight:800;font-size:1.4rem;letter-spacing:.02em;color:var(--brand-strong);text-decoration:none}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-muted);padding-block:1.5rem;font-size:.9rem}.site-footer p{margin:0}.nav__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.25rem}.nav__link{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .85rem;border-radius:999px;color:var(--text-muted);text-decoration:none;font-weight:500;transition:background-color .15s ease,color .15s ease}.nav__link:hover{background:var(--surface-muted);color:var(--text)}.nav__link--active{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1.4rem;border:none;border-radius:var(--radius-sm);font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.button:active{transform:translateY(1px)}.button--primary{background:var(--brand-fill);color:#fff}.button--primary:hover{background:var(--brand-fill-hover)}.button--download{background:var(--download);color:#fff}.button--download:before{content:"⬇";font-size:.95em}.button--download:hover{background:var(--download-strong)}.page{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(1.25rem,1rem + 2vw,2.5rem)}.page>h1{margin-top:0}.page__subtitle{margin-top:-.25rem;color:var(--text-muted);font-size:1.05rem}.page--centered{text-align:center}.welcome{max-width:760px;margin-inline:auto;text-align:center;padding-block:clamp(1rem,4vw,3rem)}.welcome__title{margin-bottom:.25rem}.welcome__subtitle{margin-top:0;font-size:1.15rem;color:var(--text-muted)}.welcome__subtitle strong{color:var(--brand-strong)}.welcome__cta{margin-block:1.75rem;font-size:1.05rem;padding-inline:1.75rem}.welcome__description{text-align:left;color:var(--text-muted)}.welcome__note{font-size:.95rem;color:var(--text-muted)}.callout{margin-top:1.75rem;padding:1.1rem 1.25rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout--info{background:var(--info-bg);border-color:transparent;border-left:4px solid var(--info)}.callout--tip{background:var(--tip-bg);border-color:transparent;border-left:4px solid var(--tip)}.callout--note{background:var(--note-bg);border-color:transparent;border-left:4px solid var(--note)}.column-list{line-height:1.9;padding-left:1.25rem}.download-cta{margin-block:1.5rem}.table-scroll{overflow-x:auto;margin-block:1.5rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.stats-table{width:100%;border-collapse:collapse;min-width:480px}.stats-table th,.stats-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.stats-table thead th{position:sticky;top:0;background:var(--brand-fill);color:#fff;font-weight:600}.stats-table tbody th{font-weight:600}.stats-table tbody td{font-variant-numeric:tabular-nums}.stats-table tbody tr:nth-child(2n){background:var(--surface-muted)}.stats-table tbody tr:hover{background:var(--brand-soft)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prism-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-block:1.5rem}.prism-filter label{font-weight:600}.prism-filter select,.prism-filter input[type=text]{min-height:44px;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit}.prism-filter input[type=text]{flex:1 1 18rem}.prism-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.prism-count{margin:0}.button:disabled{opacity:.5;cursor:not-allowed}.prism-table{width:100%;border-collapse:collapse;min-width:640px}.prism-table th,.prism-table td{padding:.6rem .85rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.prism-table thead th{position:sticky;top:0;background:var(--brand-fill);color:#fff;font-weight:600}.prism-sort{display:inline-flex;align-items:center;gap:.25rem;padding:0;border:none;background:none;font:inherit;font-weight:600;color:inherit;cursor:pointer}.prism-table tbody tr:nth-child(2n){background:var(--surface-muted)}.prism-table tbody tr:hover{background:var(--brand-soft)}.biofilm-highlight{background:#fff4e0}.biofilm-badge{display:inline-block;margin-left:.4rem;padding:.05rem .45rem;border-radius:999px;background:#d97706;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;vertical-align:middle}.prism-empty{margin-block:1.5rem;font-style:italic;color:var(--text-muted, #555)}.prism-selected{position:sticky;bottom:0;z-index:5;margin-top:2rem;background:var(--surface, #fff);border-top:2px solid var(--brand, #2b6cb0);box-shadow:0 -6px 16px #0000001f;border-radius:var(--radius-sm) var(--radius-sm) 0 0}.prism-selected__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem}.prism-selected__title{margin:0;font-size:1.1rem}.prism-selected__actions{display:flex;flex-wrap:wrap;gap:.5rem}.prism-selected__scroll{margin:0;border:none;border-top:1px solid var(--border);border-radius:0;max-height:40vh;overflow:auto}.guide__section{margin-bottom:2.5rem}.guide__section h2{padding-bottom:.4rem;border-bottom:2px solid var(--brand)}.guide__section ul{line-height:1.9}@media(max-width:640px){.site-header__inner{flex-direction:column;align-items:flex-start}.nav__list{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.structure-view{position:relative;display:flex;flex-direction:column;gap:1rem}@media(min-width:60rem){.structure-view{flex-direction:row;align-items:stretch}.structure-view__sidebar{flex:0 0 22rem;max-height:min(80vh,820px);overflow-y:auto}}.structure-view__stage{position:relative;flex:1 1 auto}.structure-view__canvas{position:relative;width:100%;height:clamp(360px,58vh,560px);background:#111318;border-radius:var(--radius);overflow:hidden}.structure-view__canvas canvas,.template-interface__canvas canvas{display:block;width:100%;height:100%}.structure-view__split{display:grid;grid-template-columns:1fr;gap:1rem}.structure-view__split--dual{grid-template-columns:1fr 1fr}@media(max-width:760px){.structure-view__split--dual{grid-template-columns:1fr}}.structure-view:has(.structure-view__split--dual){width:100vw;margin-inline:calc(50% - 50vw);padding-inline:clamp(1rem,.5rem + 2vw,2rem)}.structure-view__panel{position:relative}.template-interface{position:relative;display:flex;flex-direction:column}.template-interface__title{margin:0 0 .5rem;font-size:1rem;color:var(--text-muted)}.template-interface__canvas{position:relative;width:100%;height:clamp(360px,58vh,560px);background:#111318;border-radius:var(--radius);overflow:hidden}.structure-view__controls{display:flex;flex-direction:column;gap:.4rem;margin:0;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem}.structure-view__controls legend{padding:0;font-weight:600;color:var(--brand-strong)}.structure-view__controls label{display:flex;align-items:center;gap:.45rem;color:var(--text-muted)}.structure-view__overlay{position:absolute;top:1.25rem;left:50%;transform:translate(-50%);margin:0;max-width:min(92%,34rem)}p.structure-view__overlay{padding:.6rem 1rem;background:var(--surface);border-radius:var(--radius-sm);box-shadow:var(--shadow);color:var(--text-muted)}.callout--warning{background:var(--note-bg);border-color:transparent;border-left:4px solid #d97706}.structure-view__sidebar{display:flex;flex-direction:column;gap:1rem}.structure-controls__buttons{display:flex;flex-wrap:wrap;gap:.5rem}.structure-controls__legend{display:flex;flex-direction:column;gap:.35rem;margin-top:.75rem;font-size:.85rem;color:var(--text-muted)}.structure-controls__legend-item{display:flex;align-items:center;gap:.5rem}.structure-controls__swatch{display:inline-block;width:.9rem;height:.9rem;border-radius:3px;border:1px solid var(--border)}.structure-meta{display:flex;flex-direction:column;gap:1rem}.structure-meta__provenance,.structure-meta__partner dl{display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;margin:0}.structure-meta dt{font-weight:600;color:var(--text-muted)}.structure-meta dd{margin:0}.structure-meta__partner h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem}.structure-meta__residues{display:flex;flex-wrap:wrap;gap:.3rem}.structure-meta__residue{padding:.05rem .3rem;border-radius:var(--radius-sm);background:var(--surface-muted);text-decoration:none;font-variant-numeric:tabular-nums}.structure-meta__residue:hover{background:var(--note-bg)}.button--small{min-height:32px;padding:.3rem .7rem;font-size:.85rem;white-space:nowrap;background:var(--surface-muted);color:var(--brand-strong);border:1px solid var(--border)}.button--small:hover{background:var(--info-bg)}