.dna-note{display:inline-flex;align-items:center;gap:5px;margin-top:6px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.7;color:var(--teal-dark,#0f766e);background:color-mix(in srgb,var(--teal,#14b8a6) 12%,transparent);border:1px solid color-mix(in srgb,var(--teal,#14b8a6) 30%,transparent);border-radius:999px;width:fit-content;max-width:100%;animation:dnaNoteIn .28s ease both}.dna-note-ico{font-size:12px;line-height:1;opacity:.9;transform:translateY(.5px)}@keyframes dnaNoteIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dna-note{animation:none}}.dna-card .up-h-ico{background:0 0;font-size:20px}.dna-card .dna-empty,.dna-card .dna-lead{font-size:13px;line-height:1.95;color:var(--text-muted,#64748b);margin:0 0 14px}.dna-rows{display:grid;gap:8px}.dna-row{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--up-line,var(--border,#e5e7eb));border-radius:12px;background:var(--up-sunk,#f8fafc);font-size:13.5px}.dna-row-ico{font-size:16px;text-align:center}.dna-row-lbl{color:var(--text-muted,#64748b);font-weight:600}.dna-row-val{font-weight:700;text-align:left;display:flex;align-items:center;gap:7px}.dna-row-val b{font-weight:800}.dna-dim{color:var(--text-muted,#94a3b8);font-weight:500;font-size:12.5px}.dna-badge{font-size:10.5px;font-weight:700;color:var(--teal-dark,#0f766e);background:color-mix(in srgb,var(--teal,#14b8a6) 14%,transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}.dna-actions{margin-top:14px;display:flex;justify-content:flex-end}.dna-actions .up-btn{font-size:12.5px;padding:8px 14px}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent,#f59e0b) 85%,#000 0);outline-offset:2px;border-radius:6px}.chip:focus-visible,.msgr-box:focus-visible{outline:3px solid var(--teal,#14b8a6);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in srgb,var(--teal,#14b8a6) 22%,transparent)}.drop-area:focus-visible,.lp-drop:focus-visible{outline:3px dashed var(--teal,#14b8a6);outline-offset:3px}.punch-dot:focus-visible{outline:3px solid var(--accent,#f59e0b);outline-offset:3px}@supports not selector(:focus-visible){.chip:focus,.drop-area:focus,.msgr-box:focus,[tabindex]:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--teal,#14b8a6);outline-offset:2px}}.pc-card .pc-lead{font-size:13px;color:var(--text-muted,#64748b);margin:0 0 14px;line-height:1.9}.pc-badges{display:flex;gap:12px;flex-wrap:wrap}.pc-badge{flex:1 1 130px;display:flex;flex-direction:column;align-items:center;padding:14px 10px;border-radius:14px;border:1px solid var(--up-line,var(--border,#e5e7eb));background:var(--up-sunk,#f8fafc)}.pc-badge.bw{background:linear-gradient(160deg,#f1f5f9,#e2e8f0)}.pc-badge.color{background:linear-gradient(160deg,rgba(20,184,166,.12),rgba(37,99,235,.12))}.pc-badge .pc-n{font-size:30px;font-weight:900;line-height:1}.pc-badge .pc-l{font-size:12px;color:var(--text-muted,#64748b);margin-top:6px}.ach-u-list{display:grid;gap:10px;max-height:420px;overflow:auto;overscroll-behavior:contain}.ach-u-row{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;border:1px solid var(--up-line,var(--border,#e5e7eb));background:var(--up-sunk,#f8fafc)}.ach-u-row.done{background:color-mix(in srgb,var(--teal,#14b8a6) 9%,transparent);border-color:color-mix(in srgb,var(--teal,#14b8a6) 28%,transparent)}.ach-u-ico{font-size:26px;text-align:center}.ach-u-title{font-weight:800;font-size:14px}.ach-u-row.done .ach-u-title{text-decoration:line-through;text-decoration-thickness:2px;opacity:.72}.ach-u-desc{font-size:12px;color:var(--text-muted,#64748b);margin-top:2px}.ach-u-reward{font-size:12.5px;font-weight:700;color:var(--teal-dark,#0f766e);margin-top:5px}.ach-u-prog{display:flex;align-items:center;gap:8px;margin-top:7px}.ach-u-track{flex:1;height:8px;border-radius:5px;background:var(--border,#e5e7eb);overflow:hidden}.ach-u-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--teal,#14b8a6),var(--accent,#f59e0b));transition:width .5s ease}.ach-u-progtext{font-size:11.5px;font-weight:700;color:var(--text-muted,#64748b);font-variant-numeric:tabular-nums;white-space:nowrap}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}