.duy-css-skinprint{--duy-gold: #a88845;--duy-gold-hover: #8a6f37;--duy-gold-soft: rgba(168, 136, 69, .1);max-width:720px;margin:0 auto}.duy-css-skinprint-panel{background:var(--color-surface);border:1px solid var(--color-hairline);border-top:2px solid var(--duy-gold);border-radius:8px;padding:32px 24px}@media(min-width:768px){.duy-css-skinprint-panel{padding:48px 40px}}.duy-css-skinprint-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:24px}.duy-css-skinprint-dot{width:8px;height:8px;border-radius:50%;background:var(--duy-gold)}.duy-css-skinprint-title{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(28px,4.5vw,44px);line-height:1.1;letter-spacing:-.015em;color:var(--color-ink);margin:0 0 16px}.duy-css-skinprint-lead{font-family:var(--font-body);font-size:15px;line-height:1.7;color:var(--color-ink-muted);margin:0 0 28px;max-width:560px}.duy-css-skinprint-lead strong{color:var(--color-ink);font-weight:600}.duy-css-skinprint-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.duy-css-skinprint-btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--duy-gold);color:#faf8f2;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;padding:14px 26px;border:1px solid var(--duy-gold);border-radius:4px;cursor:pointer;transition:background .2s ease,transform .2s ease}.duy-css-skinprint-btn-gold:hover{background:var(--duy-gold-hover);border-color:var(--duy-gold-hover);transform:translateY(-1px)}.duy-css-skinprint-btn-gold:active{transform:translateY(0)}.duy-css-skinprint-link{font-family:var(--font-body);font-size:14px;color:var(--color-ink-muted);text-decoration:underline;text-underline-offset:5px;background:none;border:0;padding:0;cursor:pointer;transition:color .2s ease}.duy-css-skinprint-link:hover{color:var(--duy-gold)}.duy-css-skinprint-code-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:28px}.duy-css-skinprint-code-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:8px}.duy-css-skinprint-code{font-family:var(--font-mono);font-size:clamp(28px,6vw,44px);font-weight:600;letter-spacing:.08em;color:var(--color-ink);font-variant-numeric:tabular-nums}.duy-css-skinprint-block{margin-bottom:24px}.duy-css-skinprint-block-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-ink-muted);margin-bottom:12px}.duy-css-skinprint-concerns{display:flex;flex-wrap:wrap;gap:8px}.duy-css-skinprint-concern{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);background:var(--duy-gold-soft);border:1px solid var(--duy-gold);border-radius:9999px;padding:6px 14px}.duy-css-skinprint-scores{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:560px){.duy-css-skinprint-scores{grid-template-columns:repeat(3,1fr)}}.duy-css-skinprint-score-head{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--color-ink);margin-bottom:8px;font-variant-numeric:tabular-nums}.duy-css-skinprint-bar{height:4px;background:var(--color-hairline);border-radius:9999px;overflow:hidden}.duy-css-skinprint-bar i{display:block;height:100%;width:0%;background:var(--duy-gold);transition:width .6s cubic-bezier(.16,1,.3,1)}.duy-css-skinprint-disclaimer{font-family:var(--font-body);font-size:12px;font-style:italic;line-height:1.6;color:var(--color-ink-subtle);margin:24px 0 0;padding-top:16px;border-top:1px solid var(--color-hairline)}.duy-css-skinprint-skel{background:linear-gradient(90deg,var(--color-hairline) 25%,var(--color-surface-alt) 37%,var(--color-hairline) 63%);background-size:400% 100%;border-radius:4px;animation:duy-css-skinprint-shimmer 1.4s ease infinite}.duy-css-skinprint-skel-code{height:44px;width:60%;margin-bottom:16px}.duy-css-skinprint-skel-line{height:16px;width:90%}@keyframes duy-css-skinprint-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){.duy-css-skinprint-skel{animation:none}.duy-css-skinprint-bar i{transition:none}}
