:root{--db-ink:#173b35;--db-coral:#ff7868;--db-cream:#fbf8f1;--db-line:#dcd2c4;--db-gold:#f7b744}.db-main{background:var(--db-cream);color:var(--db-ink)}.db-entry{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(36px,6vw,84px);padding:46px 0 86px;align-items:start}.db-intro h1{font:700 clamp(50px,6vw,78px)/.98 "Playfair Display",serif;letter-spacing:-.04em;margin:12px 0 22px}.db-intro h1 em{color:var(--db-coral);font-weight:600}.db-sequence{list-style:none;margin:34px 0 26px;padding:25px;background:var(--db-ink);color:#fff;border-radius:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.db-sequence li{display:flex;align-items:center;gap:9px;font-weight:700}.db-sequence b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--db-coral);color:var(--db-ink)}.db-boundary,.db-release-note,.db-help{font-size:.9rem;line-height:1.55}.db-setup{background:#fff;border:1px solid var(--db-line);border-radius:24px;padding:clamp(26px,4vw,44px);box-shadow:0 18px 50px rgba(23,59,53,.08)}.db-setup h2,.db-viewer h2,.db-builder h2,.db-diagnose h2,.db-compare h2{font:700 clamp(30px,4vw,44px)/1.06 "Playfair Display",serif;margin:8px 0 18px}.db-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.db-fields label,.db-builder label{font-weight:700}.db-fields select,.db-builder select,.db-builder textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--db-line);border-radius:10px;background:#fff;color:var(--db-ink);font:inherit;box-sizing:border-box}.db-fields small{display:block;font-weight:400;color:#63746f;margin-top:5px}.db-setup .qp-primary{width:100%;margin-top:25px}.db-back{display:inline-block;margin-top:18px;color:var(--db-ink)}.db-unavailable{background:#fff;border-left:5px solid var(--db-coral);border-radius:0 22px 22px 0;padding:clamp(28px,5vw,56px);margin-bottom:90px}.db-unavailable h2{font:700 clamp(34px,4vw,52px)/1.07 "Playfair Display",serif;max-width:820px}.db-unavailable p{max-width:850px;line-height:1.7}.db-gates{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.db-gates span{border:1px solid var(--db-line);border-radius:99px;padding:8px 13px;font-size:.82rem;font-weight:700}.db-progress{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.db-progress span,.db-progress strong{display:block}.db-workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px}.db-viewer,.db-builder,.db-diagnose,.db-compare{background:#fff;border:1px solid var(--db-line);border-radius:20px;padding:28px}.db-image{aspect-ratio:4/3;background:#e8e5de;border-radius:15px;display:grid;place-items:center;overflow:hidden}.db-image img{width:100%;height:100%;object-fit:contain}.db-tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.db-tools button{min-height:44px;padding:8px 13px}.db-morph-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.db-builder textarea{resize:vertical}.db-builder .qp-primary{margin-top:18px;width:100%}.db-diagnose,.db-compare{margin:28px 0}.db-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.db-comparison article{border:1px solid var(--db-line);border-radius:14px;padding:18px}.db-score-grid{display:flex;gap:18px;margin:24px 0}.db-score-grid article{background:#fff;border:1px solid var(--db-line);border-radius:16px;padding:20px;min-width:180px}.db-score-grid strong,.db-score-grid span{display:block}.db-score-grid strong{font:700 34px "Playfair Display",serif}.qp-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:820px){.db-entry,.db-workspace{grid-template-columns:1fr}.db-entry{padding-top:25px}.db-sequence{grid-template-columns:1fr 1fr}.db-fields,.db-morph-fields,.db-comparison{grid-template-columns:1fr}.db-intro h1{font-size:50px}.db-tools button{flex:1 1 45%}.db-score-grid{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}