:root{--bg-0:#6f86a3;--bg-1:#91a7bf;--bg-2:#c6d3e3;--surface:#ffffffc7;--surface-2:#ffffffad;--stroke:#141e2d1a;--text:#1e2632;--muted:#1e2632ad;--warm-1:#ecc6ad8c;--warm-2:#e8d6be8c;--warm-3:#d6e2d68c;--warm-4:#d7cce780;--shadow-1:0 10px 30px #0a121e1f;--shadow-2:0 6px 18px #0a121e1a;--shadow-3:0 12px 36px #0a121e2e;--shadow-inset:inset 0 1px 0 #ffffff8c;--danger:#b91c1c;--r-lg:18px;--r-md:14px;--r-sm:12px}html,body{height:100%}body{color:var(--text);background:radial-gradient(1400px 900px at 50% 50%, #ffffffd9 0%, #e6eef880 40%, #c6d3e333 70%, transparent 100%), radial-gradient(100% 100% at 50% 50%, transparent 0%, var(--bg-2) 60%, var(--bg-1) 85%, var(--bg-0) 100%);margin:0}.appShell{max-width:1120px;margin:0 auto;padding:22px 18px 38px}.topNav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.navGroup{flex-wrap:wrap;gap:10px;display:flex}.navPill{appearance:none;color:#141e2dcc;box-shadow:var(--shadow-inset);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;letter-spacing:.1px;background:#ffffff73;border:1px solid #ffffff8c;border-radius:999px;padding:10px 14px;font-weight:600}.navPill:hover{background:#ffffff8c}.navPill:disabled{opacity:.6;cursor:not-allowed}.navPill.isActive{color:#141e2deb;background:#ffffffb3;border-color:#ffffffbf}.pageTitle{text-align:center;letter-spacing:.2px;margin:18px 0 22px;font-size:44px}.mainGrid{grid-template-columns:220px 1fr 260px;align-items:start;gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panelInner{padding:14px}.panelTitle{color:#141e2de0;margin:0 0 10px;font-size:18px}.muted{color:var(--muted)}.input,.select,.button{box-sizing:border-box;width:100%;min-width:0;color:var(--text);box-shadow:var(--shadow-inset);background:#ffffffb3;border:1px solid #141e2d1f;border-radius:12px;outline:none;padding:10px 12px}.select{padding:9px 10px}.button{cursor:pointer;background:#ffffffbf;font-weight:700}.button:hover{background:#ffffffdb}.button:disabled{opacity:.6;cursor:not-allowed}.stack{gap:12px;display:grid}.tileGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.tile{border-radius:var(--r-lg);box-shadow:var(--shadow-2);cursor:pointer;text-align:center;background:#fff;border:1px solid #141e2d1a;grid-template-rows:1fr auto;min-height:86px;padding:16px 16px 14px;display:grid;position:relative}.tileLevel0{background:#fff}.tileLevel1{box-shadow:var(--shadow-2), 0 0 0 1px #ffb6c166 inset;background:#ffe8ec}.tileLevel2{box-shadow:var(--shadow-2), 0 0 0 2px #ff96a580 inset;background:#ffc4cc}.tileLevel3{box-shadow:var(--shadow-2), 0 0 0 3px #ff647880 inset;background:#ff9aa2}.tileLevel4{box-shadow:var(--shadow-2), 0 0 0 4px #dc324666 inset;color:#fff;background:#ff6b7a}.tileLevel4 .tileMeta,.tileLevel4 .badge{color:#fffffff2}.tileLabel{font-size:20px;font-weight:700;line-height:1.1}.tileMeta{color:#141e2db8;justify-content:space-between;align-items:center;font-weight:600;display:flex}.badge{background:#ffffff8c;border:1px solid #141e2d1a;border-radius:999px;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.infoDot{cursor:pointer;background:#ffffff80;border:1px solid #141e2d1a;border-radius:999px;place-items:center;width:26px;height:26px;font-size:13px;display:grid;position:absolute;top:10px;right:10px}.modalOverlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141e2d59;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.modalPanel{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--r-lg);min-width:0;max-height:90vh;box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1.5rem;overflow-y:auto}.modalTitle{color:var(--text);letter-spacing:.02em;margin:0 0 1rem;font-size:1.25rem;font-weight:700}.modalLabel{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;display:block}.modalInput,.modalTextarea{box-sizing:border-box;border-radius:var(--r-sm);width:100%;min-width:0;color:var(--text);box-shadow:var(--shadow-inset);background:#ffffffd9;border:1px solid #141e2d1f;outline:none;padding:12px 14px;font-size:1rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}.modalInput:focus,.modalTextarea:focus{box-shadow:var(--shadow-inset), 0 0 0 2px #6f86a326;border-color:#6f86a380}.modalTextarea{resize:vertical;min-height:120px}.modalTextareaLarge{min-height:160px}.modalActions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.modalCloseBtn{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:.25rem;font-size:1.5rem;line-height:1;transition:color .15s}.modalCloseBtn:hover{color:var(--text)}.conceptModalBackdrop{z-index:50;background:#00000059;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.conceptModal{border-radius:var(--r-lg);background:#fff;width:min(560px,95vw);max-height:85vh;padding:1.25rem;overflow-y:auto;box-shadow:0 20px 60px #0003}.drawerBackdrop{z-index:60;background:#00000040;position:fixed;inset:0}.sensemakingDrawer{z-index:61;background:#fff;flex-direction:column;width:min(1080px,100vw - 24px);padding:2rem 2.5rem;font-size:1rem;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 40px #00000026}.sensemakingDrawer textarea{font-size:1rem;line-height:1.5}.sensemakingDrawer select{padding:6px 8px;font-size:1rem}.sensemakingDrawer button{font-size:.95rem}@media (max-width:980px){.mainGrid{grid-template-columns:1fr}.tileGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.tileGrid{grid-template-columns:1fr}.pageTitle{font-size:34px}}