.dna-sec{padding:44px var(--gutter);border-bottom:1px solid var(--line);scroll-margin-top:120px}.dna-box{max-width:760px;margin:0 auto;text-align:center}.dna-title{font-size:22px;font-weight:800;font-style:italic;letter-spacing:.01em;margin:0 0 26px;text-transform:uppercase}.dna-title b{font-weight:900;font-size:1.15em;box-shadow:inset 0 -3px #f2c14e}.dna-bars{display:grid;grid-template-columns:1fr;gap:12px 40px;text-align:left}@media (min-width: 640px){.dna-bars{grid-template-columns:1fr 1fr}}.dfader{display:grid;grid-template-columns:78px 1fr 42px;align-items:center;gap:10px}.dfader-label{text-align:left;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.15;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.dfader-label small{display:block;font-size:10px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:1px}.dfader.lit .dfader-label{color:var(--c)}.dfader-track{position:relative;height:26px;background:var(--bg-2);border:1px solid var(--line);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.dfader-track:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dfader-track:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background-image:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),rgba(0,0,0,.07) calc(10% - 1px),rgba(0,0,0,.07) 10%)}.dfader-fill{position:absolute;inset:0 auto 0 0;width:0%;background:var(--c);z-index:2;transition:width .12s cubic-bezier(.2,.8,.2,1)}.dfader-knob{position:absolute;top:50%;left:0%;z-index:4;width:10px;height:34px;transform:translate(-50%,-50%);background:#fff;border:1px solid #CFCFCF;box-shadow:0 2px 6px #0003;transition:left .12s cubic-bezier(.2,.8,.2,1),border-color .2s;pointer-events:none}.dfader.lit .dfader-knob{border-color:var(--c)}.dfader-track:after{content:"";position:absolute;top:3px;bottom:3px;left:var(--cap, 100%);width:2px;z-index:3;background:var(--ink);opacity:0;transform:scaleY(.4);transition:opacity .18s,transform .18s;pointer-events:none}.dfader.capped .dfader-track:after{opacity:.8;transform:scaleY(1)}.dfader-val{text-align:right;font-size:12px;font-weight:700;color:var(--sold)}.dfader.lit .dfader-val{color:var(--ink)}.dna-meta{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:22px 0 16px;font-size:13px;color:var(--ink-2)}.dna-meta b{font-size:20px;font-weight:800;color:var(--ink)}.dna-meta b.complete{color:var(--accent)}.dna-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.dna-actions .btn{height:42px;border-radius:21px;padding:0 22px;font-size:13px}.dna-note{font-size:12px;margin:14px 0 0}.dna-note a{color:var(--ink-2);text-decoration:underline}.style-matching-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#f8f8fa52;-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);opacity:0;pointer-events:none;transition:opacity .45s ease}.style-matching-overlay.active{opacity:1;pointer-events:auto}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.style-matching-overlay{background:#fafafce6}}.sm-bg-pattern{display:none}.sm-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:26px;width:min(420px,calc(100vw - 32px));padding:44px 32px 36px;background:linear-gradient(145deg,#ffffffb8,#ffffff73);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:0 24px 70px #14142829,0 2px 8px #1414280f,inset 0 1px #ffffffe6;transform:translateY(12px) scale(.97);transition:transform .6s cubic-bezier(.2,.8,.2,1)}.style-matching-overlay.active .sm-inner{transform:none}.sm-circle-wrap{position:relative;width:196px;height:196px}.sm-circle-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.sm-circle-bg{fill:none;stroke:#1111110a;stroke-width:10}.sm-circle-track{fill:none;stroke:#11111114;stroke-width:3}.sm-circle-progress{fill:none;stroke:#111;stroke-width:3;stroke-linecap:round;stroke-dasharray:534.07;stroke-dashoffset:534.07;transition:stroke-dashoffset .1s linear}.sm-circle-glow{fill:none;stroke:#111;stroke-width:10;stroke-linecap:round;stroke-dasharray:534.07;stroke-dashoffset:534.07;opacity:.06;filter:blur(5px)}.sm-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sm-pct{font-family:var(--f-body);font-size:2.6rem;font-weight:800;letter-spacing:-.03em;color:#111;font-variant-numeric:tabular-nums;transition:opacity .5s}.sm-pct.glow{color:#111}.sm-logo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform:scale(.6);opacity:0;transition:all .8s cubic-bezier(.19,1,.22,1);pointer-events:none}.sm-logo.reveal{opacity:1;transform:scale(1)}.sm-logo-img{height:44px;width:auto;max-width:140px;object-fit:contain}.sm-status{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:3rem}.sm-msg{font-family:var(--f-body);font-size:.95rem;font-weight:700;color:#111;text-align:center;margin:0;transition:all .4s ease}.sm-sub-msg{font-family:var(--f-body);font-size:.78rem;color:#6b6b72;text-align:center;margin:0}.sm-msg.blur-out{filter:blur(4px);opacity:0;transition:all .15s ease}.sm-dna-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:340px}.sm-dna-pill{font-family:var(--f-body);font-size:.75rem;font-weight:600;padding:6px 14px;border-radius:20px;border:1px solid rgba(17,17,17,.1);color:#9a9aa2;background:#fff9;transition:all .6s ease}.sm-dna-pill{display:inline-flex;align-items:center;gap:6px}.sm-dna-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.35;transition:all .6s ease}.sm-dna-pill.lit{border-color:var(--pill-color, #111);color:#111;background:#fff;box-shadow:0 4px 14px color-mix(in srgb,var(--pill-color, #111) 28%,transparent)}.sm-dna-pill.lit:before{background:var(--pill-color, #111);opacity:1}.sm-bar{position:fixed;bottom:0;left:0;height:2px;background:#111;transition:width .1s linear;z-index:3}@media (max-width: 768px){.sm-circle-wrap{width:168px;height:168px}.sm-pct{font-size:2.2rem}}