.dpp-page{min-height:100vh;font-family:var(--font-n27),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#1f2937;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#faf9f6}.dpp-container{max-width:640px;margin:0 auto;padding:20px 16px 40px}.dpp-card{background:#fff;border:1px solid #0000000f;border-radius:20px;margin-bottom:16px;padding:28px 24px;transition:box-shadow .25s,transform .25s;box-shadow:0 1px 2px #00000008,0 4px 16px #00000008}.dpp-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000000a,0 12px 32px #00000012}.dpp-section-title{letter-spacing:-.01em;color:#111827;margin:0 0 20px;font-size:18px;font-weight:700}.dpp-header{justify-content:space-between;align-items:center;padding:16px 4px 20px;display:flex}.dpp-header-brand{align-items:center;gap:8px;display:flex}.dpp-brand-logo{object-fit:contain;width:auto;height:24px}.dpp-brand-logo--sm{height:24px}.dpp-brand-logo--md{height:36px}.dpp-brand-logo--lg{height:48px}.dpp-brand-name-text{color:#111827;letter-spacing:-.01em;font-size:20px;font-weight:700}.dpp-powered-by-img{object-fit:contain;opacity:.85;width:auto;height:16px}.dpp-hero{text-align:center;padding:0 0 12px}.dpp-product-image-wrap{perspective:800px;justify-content:center;margin-bottom:24px;animation:1.4s cubic-bezier(.22,1,.36,1) .2s both dpp-wobble-in;display:flex}.dpp-product-image{object-fit:cover;transform-origin:50%;background:#f3f4f6;border-radius:20px;width:280px;max-width:75%;height:auto;transition:transform .12s ease-out,box-shadow .2s;box-shadow:0 4px 6px #0000000a,0 10px 24px #0000000f}@keyframes dpp-wobble-in{0%{opacity:0;transform:perspective(800px)rotateY(-30deg)scale(.92)}25%{opacity:1;transform:perspective(800px)rotateY(14deg)scale(1)}50%{opacity:1;transform:perspective(800px)rotateY(-7deg)scale(1)}75%{opacity:1;transform:perspective(800px)rotateY(3deg)scale(1)}to{opacity:1;transform:perspective(800px)rotateY(0)scale(1)}}.dpp-product-image-placeholder{color:#9ca3af;background:#f3f4f6;border-radius:20px;justify-content:center;align-items:center;width:280px;max-width:75%;height:320px;margin:0 auto 24px;font-size:14px;display:flex}.dpp-product-name{text-transform:uppercase;letter-spacing:.02em;color:#111827;margin:0 0 6px;font-size:24px;font-weight:800;line-height:1.15}.dpp-product-sku{color:#9ca3af;letter-spacing:.04em;margin:0 0 4px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:13px}.dpp-product-mass{color:#9ca3af;margin:0;font-size:13px}.dpp-headline-metrics{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0;display:grid}@media (max-width:360px){.dpp-headline-metrics{grid-template-columns:1fr}}.dpp-kpi-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:10px;display:grid}.dpp-kpi-card{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;gap:4px;padding:18px 20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 2px #00000008,0 4px 16px #00000008}.dpp-kpi-card:hover{box-shadow:0 2px 4px #0000000a,0 8px 24px #0000000f}.dpp-kpi-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.dpp-kpi-value{color:#111827;letter-spacing:-.03em;font-size:26px;font-weight:700;line-height:1.15}.dpp-kpi-unit{color:#9ca3af;font-size:13px;font-weight:500}.dpp-kpi-badge{border-radius:8px;width:fit-content;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.dpp-kpi-badge[data-positive=true]{color:#166534;background-color:#dcfce7}.dpp-kpi-badge[data-positive=false]{color:#991b1b;background-color:#fee2e2}.materials-chart-container{flex-direction:column;align-items:center;gap:24px;display:flex}.materials-donut{margin:0 auto;display:block}.materials-legend{flex-wrap:wrap;justify-content:center;gap:8px 20px;display:flex}.materials-legend-item{align-items:center;gap:8px;font-size:13px;transition:opacity .15s;display:flex}.materials-legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.materials-legend-label{color:#374151;font-weight:500}.materials-legend-pct{color:#9ca3af;font-variant-numeric:tabular-nums;font-weight:500}.dpp-qr-section{text-align:center}.dpp-qr-container{flex-direction:column;align-items:center;gap:12px;display:flex}.dpp-qr-image{border-radius:16px;width:180px;height:180px;box-shadow:0 2px 8px #0000000f}.dpp-qr-hint{color:#9ca3af;letter-spacing:.01em;margin:0;font-size:13px}.care-grid{grid-template-columns:1fr;gap:10px;display:grid}@media (min-width:400px){.care-grid{grid-template-columns:repeat(2,1fr)}}.care-item-card{text-align:center;background:#fafafa;border:1px solid #0000000f;border-radius:14px;padding:16px;transition:box-shadow .2s,transform .2s}.care-item-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.care-item-icon-wrap{margin-bottom:10px}.care-item-icon{font-size:26px}.care-item-title{letter-spacing:-.01em;margin:0 0 4px;font-size:14px;font-weight:600}.care-item-desc{color:#6b7280;margin:0;font-size:12px;line-height:1.5}.dpp-footer{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:32px 0 40px;display:flex}.dpp-footer-link{color:#9ca3af;letter-spacing:.01em;font-size:13px;text-decoration:none;transition:color .2s}.dpp-footer-link:hover{color:#111827}.dpp-footer-copyright{color:#d1d5db;margin:0;font-size:11px}.dpp-divider{background:#e5e7eb;border-radius:2px;width:40px;height:3px;margin:8px auto 20px}.dpp-conflict-grid{grid-template-columns:1fr;gap:12px;margin:16px 0;display:grid}@media (min-width:400px){.dpp-conflict-grid{grid-template-columns:repeat(2,1fr)}}.dpp-conflict-card{text-align:center;color:inherit;cursor:pointer;flex-direction:column;align-items:center;text-decoration:none;display:flex}.dpp-conflict-card-image{object-fit:cover;background:#f3f4f6;border-radius:20px;width:160px;max-width:100%;height:auto;margin-bottom:12px;box-shadow:0 2px 8px #0000000a}.dpp-conflict-card-placeholder{width:160px;max-width:100%;margin-bottom:12px}.dpp-conflict-card-name{text-transform:uppercase;letter-spacing:.02em;color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.dpp-conflict-card-sku{color:#9ca3af;letter-spacing:.04em;margin:0 0 12px;font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:12px}.dpp-conflict-card-action{color:#111827;font-size:14px;font-weight:600;transition:opacity .2s}.dpp-conflict-card:hover .dpp-conflict-card-action{text-decoration:underline}.dpp-conflict-note{color:#9ca3af;text-align:center;margin:8px 0 0;font-size:12px;line-height:1.5}
.dpp-dark{--dpp-bg:#111827;--dpp-bg-elevated:#1f2937;--dpp-border:#374151;--dpp-text:#f9fafb;--dpp-text-secondary:#d1d5db;--dpp-text-muted:#9ca3af;--dpp-text-faint:#6b7280}.dpp-dark.dpp-page{background:var(--dpp-bg);color:var(--dpp-text)}.dpp-dark .dpp-card{background:var(--dpp-bg-elevated);border-color:var(--dpp-border)}.dpp-dark .dpp-card:hover{box-shadow:0 2px 4px #0003,0 8px 24px #00000040}.dpp-dark .dpp-section-title,.dpp-dark .dpp-brand-name-text{color:var(--dpp-text)}.dpp-dark .dpp-product-image{background:#374151;box-shadow:0 4px 6px #00000026,0 10px 24px #0003}.dpp-dark .dpp-product-image-placeholder{color:var(--dpp-text-muted);background:#374151}.dpp-dark .dpp-product-name{color:var(--dpp-text)}.dpp-dark .dpp-product-sku{color:var(--dpp-text-muted)}.dpp-dark .dpp-kpi-card{background:var(--dpp-bg-elevated);border-color:var(--dpp-border);box-shadow:0 1px 2px #00000026,0 4px 16px #00000026}.dpp-dark .dpp-kpi-card:hover{box-shadow:0 2px 4px #0003,0 8px 24px #00000040}.dpp-dark .dpp-kpi-label{color:var(--dpp-text-muted)}.dpp-dark .dpp-kpi-value{color:var(--dpp-text)}.dpp-dark .dpp-kpi-unit{color:var(--dpp-text-muted)}.dpp-dark .dpp-kpi-badge[data-positive=true]{color:#4ade80;background-color:#16a34a26}.dpp-dark .dpp-kpi-badge[data-positive=false]{color:#fca5a5;background-color:#ef444426}.dpp-dark .materials-legend-label{color:var(--dpp-text-secondary)}.dpp-dark .materials-legend-pct{color:var(--dpp-text-muted)}.dpp-dark .care-item-card{background:var(--dpp-bg-elevated);border-color:var(--dpp-border)}.dpp-dark .care-item-card:hover{box-shadow:0 2px 4px #0003,0 6px 16px #00000040}.dpp-dark .care-item-title{color:var(--dpp-text)}.dpp-dark .care-item-desc{color:var(--dpp-text-secondary)}.dpp-dark .dpp-qr-container{background:#fff}.dpp-dark .dpp-qr-hint,.dpp-dark .dpp-footer-link{color:var(--dpp-text-muted)}.dpp-dark .dpp-footer-link:hover{color:var(--dpp-text)}.dpp-dark .dpp-footer-copyright{color:var(--dpp-text-faint)}.dpp-dark .dpp-divider{border-color:var(--dpp-border)}.dpp-dark .dpp-info-modal{background:var(--dpp-bg-elevated);color:var(--dpp-text)}.dpp-dark .dpp-placeholder-banner .dpp-kpi-card{background:var(--dpp-bg-elevated)}.dpp-dark ::-webkit-scrollbar-track{background:var(--dpp-bg)}.dpp-dark ::-webkit-scrollbar-thumb{background:var(--dpp-border)}.dpp-dark .dpp-conflict-card-name,.dpp-dark .dpp-conflict-card-action{color:var(--dpp-text)}.dpp-dark .dpp-conflict-card-image{background:var(--dpp-bg-elevated)}