.dna-page{overflow-x:hidden}.dna-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;margin-top:16px;align-items:start}@media (max-width:860px){.dna-top{grid-template-columns:minmax(0,1fr)}}.dna-art-card{padding:14px}.dna-stage{position:relative;width:100%;max-width:640px;margin:0 auto;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#3a2210 0,#1d1108 55%,#0e0804 100%)}.dna-canvas{display:block;width:100%;height:100%;touch-action:manipulation;cursor:crosshair}.dna-tip{position:absolute;z-index:2;max-width:240px;pointer-events:none;padding:8px 10px;border-radius:10px;background:rgba(251,243,223,.97);color:#21160d;border:1px solid #c79a4b;box-shadow:0 6px 18px rgba(0,0,0,.35);font-size:.82rem;line-height:1.35;display:flex;flex-direction:column;gap:3px}.dna-controls{margin-top:10px;gap:8px}.dna-info{margin-top:10px;min-height:72px;padding:10px 12px;border-radius:12px;background:rgba(199,154,75,.12);border:1px solid rgba(199,154,75,.35)}.dna-sw{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:-1px;border:1px solid rgba(33,22,13,.4)}.dna-sig{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;color:#43260f;line-height:1.2;overflow-wrap:anywhere}.dna-sig em{font-style:normal;color:#e3891f}.dna-why{margin:10px 0 0;padding-left:18px;font-size:.92rem}.dna-why li{margin:4px 0}.dna-h2{font-size:1.35rem;margin:2px 0 8px}.dna-legend{display:flex;flex-wrap:wrap;gap:6px}.dna-leg,.dna-part{font:inherit;font-size:.84rem;padding:6px 10px;border-radius:999px;border:1px solid rgba(110,70,30,.3);background:rgba(255,248,230,.7);color:#574330;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.dna-leg.on,.dna-part.on{background:#43260f;color:#fbefd6;border-color:#2c180b}.dna-key{width:12px;height:12px;border-radius:50%;display:inline-block}.dna-key-planets{background:#f0642a}.dna-key-rungs{background:linear-gradient(90deg,#f0c75e 50%,#e0533d 0)}.dna-key-signs{background:#4d8fd6}.dna-key-nak{background:#e3891f}.dna-key-dasha{background:#f3a6c4}.dna-key-bazi{background:#3f9142}.dna-key-num{background:hsl(200 62% 52%)}.dna-key-hd{background:#e3891f;border:2px solid #f0c75e}.dna-key-maya{background:#c8432b}.dna-key-bio{background:#b48ad6}.dna-parts{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;max-height:220px;overflow-y:auto}.dna-finger{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;padding:12px 14px;border-radius:12px;background:rgba(227,137,31,.1);border:1px solid rgba(199,154,75,.45)}@media (max-width:560px){.dna-finger{grid-template-columns:minmax(0,1fr)}}.dna-big{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:800;color:#43260f;white-space:nowrap}.dna-rare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px}.dna-rare{padding:12px;border-radius:12px;border:1px solid rgba(110,70,30,.22);background:rgba(255,248,230,.6)}.dna-stat{font-size:1.5rem;font-weight:800;color:#e3891f}.dna-select{font:inherit;padding:7px 10px;border-radius:10px;border:1px solid rgba(110,70,30,.35);background:#fffaf0;max-width:100%}.dna-match{margin-top:14px}.dna-score{font-size:clamp(2.4rem,8vw,3.6rem);font-weight:800;line-height:1;margin-bottom:6px}.dna-match-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.dna-mrow{display:flex;flex-direction:column;gap:5px}.dna-exports{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:10px}.dna-exp{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:12px;border:1px solid rgba(110,70,30,.22);background:rgba(255,248,230,.6)}@media (prefers-reduced-motion:reduce){.dna-leg,.dna-part{transition:none}}