.dna-neo-wrapper{--bg-white:#ffffff;--bg-page:#f0f4f8;--border-ink:3px solid #001219;--shadow-solid:5px 5px 0px #001219;--shadow-push:2px 2px 0px #001219;--clr-cyan:#00f5d4;--clr-yellow:#fee440;--clr-blue:#00bbf9;--clr-purple:#9b5de5;--clr-danger:#f15bb5;max-width:850px;margin:0 auto;font-family:system-ui,-apple-system,sans-serif;color:#001219;background:var(--bg-page);padding:20px;border:var(--border-ink);border-radius:16px;box-shadow:8px 8px 0 #001219}.dna-neo-wrapper *{box-sizing:border-box}.dna-neo-header{background:var(--clr-cyan);border:var(--border-ink);box-shadow:var(--shadow-solid);padding:20px;border-radius:12px;text-align:center;margin-bottom:25px}.dna-neo-header h2{margin:0 0 10px 0;font-size:1.8rem;font-weight:900}.dna-mode-toggle{display:flex;gap:15px;margin-bottom:20px}.radio-mode{flex:1;cursor:pointer}.radio-mode input{display:none}.radio-mode .neo-content{display:block;text-align:center;padding:14px;font-weight:800;border:var(--border-ink);border-radius:12px;background:var(--bg-white);box-shadow:4px 4px 0 #001219;transition:all 0.15s}.radio-mode input:checked+.neo-content{background:var(--clr-yellow);box-shadow:var(--shadow-push);transform:translate(2px,2px)}.dna-neo-form{display:flex;flex-direction:column;gap:15px}.dna-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dna-group{display:flex;flex-direction:column;gap:8px}.dna-group label{font-weight:800;font-size:1.05rem}.dna-helper{font-size:.85rem;font-weight:600;color:#444;background:#e9ecef;padding:8px 10px;border-radius:6px;border:1px dashed #001219}.input-with-select{display:flex;flex-direction:column;border:var(--border-ink);border-radius:12px;box-shadow:4px 4px 0 #001219;background:#fff;overflow:hidden}.input-with-select select{border:none;border-bottom:2px solid #001219;padding:12px;font-weight:700;background:#f8f9fa;outline:none;cursor:pointer}.input-with-select input{border:none;padding:15px;font-size:1.2rem;font-weight:900;outline:none;text-align:center}.input-with-select input:focus{background:var(--clr-yellow)}.dna-neo-wrapper textarea{width:100%;padding:15px;font-size:1.2rem;font-weight:800;font-family:monospace;letter-spacing:2px;border:var(--border-ink);border-radius:12px;box-shadow:4px 4px 0 #001219;outline:none;text-transform:uppercase;line-height:1.5;resize:vertical}.dna-neo-wrapper textarea:focus{background:#e0fbfc}.dna-error-alert{background:var(--clr-danger);color:#fff;border:var(--border-ink);padding:12px;border-radius:8px;font-weight:700;text-align:center}.dna-neo-btn{padding:18px;font-size:1.2rem;font-weight:900;background:#001219;color:#fff;border:var(--border-ink);border-radius:12px;box-shadow:5px 5px 0 var(--clr-cyan);cursor:pointer;text-transform:uppercase;margin-top:10px;transition:all 0.1s}.dna-neo-btn:active{box-shadow:2px 2px 0 var(--clr-cyan);transform:translate(3px,3px)}.dna-neo-result{margin-top:30px;padding-top:30px;border-top:4px dashed #001219}.dna-neo-result.active{display:block!important;animation:popUp 0.5s cubic-bezier(.175,.885,.32,1.275) forwards}.dna-bases-box{background:#fff;border:var(--border-ink);box-shadow:var(--shadow-solid);border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.dna-bases-box h3{margin:0 0 15px 0}.bases-grid{display:flex;gap:15px}.base-card{flex:1;border:3px solid #001219;border-radius:10px;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:3px 3px 0 #001219}.base-at{background:var(--clr-blue);color:#fff}.base-gc{background:var(--clr-danger);color:#fff}.b-name{font-size:1.2rem;font-weight:800;border-bottom:2px solid #fff;padding-bottom:5px;margin-bottom:5px}.b-val{font-size:2.2rem;font-weight:900}.b-percent{font-size:1rem;font-weight:700;opacity:.9}.dna-params-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px}.param-card{background:#fff;border:var(--border-ink);box-shadow:3px 3px 0 #001219;border-radius:10px;padding:15px;display:flex;align-items:center;gap:15px}.param-card .p-icon{font-size:2rem}.param-card .p-info{display:flex;flex-direction:column}.p-label{font-size:.85rem;font-weight:700;color:#555;text-transform:uppercase}.p-val{font-size:1.4rem;font-weight:900}.p-info small{color:#666;font-weight:600}.dna-bonds-box{background:#fff;border:var(--border-ink);box-shadow:var(--shadow-solid);border-radius:12px;padding:20px}.dna-bonds-box h4{margin:0 0 15px 0;border-bottom:2px solid #001219;padding-bottom:5px}.bonds-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.bonds-list li{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f8f9fa;border:2px dashed #001219;border-radius:8px;font-size:.95rem}.bond-val{padding:5px 15px;border-radius:20px;font-weight:900;font-size:1.2rem;border:2px solid #001219}.badge-hydro{background:var(--clr-yellow)}.badge-covalent{background:var(--clr-cyan)}@keyframes popUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@media (max-width:650px){.dna-form-grid,.dna-params-grid{grid-template-columns:1fr}.bases-grid{flex-direction:column}}