body{margin:0;font-family:system-ui,sans-serif;background:#f5f7fb;color:#1f2937}header{background:#111827;color:#fff;padding:22px 30px;display:flex;justify-content:space-between;gap:20px;align-items:center}h1{margin:0;font-size:30px}header p{margin:4px 0 0;color:#cbd5e1}nav{display:flex;gap:8px;flex-wrap:wrap}button{border:0;border-radius:999px;padding:10px 14px;cursor:pointer;background:#374151;color:white;font-weight:700}button.active{background:white;color:#111827}main{padding:24px}.view{display:none}.view.active{display:block}.panel{background:white;border-radius:24px;padding:24px;box-shadow:0 10px 30px rgba(15,23,42,.10)}.map{height:420px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#dcfce7 55%,#fef9c3);border:1px solid #d1d5db}.memory-circle{position:absolute;border-radius:50%;display:grid;place-items:center;text-align:center;color:white;font-weight:800;line-height:1.2;box-shadow:0 14px 35px rgba(0,0,0,.18);border:4px solid rgba(255,255,255,.9)}.emergency{background:rgba(239,68,68,.88)}.travel{background:rgba(37,99,235,.86)}.life{background:rgba(22,163,74,.86)}.relationship{background:rgba(168,85,247,.86)}.center{z-index:5}.event-circle{position:absolute;border-radius:50%;display:grid;place-items:center;text-align:center;color:#1e3a8a;font-weight:800;line-height:1.2;background:rgba(255,255,255,.55);border:4px dashed #2563eb;z-index:4}.links{position:absolute;inset:0;z-index:1}.links line{stroke:#334155;stroke-width:3;stroke-dasharray:6 8;opacity:.75}table{width:100%;border-collapse:collapse;margin-top:16px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb;vertical-align:top}th{background:#f1f5f9}.question-list{display:grid;gap:10px;margin:20px 0}.question-list div,.asset-card{background:#f8fafc;border:1px solid #e5e7eb;padding:12px;border-radius:14px}.data-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}code{background:#f1f5f9;padding:2px 6px;border-radius:6px}a{color:#2563eb}