:root{--color-bg: #ffffff;--color-border: #e0e0e0;--color-text: #1a1a1a;--color-muted: #666666;--color-hover: #f5f5f5;--font-sans: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--radius: 2px;--space-unit: 8px;--sidebar-width: 200px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg)}a{color:inherit;text-decoration:underline;text-underline-offset:2px}button,input,textarea,select{font:inherit}h1,h2,h3,p{margin:0}table{border-collapse:collapse}.navbar{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--space-unit) * 3);padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 4);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.navbar__brand{font-size:14px;font-weight:600;letter-spacing:.01em;text-decoration:none;color:var(--color-text);white-space:nowrap}.navbar__brand:hover{text-decoration:underline;text-underline-offset:2px}.navbar__nav{display:flex;align-items:center;gap:calc(var(--space-unit) * 2.5);flex-wrap:wrap}.navbar__link{font-size:13px;color:var(--color-muted);text-decoration:none;padding:calc(var(--space-unit) * .5) 0;border-bottom:1px solid transparent}.navbar__link:hover{color:var(--color-text)}.navbar__link--active{color:var(--color-text);border-bottom-color:var(--color-text)}.page{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 3)}.page-header{display:flex;flex-direction:column;gap:var(--space-unit);padding-bottom:calc(var(--space-unit) * 2);border-bottom:1px solid var(--color-border)}.page-header__title{font-size:20px;font-weight:600;letter-spacing:-.01em}.page-header__subtitle{font-size:13px;color:var(--color-muted)}.page-header__actions{margin-top:var(--space-unit);display:flex;gap:var(--space-unit)}.section{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 1.5)}.section__title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border)}.table-wrap--wide{width:100%}.table{width:100%;font-size:13px}.table--wide{min-width:100%;table-layout:auto}.table--wide .table__head .table__cell{position:relative;overflow:visible;white-space:nowrap}.table--wide .table__head .table__cell:hover{z-index:2}.table--wide .table__cell--sequence{min-width:320px;white-space:nowrap}.table--wide .table__cell--metric{min-width:88px;text-align:center}.table--wide .table__cell--index,.table--wide .table__cell--pos,.table--wide .table__cell--len{min-width:56px;text-align:center}.table__head{background:var(--color-hover)}.table__cell{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 1.5);text-align:left;vertical-align:top}.table__cell--mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}.table__row:hover .table__cell{background:var(--color-hover)}.table__row--failed .table__cell{background:#fde8e8;color:#5c1f1f}.table__row--failed:hover .table__cell{background:#f9d4d4}.table__row--failed a{color:#7a2020}.btn{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding:calc(var(--space-unit) * .75) calc(var(--space-unit) * 2);border-radius:var(--radius);cursor:pointer;font-size:13px}.btn:hover:not(:disabled){background:var(--color-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{border-color:transparent;text-decoration:underline;text-underline-offset:2px;padding-left:0;padding-right:0}.sequence-text{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;word-break:break-all}.status-badge{font-size:12px;color:var(--color-muted);text-transform:lowercase}.status-badge:before{content:"· "}.tabs{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2)}.tabs__list{display:flex;gap:calc(var(--space-unit) * 2);border-bottom:1px solid var(--color-border)}.tabs__tab{border:none;background:none;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * .5);margin-bottom:-1px;cursor:pointer;font-size:13px;color:var(--color-muted);border-bottom:1px solid transparent}.tabs__tab--active{color:var(--color-text);border-bottom-color:var(--color-text)}.tabs__panel{padding-top:var(--space-unit)}.field{display:flex;flex-direction:column;gap:calc(var(--space-unit) * .75)}.field__label{font-size:12px;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.field__input,.field__textarea{border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--space-unit) * 1);background:var(--color-bg);width:100%}.field__textarea{resize:vertical;min-height:120px}.field__textarea--mono{font-family:var(--font-mono);font-size:12px;line-height:1.6}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;width:100%;max-width:min(1800px,calc(100vw - 48px));margin:0 auto;padding:calc(var(--space-unit) * 4)}.project-list{width:100%;border:1px solid var(--color-border);font-size:13px}.project-list th,.project-list td{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 1.5);text-align:left}.project-list thead{background:var(--color-hover)}.project-list__empty{color:var(--color-muted);font-size:13px}.project-setup{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2);max-width:720px}.project-setup__lengths{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1.5);margin:0;display:flex;align-items:center;gap:calc(var(--space-unit) * 1.5);flex-wrap:wrap}.project-setup__range{display:flex;align-items:center;gap:calc(var(--space-unit) * .75);font-size:13px}.project-setup__range-input{width:72px}.project-setup__range-hint{color:var(--color-muted);font-size:12px}.project-setup__error{color:#8b0000;font-size:13px;margin:0}.column-info{display:inline-flex;vertical-align:middle}.column-info__btn{margin-left:4px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-hover);color:var(--color-muted);font-size:9px;font-weight:700;line-height:1;cursor:help;-webkit-user-select:none;user-select:none}.column-info:hover .column-info__btn,.column-info:focus-within .column-info__btn{color:var(--color-text);border-color:var(--color-text)}.column-info__tip{position:fixed;z-index:10000;transform:translate(-50%,-100%);width:260px;padding:8px 10px;border:1px solid var(--color-border);background:var(--color-bg, #fff);box-shadow:0 8px 24px #00000024;font-size:11px;font-weight:400;line-height:1.45;color:var(--color-text);text-align:left;white-space:normal;pointer-events:none}.table-header-label{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.primary-filter-rules{margin-bottom:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);border:1px solid var(--color-border);background:var(--color-hover)}.primary-filter-rules__title{font-size:13px;font-weight:600;margin-bottom:calc(var(--space-unit) * 1.25)}.primary-filter-rules__list{margin:0;padding-left:20px;font-size:13px;line-height:1.6}.primary-filter-rules__note{margin:calc(var(--space-unit) * 1.5) 0 0;font-size:12px;color:var(--color-muted)}.candidates-table-block__legend{margin:0 0 calc(var(--space-unit) * 1.5);font-size:12px;color:var(--color-muted)}.candidates-table-block__legend:before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-2px;background:#fde8e8;border:1px solid #f0b4b4}.candidates-table__index-cell{padding:0}.candidates-table__index-link{display:block;padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 1.5);text-decoration:none;color:inherit;cursor:pointer}.candidates-table__index-cell:hover,.candidates-table__index-cell:focus-within{background:#dbe4f4;outline:none}.table__row--failed .candidates-table__index-cell:hover,.table__row--failed .candidates-table__index-cell:focus-within{background:#f0bcbc}.table__row--failed .candidates-table__index-link{color:#5c1f1f}.fasta-preview{margin:0 0 calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 1.5);border:1px solid var(--color-border);background:var(--color-bg-subtle, #fafafa);font-family:var(--font-mono, ui-monospace, monospace);font-size:12px;line-height:1.4;overflow-x:auto;white-space:pre}.fasta-preview__status{margin:0;font-size:13px;color:var(--color-muted)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;gap:calc(var(--space-unit) * 2);padding:calc(var(--space-unit) * 2);border:1px solid var(--color-border)}.project-header__name{font-size:16px;font-weight:600}.project-header__desc{margin-top:var(--space-unit);color:var(--color-muted);font-size:13px}.fasta-input{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 1.5);max-width:720px}.fasta-input__status{font-size:12px;color:var(--color-muted)}.fasta-input__error{font-size:13px;color:#8b0000}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.overview-card{border:1px solid var(--color-border);padding:12px}.overview-card__label{margin:0 0 6px;font-size:12px;color:var(--color-muted)}.overview-card__value{margin:0;font-size:18px;font-weight:600;text-transform:capitalize}.overview-card__hint{margin:6px 0 0;font-size:12px;color:var(--color-muted)}.vienna-subopt-viewer{margin-top:calc(var(--space-unit) * 3);padding-top:calc(var(--space-unit) * 2);border-top:1px solid var(--color-border)}.vienna-subopt-viewer__header{margin-bottom:12px}.vienna-subopt-viewer__title{display:inline-flex;align-items:center;gap:4px;margin:0 0 4px;font-size:14px}.vienna-subopt-viewer__hint{margin:0;font-size:12px;color:var(--color-muted)}.vienna-subopt-viewer__tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.vienna-subopt-viewer__tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--color-border);background:#fafafa;padding:8px 12px;cursor:pointer;font-size:12px}.vienna-subopt-viewer__tab--active{border-color:#2563eb;background:#eff6ff}.vienna-subopt-viewer__tab-label{font-weight:600}.vienna-subopt-viewer__tab-energy{font-family:var(--font-mono);font-size:11px;color:var(--color-muted)}.vienna-subopt-viewer__canvas{border:1px solid var(--color-border);margin-bottom:12px}.vienna-subopt-viewer__alignment{display:grid;gap:4px;overflow-x:auto;margin-bottom:8px}.vienna-subopt-viewer__nt{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:22px}.vienna-subopt-viewer__nt-index,.vienna-subopt-viewer__nt-symbol{font-family:var(--font-mono);font-size:9px;color:var(--color-muted)}.vienna-subopt-viewer__nt-base{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;font-weight:600;border-radius:3px;background:#ecfdf3;border:1px solid #86efac}.vienna-subopt-viewer__nt-base--paired{background:#dbeafe;border-color:#93c5fd}.vienna-subopt-viewer__bracket{display:block;font-family:var(--font-mono);font-size:11px;word-break:break-all;color:var(--color-muted)}.vienna-sequence-map{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 3)}.vienna-sequence-map__legend{display:flex;flex-wrap:wrap;gap:calc(var(--space-unit) * 2);font-size:12px;color:var(--color-muted)}.vienna-sequence-map__legend-item{display:inline-flex;align-items:center;gap:6px}.vienna-sequence-map__swatch{width:14px;height:14px;border-radius:2px;border:1px solid var(--color-border)}.vienna-sequence-map__swatch--paired{background:#dbeafe}.vienna-sequence-map__swatch--unpaired{background:#ecfdf3}.vienna-sequence-map__grid{display:grid;gap:4px;overflow-x:auto;padding-bottom:4px}.vienna-sequence-map__col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:28px}.vienna-sequence-map__index,.vienna-sequence-map__symbol,.vienna-sequence-map__access{font-family:var(--font-mono);font-size:10px;color:var(--color-muted)}.vienna-sequence-map__base{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:600;border-radius:4px;border:1px solid var(--color-border);cursor:help}.vienna-sequence-map__base--paired{background:#dbeafe;border-color:#93c5fd}.vienna-sequence-map__base--unpaired{background:#ecfdf3;border-color:#86efac}.vienna-sequence-map__bar-track{width:18px;height:56px;border:1px solid var(--color-border);border-radius:3px;display:flex;align-items:flex-end;overflow:hidden;background:#fafafa}.vienna-sequence-map__bar{width:100%;min-height:4px;border-radius:2px 2px 0 0}.vienna-sequence-map__rows{display:flex;flex-direction:column;gap:8px}.vienna-sequence-map__row{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start;font-size:12px}.vienna-sequence-map__row-label{color:var(--color-muted)}.vienna-sequence-map__row-value{font-family:var(--font-mono);font-size:11px;word-break:break-all}.vienna-melting{margin-top:calc(var(--space-unit) * 2);padding-top:calc(var(--space-unit) * 2);border-top:1px solid var(--color-border)}.vienna-melting__title{margin:0 0 4px;font-size:14px}.vienna-melting__hint{margin:0 0 12px;font-size:12px;color:var(--color-muted)}.vienna-melting__chart{display:flex;align-items:flex-end;gap:4px;height:120px;overflow-x:auto}.vienna-melting__bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:22px;height:100%;gap:4px}.vienna-melting__bar{width:100%;min-height:2px;background:#2563eb;border-radius:2px 2px 0 0}.vienna-melting__temp{font-family:var(--font-mono);font-size:9px;color:var(--color-muted)}.vienna-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(var(--space-unit) * 2);margin-bottom:calc(var(--space-unit) * 3)}.vienna-summary__card{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1.5);background:#fcfcfc}.vienna-summary__card-title{margin:0 0 6px;font-size:12px;color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em}.vienna-summary__card-value{margin:0 0 4px;font-size:20px;font-weight:600}.vienna-summary__card-hint{margin:0;font-size:12px;color:var(--color-muted);line-height:1.4}.vienna-tools{margin-top:calc(var(--space-unit) * 2);font-size:12px;color:var(--color-muted)}.vienna-subopt{margin-top:calc(var(--space-unit) * 2)}.vienna-subopt__title{margin:0 0 8px;font-size:14px}.vienna-subopt__list{margin:0;padding-left:18px;font-family:var(--font-mono);font-size:11px}.vienna-subopt__list li{margin-bottom:4px}.thermo-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px}.thermo-summary__card,.thermo-energy-cards__card{border:1px solid var(--color-border);padding:10px}.thermo-summary__label,.thermo-energy-cards__label{margin:0 0 4px;font-size:12px;color:var(--color-muted)}.thermo-summary__value,.thermo-energy-cards__value{margin:0;font-size:16px;font-weight:600;text-transform:capitalize}.thermo-summary__hint{margin:4px 0 0;font-size:11px;color:var(--color-muted)}.thermo-aligned{margin-bottom:16px}.thermo-aligned__title{margin:0 0 8px;font-size:13px;font-weight:600}.thermo-aligned__row{display:flex;gap:12px;margin-bottom:6px;font-size:12px;flex-wrap:wrap}.thermo-aligned__label{min-width:160px;color:var(--color-muted)}.thermo-aligned__seq{font-family:var(--font-mono);letter-spacing:.04em}.thermo-access-bars{display:flex;align-items:flex-end;gap:2px;height:32px;margin-top:8px}.thermo-access-bars__item{width:8px;background:#3b82f6;border-radius:1px 1px 0 0}.thermo-energy-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:16px 0}.geometry-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.geometry-warning{font-size:12px;color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;padding:8px 10px;margin-bottom:12px}.geometry-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;color:var(--color-muted);flex-wrap:wrap}.geometry-model-select{display:flex;gap:6px}.geometry-model-select__btn{border:1px solid var(--color-border);background:#fff;padding:4px 10px;font-size:12px;cursor:pointer}.geometry-model-select__btn--active{border-color:#2563eb;color:#2563eb}.geometry-viewer{width:100%;height:360px;border:1px solid var(--color-border);position:relative}.geometry-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--color-muted)}.geometry-legend__item{display:inline-flex;align-items:center;gap:6px}.geometry-legend__dot{width:10px;height:10px;border-radius:50%;display:inline-block}.geometry-legend__dot--guide{background:#2563eb}.geometry-legend__dot--passenger{background:#ea580c}.geometry-legend__dash{width:18px;height:2px;background:#cbd5e1;display:inline-block}.geometry-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.geometry-chart__title{margin:0 0 6px;font-size:12px;color:var(--color-muted)}.geometry-chart__bars{display:flex;align-items:flex-end;gap:3px;height:80px;border-bottom:1px solid var(--color-border)}.geometry-chart__bar{flex:1;min-width:6px;border-radius:2px 2px 0 0;opacity:.75;cursor:pointer}.geometry-chart__bar--active{opacity:1;outline:1px solid #111}.geometry-hover-info{margin-top:8px;font-size:12px;color:var(--color-muted)}.files-list{margin:0;padding-left:calc(var(--space-unit) * 2.5);font-family:var(--font-mono);font-size:12px}.database-list{width:100%;border:1px solid var(--color-border);font-size:13px}.database-list th,.database-list td{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 1.5);text-align:left}.database-list thead{background:var(--color-hover)}.database-list__empty{color:var(--color-muted);font-size:13px}.database-overview__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:calc(var(--space-unit) * 1.5);margin-bottom:calc(var(--space-unit) * 2)}.database-overview__stat{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1.5);background:var(--color-hover)}.database-overview__stat-label{color:var(--color-muted);font-size:12px;margin-bottom:calc(var(--space-unit) * .5)}.database-overview__stat-value{font-size:18px;font-weight:600}.database-overview__notice{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1.5);background:#fff8e6;font-size:13px;line-height:1.5}.database-overview__notice a{color:inherit}.database-records__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:calc(var(--space-unit) * 1);margin-bottom:calc(var(--space-unit) * 2)}.database-records__filters label{display:flex;flex-direction:column;gap:calc(var(--space-unit) * .5);font-size:12px;color:var(--color-muted)}.database-records__filters input{border:1px solid var(--color-border);padding:calc(var(--space-unit) * .75);font-size:13px}.database-records__pagination{display:flex;align-items:center;justify-content:space-between;margin-top:calc(var(--space-unit) * 1.5);font-size:13px}.database-record-card{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 2);font-size:13px}.database-record-card__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:calc(var(--space-unit) * 1.5);margin-bottom:calc(var(--space-unit) * 2)}.database-record-card__label{color:var(--color-muted);font-size:12px;margin-bottom:calc(var(--space-unit) * .25)}.database-record-card__sequence{font-family:var(--font-mono, monospace);word-break:break-all}.database-record-card__provenance{border-top:1px solid var(--color-border);padding-top:calc(var(--space-unit) * 1.5);color:var(--color-muted);font-size:12px;line-height:1.6}.database-sources__table{width:100%;border:1px solid var(--color-border);font-size:13px}.database-sources__table th,.database-sources__table td{border:1px solid var(--color-border);padding:calc(var(--space-unit) * 1) calc(var(--space-unit) * 1.5);text-align:left}.database-sources__table thead{background:var(--color-hover)}.info-block{font-size:14px;line-height:1.7;margin:0;padding:calc(var(--space-unit) * 2);border:1px solid var(--color-border)}.info-block--muted{font-size:13px;color:var(--color-muted);border:none;padding:0;margin-bottom:calc(var(--space-unit) * 1.5)}.info-link{color:#1d4ed8;text-decoration:none}.info-link:hover{text-decoration:underline}.info-sources{font-size:14px}.info-service-tools{margin-top:10px;font-size:13px}.info-service-tools__title{color:var(--color-muted);margin-bottom:4px}.info-service-tools ul{margin:0;padding-left:18px;line-height:1.6}.record-page{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 3)}.record-loading{margin:0;padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);border:1px solid var(--color-border);font-size:13px;color:var(--color-muted);background:#fafafa}.record-annotation{display:flex;flex-direction:column;gap:calc(var(--space-unit) * 1.5)}.record-annotation__summary{margin:0;font-size:14px;line-height:1.5}.record-annotation__text{margin:0;font-size:14px;line-height:1.65;color:#334155}.record-annotation__note{margin:0;padding:calc(var(--space-unit) * 1.5);border:1px solid #e2d3a5;background:#fffdf5;font-size:13px;line-height:1.55;color:#6b4f00}.record-annotation__error{margin:0;font-size:13px;color:#8b0000}.record-external-links{margin:0;font-size:13px}.record-footnote{margin:calc(var(--space-unit) * 1) 0 0;font-size:12px;color:var(--color-muted);line-height:1.5}.record-citation{margin:0;font-size:14px;line-height:1.6;font-weight:500}.record-details{font-size:14px;line-height:1.6}.record-details summary{cursor:pointer;color:#1d4ed8}.record-list{margin:6px 0 0;padding-left:18px;line-height:1.6}.record-provenance{padding:calc(var(--space-unit) * 1.5) calc(var(--space-unit) * 2);border:1px solid var(--color-border);background:#fafafa;font-size:12px;color:var(--color-muted);line-height:1.6}