:root{--dn:#6cb8f0;--dn-dim:#2a6ca8;--glow-dn:rgba(108,184,240,.3);--xs-tint:8,14,22;--xs-tint-pa:.96;--xs-border:var(--dn-dim);--xs-ring:, 0 0 0 1px rgba(108,184,240,.12) inset;--xs-tint-ha:.98}body{background:radial-gradient(ellipse 90% 60% at 16% 4%,rgba(108,184,240,.12),transparent 60%),radial-gradient(ellipse 80% 60% at 88% 96%,rgba(196,108,240,.06),transparent 60%),var(--bg-deep)}#dnView{position:absolute;inset:0;width:100%;height:100%}#dnView canvas{display:block}.dial-wrap{position:relative;flex:1;min-height:170px}.dial-cap{position:absolute;left:6px;bottom:2px;font:9px/1 var(--font-mono);color:var(--text-faint)}.tel-row{display:flex;justify-content:space-between;align-items:baseline;font-size:11.5px;color:var(--text-dim);padding:2px 0;border-bottom:1px solid rgba(108,184,240,.08)}.tel-row b{font:600 11.5px/1 var(--font-mono);color:var(--dn);font-variant-numeric:tabular-nums;text-align:right}.peri-info b{color:var(--dn)}.scope #sciScope{flex:1;width:100%;min-height:0}.seq-input{width:100%;box-sizing:border-box;background:var(--bg-panel-2);border:1px solid var(--hairline);border-radius:8px;padding:8px 10px;color:#bfe8ff;font:600 13px/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.seq-input:focus{outline:none;border-color:var(--dn);box-shadow:0 0 11px var(--glow-dn)}.btn-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.mini-btn{flex:1;min-width:54px;cursor:pointer;background:var(--bg-panel-2);border:1px solid var(--hairline);border-radius:8px;padding:7px 5px;color:var(--text-dim);font:600 11px/1 inherit;transition:all .15s}.mini-btn:hover{border-color:var(--dn);color:#fff;box-shadow:0 0 11px var(--glow-dn)}.scn{display:flex;align-items:center;gap:6px;text-align:left;cursor:pointer;font-size:11.5px;background:var(--bg-panel-2);border:1px solid var(--hairline);border-radius:8px;padding:7px 9px;color:var(--text-dim);font-family:inherit;transition:all .15s}.scn:hover{border-color:var(--dn);color:var(--text)}.scn.on{border-color:var(--dn);background:rgba(108,184,240,.16);color:#fff;box-shadow:0 0 13px var(--glow-dn)}.pl-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;cursor:pointer;background:var(--bg-panel-2);border:1px solid var(--hairline);border-radius:8px;padding:6px 9px;color:var(--text-dim);font-family:inherit;font-size:12px;transition:all .15s}.pl-item:hover{border-color:var(--dn);color:var(--text);box-shadow:0 0 11px var(--glow-dn)}.xsec-panel::-webkit-scrollbar{width:8px}.xsec-panel::-webkit-scrollbar-thumb{background:var(--dn-dim);border-radius:4px}.xs-body{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.dogma{text-align:center;font-size:14px;font-weight:700;color:#bfe8ff}.dogma span{color:var(--text-faint);font-weight:400;font-size:11px;margin:0 4px}.codon-tbl{width:100%;border-collapse:collapse;font:600 10.5px/1 var(--font-mono)}.codon-tbl th{color:var(--text-faint);font-size:10px;padding:3px;border-bottom:1px solid var(--hairline)}.codon-tbl td{padding:3px 5px;color:var(--text);border-bottom:1px solid rgba(255,255,255,.04)}.codon-tbl td b{color:#fff;font-weight:700}.codon-tbl .cd-rl{color:var(--text-faint);font-size:9px}.xs-blurb{font-size:11.5px;line-height:1.5;color:var(--text-dim);font-style:italic}.xs-facts{display:grid;grid-template-columns:1fr;gap:6px}.xs-chip{display:flex;gap:6px;background:rgba(6,10,16,.6);border:1px solid var(--hairline);border-radius:8px;padding:6px 8px;font-size:11px;color:var(--text-dim)}.xs-chip b{color:var(--text)}.glfail{background:rgba(6,10,16,.6)}.live-explain{position:absolute;top:10px;left:50%;transform:translate(-50%);max-width:84%;z-index:6;background:rgba(6,12,20,.86);border:1px solid var(--hairline);border-radius:11px;padding:8px 15px;text-align:center;backdrop-filter:blur(7px);box-shadow:0 8px 24px -10px #000;pointer-events:none;transition:border-color .3s}.live-explain.on{border-color:var(--dn);box-shadow:0 0 18px -4px var(--glow-dn)}.live-explain .le-main b{color:var(--dn)}.xs-title{display:flex;align-items:center;gap:10px}.xs-side{display:flex;flex-direction:column;gap:10px}.xs-close{width:30px;height:30px;border-radius:8px;cursor:pointer;color:var(--text-dim);background:var(--bg-panel-2);border:1px solid var(--hairline);font-size:14px;transition:all .15s}.xs-close:hover{color:#fff;border-color:var(--crit);box-shadow:0 0 11px #d2544a66}.part-fn{font-size:12.5px;line-height:1.55;color:var(--text)}.xs-chip .xs-cl{flex:1;color:var(--text-faint)}