:root{--ink:#28332b;--muted:#687069;--paper:#f5f2e9;--panel:#fffefb;--line:#dcd7ca;--sage:#718565;--sage-dark:#4f644e;--sage-pale:#e6ecdf;--blue:#2b68b2;--shadow:0 14px 38px rgba(39,49,41,.12);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:68px;display:flex;align-items:center;gap:22px;padding:0 22px;border-bottom:1px solid var(--line);background:rgba(255,254,251,.96);position:relative;z-index:20}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;text-align:left;padding:0}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--sage-dark);color:white;font:600 24px Georgia}.brand strong{font:500 22px Georgia}.brand small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.study-title-wrap{display:flex;flex-direction:column;flex:1;max-width:520px}.study-title-wrap input{border:0;background:transparent;font:500 17px Georgia;padding:2px 5px}.study-title-wrap input:focus{outline:1px solid var(--line);border-radius:5px}.study-title-wrap span{font-size:10px;color:var(--sage);padding-left:5px}.top-actions{display:flex;gap:9px}.button{border:1px solid var(--line);border-radius:10px;padding:10px 14px;background:var(--panel);font-weight:650}.button.primary{background:var(--sage-dark);border-color:var(--sage-dark);color:white}.button.subtle{background:#faf9f5}.button span{display:inline-grid;place-items:center;min-width:18px;height:18px;border-radius:10px;background:var(--sage-pale);font-size:11px}.shell{display:grid;grid-template-columns:248px 1fr;height:calc(100vh - 68px)}.sidebar{background:#efede5;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:20px 14px;z-index:15}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px}.sidebar h2{font:500 16px Georgia;margin:0}.study-list{display:flex;flex-direction:column;gap:6px;overflow:auto}.study-item{border:0;border-radius:10px;padding:11px;text-align:left;background:transparent}.study-item:hover,.study-item.active{background:var(--panel);box-shadow:0 2px 8px rgba(40,50,41,.06)}.study-item strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.study-item small{font-size:10px;color:var(--muted);text-transform:capitalize}.sidebar-foot{margin-top:auto;padding:13px 8px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6d9a60;margin-right:6px}.workspace{min-width:0;position:relative}.toolbar{height:52px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line);background:var(--panel);position:relative;z-index:10;overflow-x:auto}.tool-group{display:flex;gap:5px}.tool-group button{border:0;border-radius:8px;background:transparent;padding:8px 10px;font-size:12px;white-space:nowrap}.tool-group button:hover,.tool-group button.active{background:var(--sage-pale);color:var(--sage-dark)}.board-viewport{position:absolute;inset:52px 0 0;overflow:hidden;background-color:#f7f5ee;background-image:radial-gradient(#d3d0c6 1px,transparent 1px);background-size:24px 24px;touch-action:none}.board{width:4000px;height:3000px;position:absolute;transform-origin:0 0}.cards,.connections{position:absolute;inset:0}.connections{width:100%;height:100%;overflow:visible;pointer-events:none}.connection-line{fill:none;stroke:#8a9984;stroke-width:2;stroke-dasharray:7 5}.empty-state{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:28px;pointer-events:none}.empty-state>*{pointer-events:auto}.empty-state.hidden{display:none}.empty-mark{font-size:30px;color:var(--sage)}.empty-state h1{font:500 clamp(28px,4vw,46px) Georgia;margin:12px 0}.empty-state p{max-width:570px;color:var(--muted);line-height:1.6}.card{position:absolute;width:360px;height:240px;min-width:240px;min-height:140px;background:var(--panel);border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;resize:both}.card.selected{outline:3px solid rgba(113,133,101,.25);border-color:var(--sage)}.card.connect-target{outline:3px solid rgba(179,137,66,.35)}.card.collapsed{height:54px!important;min-height:54px;resize:none}.card.collapsed .card-body,.card.collapsed .card-footer{display:none}.card-header{height:54px;flex:0 0 54px;display:flex;align-items:center;gap:8px;padding:0 10px 0 13px;border-bottom:1px solid #ece8df;cursor:grab;touch-action:none}.type-dot{width:9px;height:9px;border-radius:50%;background:var(--accent,var(--sage))}.type-question{--accent:#a97846}.type-insight{--accent:#8a72a4}.type-background{--accent:#537d91}.type-connection{--accent:#aa6e71}.type-application{--accent:#5e8a65}.card-type{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.card-title{flex:1;border:0;background:transparent;font:500 16px Georgia;min-width:0}.card-title:focus{outline:none}.card-icon{border:0;background:transparent;color:var(--muted);width:28px;height:28px;border-radius:7px}.card-icon:hover{background:#efede6}.card-body{flex:1;padding:13px;overflow:auto}.card-editor{min-height:100%;outline:none;white-space:pre-wrap;line-height:1.55;font-size:14px}.card-editor:empty:before{content:attr(data-placeholder);color:#aaa79f}.reference-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.reference-chip{border:0;border-radius:8px;background:#e8f0fb;color:var(--blue);padding:5px 8px;font-size:11px}.card-footer{height:42px;flex:0 0 42px;border-top:1px solid #ece8df;display:flex;align-items:center;gap:4px;padding:0 9px}.research-action{border:0;background:transparent;border-radius:6px;padding:5px 7px;color:var(--muted);font-size:10px}.research-action:hover{background:var(--sage-pale);color:var(--sage-dark)}dialog{border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(20,30,20,.25);padding:24px;width:min(560px,calc(100vw - 28px));background:var(--panel)}dialog::backdrop{background:rgba(32,39,33,.45);backdrop-filter:blur(2px)}dialog form{display:grid;gap:18px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head small{font-size:10px;letter-spacing:.14em;color:var(--sage)}.dialog-head h2{font:500 25px Georgia;margin:5px 0}.icon-button{border:0;background:transparent;font-size:24px;border-radius:8px}dialog label{display:grid;gap:7px;font-size:12px;font-weight:650}dialog input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px;background:#faf9f5}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:650;margin-bottom:8px}.kind-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.kind-grid label{display:grid;justify-items:center;padding:11px 5px;border:1px solid var(--line);border-radius:10px;font-size:10px}.kind-grid input{position:absolute;opacity:0}.kind-grid label:has(input:checked){background:var(--sage-pale);border-color:var(--sage)}.kind-grid span{font:22px Georgia}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.side-dialog{margin-right:18px;height:calc(100vh - 36px);max-height:none;width:min(420px,calc(100vw - 28px))}.research-list{display:grid;gap:8px;max-height:calc(100vh - 140px);overflow:auto}.research-item{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;gap:10px;align-items:flex-start}.research-item div{flex:1}.research-item strong{display:block;font-size:13px}.research-item small{color:var(--muted)}.research-item button{border:0;background:transparent}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#27332b;color:white;padding:10px 16px;border-radius:10px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}.mobile-only,.mobile-dock{display:none}
@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;top:68px;bottom:0;left:0;width:min(320px,86vw);transform:translateX(-102%);transition:.22s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-only{display:block}.card-tools{display:none}.toolbar{justify-content:flex-end}.board-viewport{bottom:65px}.mobile-dock{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:0;left:0;right:0;height:65px;background:var(--panel);border-top:1px solid var(--line);z-index:12}.mobile-dock button{border:0;background:transparent;font-size:10px;color:var(--muted)}.mobile-dock span{display:block;font-size:21px;color:var(--ink)}.topbar{padding:0 10px;gap:8px}.brand small,.top-actions .subtle{display:none}.brand-mark{width:32px;height:32px}.brand strong{font-size:19px}.study-title-wrap input{font-size:14px}.top-actions .primary{font-size:0;padding:9px;width:38px;height:38px}.top-actions .primary:first-letter{font-size:20px}.card{width:320px;height:230px}.viewport-tools{margin-left:auto}}
@media(max-width:520px){.topbar{height:60px}.shell{height:calc(100vh - 60px)}.sidebar{top:60px}.brand span:last-child{display:none}.study-title-wrap{max-width:none}.study-title-wrap span{font-size:9px}.toolbar{height:46px;padding:0 7px}.board-viewport{inset:46px 0 65px}.card{width:290px}.kind-grid{grid-template-columns:repeat(3,1fr)}dialog{padding:19px}.side-dialog{margin:auto;height:calc(100vh - 24px)}}
.results-summary{color:var(--muted);font-size:13px;line-height:1.5}.result-button{width:100%;background:var(--panel);text-align:left}.result-button:hover{border-color:var(--sage);background:var(--sage-pale)}.result-button span{font-size:22px;color:var(--sage)}
.type-research{--accent:#566d9a}.board-research{display:grid;gap:9px;margin-bottom:12px}.board-research label{display:grid;gap:5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.research-query{border:1px solid var(--line);border-radius:8px;padding:9px 10px;background:#faf9f5;font-size:13px;text-transform:none;letter-spacing:0}.board-research p{margin:0;color:var(--muted);font-size:11px;line-height:1.4}.board-research-results{display:grid;gap:7px}.board-result{display:grid;gap:3px;width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fbfaf6;text-align:left}.board-result:hover{border-color:var(--sage);background:var(--sage-pale)}.board-result strong{font-size:12px;color:var(--blue)}.board-result small{font-size:10px;color:var(--muted)}.research-card-hint{width:100%;text-align:center;color:var(--muted);font-size:10px}.type-research .card-body{padding:12px}.type-research .card-editor{min-height:70px;border-top:1px solid #ece8df;padding-top:10px}.empty-results{padding:8px;border:1px dashed var(--line);border-radius:8px}
.board-result span{font-size:11px;line-height:1.4;color:var(--ink)}.board-result.full-search{border-style:dashed;background:var(--sage-pale)}.research-status{padding:12px;border-radius:8px;background:#eef2e9}.research-status.error{background:#f7e9e6;color:#8b463e}