.fingerprint-container{margin:0 auto;max-width:900px}.fingerprint-hash{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;margin-bottom:2rem;padding:2rem;text-align:center}.fingerprint-hash h2{color:#fff;font-size:1.25rem;margin-bottom:.5rem}.hash-value{background:rgba(0,0,0,.3);border-radius:8px;color:#4ade80;font-family:Courier New,monospace;font-size:1.1rem;margin-top:1rem;padding:1rem;word-break:break-all}.uniqueness-meter{margin-top:1.5rem}.uniqueness-label{color:var(--text-secondary);display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.uniqueness-bar{background:hsla(0,0%,100%,.1);border-radius:4px;height:8px;overflow:hidden}.uniqueness-fill{background:linear-gradient(90deg,#22c55e,#eab308,#ef4444);border-radius:4px;height:100%;transition:width .5s ease}.section-card{background:var(--card-bg,#2d3748);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.section-card h3{align-items:center;color:#fff;display:flex;gap:.5rem;margin-bottom:1rem}.data-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-item{background:rgba(0,0,0,.2);border-radius:8px;padding:1rem}.data-item .label{color:var(--text-secondary,#a0aec0);font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.data-item .value{color:#fff;font-size:.95rem;word-break:break-word}.data-item .value.mono{font-family:Courier New,monospace;font-size:.85rem}.data-item .value.success{color:#4ade80}.data-item .value.warning{color:#fbbf24}.data-item .value.error{color:#f87171}.canvas-preview{margin-top:1rem;text-align:center}.canvas-preview canvas{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;max-width:100%}.webgl-preview{margin-top:1rem;text-align:center}.webgl-preview canvas{border:1px solid hsla(0,0%,100%,.1);border-radius:8px;max-width:100%}.font-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.font-tag{background:rgba(59,130,246,.2);border-radius:4px;color:#60a5fa;font-size:.75rem;padding:.25rem .5rem}.extension-list{color:var(--text-secondary);font-size:.8rem;margin-top:.5rem;max-height:150px;overflow-y:auto}.privacy-score{gap:1rem;margin-top:1rem}.privacy-score,.score-circle{align-items:center;display:flex}.score-circle{border-radius:50%;color:#fff;font-size:1.5rem;font-weight:700;height:80px;justify-content:center;width:80px}.score-circle.good{background:linear-gradient(135deg,#22c55e,#16a34a)}.score-circle.medium{background:linear-gradient(135deg,#eab308,#ca8a04)}.score-circle.poor{background:linear-gradient(135deg,#ef4444,#dc2626)}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.info-box{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-top:1.5rem;padding:1rem}.info-box h4{color:#60a5fa;margin-bottom:.5rem}.info-box p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.copy-hash-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:all .2s}.copy-hash-btn:hover{background:hsla(0,0%,100%,.2)}