:root{--bg: #f3efe8;--panel: #ffffff;--ink: #1f1f1f;--muted: #5d5a56;--brand: #197278;--brand-strong: #145a61;--line: #e2ddd4;--warn: #c44536;--mono: "IBM Plex Mono", monospace;--sans: "Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 15%,#f9f6f0 0%,var(--bg) 42%,#ece5da 100%);font-family:var(--sans)}a{color:inherit}.container{width:min(1200px,92vw);margin:0 auto}.site-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f3efe8db;position:sticky;top:0;z-index:10}.header-inner{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 0}.site-title{text-decoration:none;font-weight:700;letter-spacing:.01em}.site-nav{display:flex;gap:.8rem;flex-wrap:wrap}.site-nav a{text-decoration:none;padding:.35rem .55rem;border-radius:999px}.site-nav a.router-link-active{background:var(--brand);color:#fff}.main-content{padding:1.5rem 0 3rem}.site-footer{border-top:1px solid var(--line);background:#f0e9de}.footer-inner{padding:1.2rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem}.footer-links{display:flex;gap:.8rem}.hero{background:linear-gradient(130deg,#fff,#f5f0e6,#ece2d3);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:0 10px 30px #145a6114;margin-bottom:1rem}.hero.compact{padding:1rem 1.3rem}.hero h1{margin:0}.home-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.95fr);gap:1.2rem;align-items:stretch;padding:1.55rem}.home-hero-copy{align-self:center}.home-hero-copy h1{margin:.2rem 0 .7rem;font-size:clamp(2.1rem,3vw,3.25rem);line-height:1.05}.home-hero-lead{margin:0;max-width:64ch;color:var(--muted);line-height:1.7;font-size:1.03rem}.home-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.1rem}.home-hero-panel{border:1px solid rgba(25,114,120,.14);background:linear-gradient(180deg,#ffffffeb,#f8f3eaeb);border-radius:16px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffffb3}.home-hero-label{margin:0 0 .7rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:700}.home-hero-list{margin:0;padding-left:1.1rem;line-height:1.75}.eyebrow{margin:0;color:var(--brand);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:700}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1rem;margin-bottom:1rem}.panel-spacious{padding:1.2rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-bottom:1rem}.stat-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.9rem}.stat-label{margin:0;color:var(--muted);font-size:.82rem}.stat-value{margin:.35rem 0 0;font-size:1.35rem;font-weight:700}.dashboard-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.chart-panel h2{margin-top:0}.chart-wrap{height:300px}.trajectory-chart{height:420px}.chart-note{margin:.35rem 0}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.filters label,.toolbar label{display:flex;flex-direction:column;gap:.4rem;font-size:.86rem}input,select,button{font:inherit}input,select{border:1px solid var(--line);border-radius:10px;padding:.5rem .6rem;background:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:.68rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:.83rem;color:var(--muted);text-transform:uppercase}.actions{display:flex;gap:.45rem}.btn{border:1px solid var(--brand);background:var(--brand);color:#fff;border-radius:999px;padding:.35rem .7rem;text-decoration:none;cursor:pointer}.btn:hover{background:var(--brand-strong)}.btn.ghost{background:#fff;color:var(--brand)}.mono{font-family:var(--mono)}.empty{color:var(--muted);text-align:center}.title-row{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.meta-grid span{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase}.subtle{color:var(--muted)}.sequence-details{margin-top:.9rem;border-top:1px solid var(--line);padding-top:.9rem}.sequence-details summary{cursor:pointer;font-weight:600}.sequence-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}.seq-item{border:1px solid var(--line);border-radius:10px;padding:.5rem .65rem;background:#fbf8f2}.toolbar{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap;align-items:center}.toolbar-right{display:flex;gap:.8rem;flex-wrap:wrap}.compact-toolbar{margin-top:1rem}.motif-grid{--cols: 9;display:grid;grid-template-columns:36px repeat(var(--cols),24px);gap:2px;margin-bottom:.8rem;overflow:auto}.cell{width:24px;height:24px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:.7rem}.cell.head,.cell.row-head{width:36px;background:#f8f4ed;color:var(--muted);font-size:.65rem}.analysis-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.analysis-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.75rem}.analysis-card h3{margin-top:0}.landscape-card{margin-top:1rem}.embedding-block{display:grid;gap:.9rem}.embedding-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.embedding-card,.embedding-animation-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.75rem}.embedding-card-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem}.embedding-card-head h3{margin:0}.embedding-canvas,.embedding-animation-canvas{width:100%;border:1px solid var(--line);border-radius:10px;background:#fbf8f2;display:block}.embedding-canvas{aspect-ratio:1 / 1;height:auto}.embedding-animation-canvas{aspect-ratio:920 / 340;height:auto}.embedding-animation-canvas-full{aspect-ratio:1440 / 720}.clickable-canvas{cursor:pointer}.cosmograph-block{display:grid;gap:.9rem}.cosmograph-canvas-wrap{width:100%;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#111315}.cosmograph-canvas{width:100%;display:block;background:#111315}.stacked-logo-block{margin-top:.9rem}.analysis-divider{height:1px;background:var(--line);margin:0 0 .9rem}.pill{border:1px solid var(--line);border-radius:999px;padding:.22rem .6rem;font-size:.82rem;background:#fbf8f2}.logo,.binding-plot{max-width:100%;border:1px solid var(--line);border-radius:10px}.binding-stats{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:.7rem}.binding-stats span{border:1px solid var(--line);border-radius:999px;padding:.25rem .55rem}.selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.45rem;margin-bottom:.8rem}.checkbox-row{display:flex;gap:.55rem;align-items:center}.structure-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.viewer{width:100%;height:380px;border:1px solid var(--line);border-radius:10px;background:#fff;position:relative;overflow:hidden}.error{color:var(--warn)}.flat-list{list-style:none;padding:0;margin:0}.flat-list li{padding:.28rem 0;border-bottom:1px dashed var(--line)}.motif-compare-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.motif-compare-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.75rem}.motif-grid.mini{grid-template-columns:22px repeat(var(--cols),14px)}.motif-grid.mini .cell{width:14px;height:14px;font-size:0;border-radius:2px}.motif-grid.mini .cell.head,.motif-grid.mini .cell.row-head{width:22px;font-size:.5rem}.content-page{max-width:820px}.about-shell{width:min(1120px,100%);margin:0 auto}.about-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);gap:1.2rem;align-items:stretch;padding:1.35rem 1.45rem}.about-hero-copy{align-self:center}.about-hero-copy h1{margin:.15rem 0 .65rem;font-size:clamp(2rem,3vw,3rem)}.about-lead{margin:0;max-width:62ch;line-height:1.7;color:var(--muted);font-size:1.02rem}.about-hero-panel{border:1px solid rgba(25,114,120,.14);background:linear-gradient(180deg,#ffffffe6,#f8f3eaeb);border-radius:16px;padding:1rem 1.05rem;box-shadow:inset 0 1px #ffffffb3}.about-hero-label{margin:0 0 .7rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--brand);font-weight:700}.about-highlight-list{margin:0;padding-left:1.1rem;line-height:1.7}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.about-card{margin-bottom:0;padding:1.15rem 1.2rem;box-shadow:0 8px 26px #145a610d}.about-card-wide{grid-column:1 / -1}.about-card h2{margin-top:0;margin-bottom:.45rem}.about-card p{margin:0;line-height:1.65}.about-list{margin:0;padding-left:1.2rem;line-height:1.65}.viewer-3d-shell{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#111315;touch-action:none}.viewer-3d-canvas{width:100%;display:block;background:#111315;cursor:grab}.viewer-3d-canvas:active{cursor:grabbing}.cluster-legend{display:flex;flex-wrap:wrap;gap:.55rem 1rem;margin-bottom:.8rem}.cluster-legend-item{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;background:#fbf8f2;font-size:.84rem}.cluster-swatch{width:.8rem;height:.8rem;border-radius:999px;border:1px solid rgba(255,255,255,.6);flex:0 0 auto}@media(max-width:700px){.home-hero{grid-template-columns:1fr;padding:1.15rem}.about-hero{grid-template-columns:1fr;padding:1.1rem}.about-grid{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}.site-nav{width:100%}.site-nav a{flex:1;text-align:center}th,td{padding:.55rem}.viewer{height:320px}}