:root{--attach-secure:#10B981;--attach-anxious:#F43F5E;--attach-avoidant:#3B82F6;--attach-fearful:#8B5CF6;--dim-anxiety:#F43F5E;--dim-avoidance:#3B82F6}.type-secure{color:var(--attach-secure)}.type-anxious{color:var(--attach-anxious)}.type-avoidant{color:var(--attach-avoidant)}.type-fearful{color:var(--attach-fearful)}.attach-badge-area{padding:1.5rem 0}.attach-type-emoji{font-size:3rem;line-height:1;margin-bottom:.5rem}.attach-type-badge{display:inline-block;font-size:1.75rem;font-weight:900;letter-spacing:.05em;padding:.4rem 1.5rem;border-radius:1rem;color:#fff;margin-bottom:.75rem;box-shadow:0 4px 16px rgba(79,70,229,.3)}.attach-type-badge.badge-secure{background:linear-gradient(135deg,#10b981,#059669)}.attach-type-badge.badge-anxious{background:linear-gradient(135deg,#f43f5e,#e11d48)}.attach-type-badge.badge-avoidant{background:linear-gradient(135deg,#3b82f6,#2563eb)}.attach-type-badge.badge-fearful{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.attach-nickname{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:.25rem}.attach-group-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.75rem}.attach-summary{font-size:.9375rem;color:#475569;line-height:1.6;max-width:400px;margin:0 auto}.attach-quadrant-wrap{max-width:360px;margin:0 auto;padding:.5rem 0}.quadrant-svg{width:100%;height:auto}.quadrant-axis{stroke:#cbd5e1;stroke-width:1}.quadrant-grid{fill:none;stroke:#e2e8f0;stroke-width:.5;stroke-dasharray:4 4}.quadrant-zone{opacity:.08}.quadrant-label{font-size:11px;font-weight:600;fill:#94a3b8}.quadrant-axis-label{font-size:12px;font-weight:700}.quadrant-dot{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2));transition:r .3s}.quadrant-dot-ring{fill:none;stroke-width:2;opacity:.4;animation:2s ease-in-out infinite dot-pulse}@keyframes dot-pulse{0%,100%{opacity:.4}50%{opacity:.15}}.attach-dim-bars{max-width:400px;margin:0 auto}.attach-dim-item{margin-bottom:1rem}.attach-dim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.attach-dim-name{font-size:.875rem;font-weight:700}.attach-dim-score{font-size:.8125rem;font-weight:700;color:#64748b}.attach-dim-track{height:.625rem;background:#e2e8f0;border-radius:1rem;overflow:hidden}.attach-dim-fill{height:100%;border-radius:1rem;transition:width .6s}.attach-dim-fill.fill-anxiety{background:var(--dim-anxiety)}.attach-dim-fill.fill-avoidance{background:var(--dim-avoidance)}.heart-preview{max-width:240px;margin:1rem auto;position:relative}.heart-preview svg{width:100%;height:auto}.heart-quadrant-dot{animation:3s ease-in-out infinite heart-float}@keyframes heart-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width:767px){.attach-type-badge{font-size:1.5rem}.attach-nickname{font-size:1.25rem}}