:root{--bg:#0a0a0f;--surface:#13131a;--border:#1e1e2e;--center-bg:#1a1a2e;--center-accent:#4f46e5;--c1:#0f4c81;--c2:#1a472a;--c3:#4a1942;--c4:#7b3200;--c5:#2d3561;--c6:#3d1a00;--c7:#1a3a3a;--c8:#3b1a00;--c1-light:#1e6dba;--c2-light:#2d6e42;--c3-light:#7d2f6e;--c4-light:#b84f00;--c5-light:#3d4fa8;--c6-light:#a05a00;--c7-light:#1f6060;--c8-light:#7a3200;--text:#e8e8f0;--text-muted:#889;--text-dim:#556}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,sans-serif}header{text-align:center;margin-bottom:32px}header h1{letter-spacing:-.03em;color:#fff;font-family:Space Grotesk,sans-serif;font-size:clamp(20px,4vw,32px);font-weight:700}header p{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:6px;font-size:13px}.grid-wrapper{max-width:900px;margin:0 auto;overflow-x:auto}.mandala{aspect-ratio:1;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:3px;min-width:540px;display:grid}.cell{text-align:center;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:default;-webkit-user-select:none;user-select:none;white-space:pre-wrap;border-radius:4px;justify-content:center;align-items:center;padding:4px;font-size:clamp(7px,1.1vw,11px);font-weight:400;line-height:1.25;transition:transform .15s,filter .15s;display:flex}.cell:not(.empty):hover{filter:brightness(1.35);z-index:10;position:relative;transform:scale(1.04)}.cell.core{background:var(--center-accent);color:#fff;letter-spacing:-.01em;border:2px solid #7c6ff7;border-radius:6px;font-family:Space Grotesk,sans-serif;font-size:clamp(8px,1.2vw,13px);font-weight:700}.cell.hub{letter-spacing:-.01em;color:#fff;border-width:2px;border-radius:5px;font-family:Space Grotesk,sans-serif;font-size:clamp(7px,1.1vw,11px);font-weight:700}.cell.empty{background:#111118;border:1px solid #1a1a2a}.cell-label:hover,.cell-hub-label:hover,.cell-core-label:hover{text-underline-offset:2px;-webkit-text-decoration:underline #ffffff4d;text-decoration:underline #ffffff4d}.area-1{background:var(--c1);border-color:var(--c1-light)}.area-2{background:var(--c2);border-color:var(--c2-light)}.area-3{background:var(--c3);border-color:var(--c3-light)}.area-4{background:var(--c4);border-color:var(--c4-light)}.area-5{background:var(--c5);border-color:var(--c5-light)}.area-6{background:var(--c6);border-color:var(--c6-light)}.area-7{background:var(--c7);border-color:var(--c7-light)}.area-8{background:var(--c8);border-color:var(--c8-light)}.area-1{color:#a8d4ff}.area-2{color:#a8ffcc}.area-3{color:#f0a8ff}.area-4{color:#ffd3a8}.area-5{color:#a8baff}.area-6{color:#ffdba8}.area-7{color:#a8f0f0}.area-8{color:#ffcba8}.cell.hub{color:#fff!important}.legend{grid-template-columns:repeat(4,1fr);gap:8px;max-width:900px;margin:24px auto 0;display:grid}.legend-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;display:flex}.legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.legend-label{color:var(--text-muted);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500}.legend-label:hover{color:#e8e8f0}@media (max-width:768px){.legend{grid-template-columns:repeat(2,1fr)}.mandala{gap:2px;min-width:360px}.cell{padding:2px;font-size:clamp(6px,1.5vw,9px)}.cell.core{font-size:clamp(7px,1.8vw,11px)}.cell.hub{font-size:clamp(6px,1.5vw,9px)}header{margin-bottom:16px}header p{font-size:11px}}.checkbox-large{appearance:none;cursor:pointer;border:2px solid #555;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;height:22px;transition:background .15s,border-color .15s;display:inline-flex}.checkbox-large:checked{background:#4f46e5;border-color:#4f46e5}.checkbox-large:checked:after{content:"✓";color:#fff;font-size:14px;font-weight:700;line-height:1}.checkbox-large:hover{border-color:#7c6ff7}@media (max-width:700px){.quadrant-grid{grid-template-rows:none!important;grid-template-columns:1fr!important}}@media (max-width:800px){.board-columns{-webkit-overflow-scrolling:touch;padding-bottom:8px;overflow-x:auto;grid-template-columns:repeat(4,260px)!important}}