@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(/assets/newsreader-latin-500-normal-DFwuUcdu.woff)format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/newsreader-latin-600-normal-30OJ_TG_.woff2)format("woff2"),url(/assets/newsreader-latin-600-normal-DUnT2r2g.woff)format("woff")}:root{--accent:#0e6b64;--accent-strong:#0a524d;--accent-soft:#e2efed;--bg:#f7f6f2;--surface:#fff;--rail:#efede6;--text:#1c2321;--muted:#5d6662;--line:#dedbd2;--danger:#a3312a;--warn-bg:#fff4dc;--ui:"IBM Plex Sans", system-ui, sans-serif;--serif:"Newsreader", Georgia, serif;--touch:44px;--radius:8px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:400 15px/1.5 var(--ui);-webkit-font-smoothing:antialiased}button,input{font:inherit;color:inherit}button{min-height:var(--touch);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 14px}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.primary{background:var(--accent);color:#fff;font-weight:500}.primary:hover{background:var(--accent-strong)}.ghost{color:var(--accent);font-weight:500}.ghost:hover{background:var(--accent-soft)}.danger{color:var(--danger)}.danger:hover{background:#f7e4e2}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.brand{font:600 20px/1 var(--serif);color:var(--accent);margin-right:auto}.switch{border-radius:calc(var(--radius) + 3px);background:var(--rail);padding:3px;display:flex}.switch button{min-width:76px;min-height:38px;color:var(--muted);font-weight:500}.switch button[aria-pressed=true]{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #00000014}.panes{flex:1;grid-template-columns:232px 300px minmax(0,1fr);min-height:0;display:grid;position:relative}.pane{min-width:0;min-height:0;padding:16px;overflow:hidden auto}.rail{background:var(--rail);border-right:1px solid var(--line)}.pages{background:var(--surface);border-right:1px solid var(--line)}.editor{background:var(--surface);padding:16px clamp(16px,5vw,64px) 64px}.pane-head{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;display:flex}.pane-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:600}.pages .pane-title{min-width:0;font:600 18px/1.3 var(--serif);letter-spacing:0;text-transform:none;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.actions{gap:2px;display:flex}.pages .pane-head .actions{width:calc(100% + 14px);margin-left:-14px}.section-actions{justify-content:flex-end;margin:4px 0}.section-actions button{font-size:13px}.list{margin:0;padding:0;list-style:none}.item{text-align:left;border-radius:var(--radius);text-overflow:ellipsis;white-space:nowrap;width:100%;padding:10px 12px;display:block;overflow:hidden}.item:hover{background:var(--accent-soft)}.item[aria-current=true]{background:var(--accent);color:#fff}.page-item{white-space:normal;flex-direction:column;display:flex}.page-title{font:500 16px/1.3 var(--serif)}.page-date{color:var(--muted);font-size:12px}.page-item[aria-current=true] .page-date{color:#fffc}.add{width:100%;color:var(--accent);text-align:left;border:1px dashed var(--line);margin-top:8px;font-weight:500}.add:hover{background:var(--accent-soft);border-color:var(--accent)}.tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:4px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.tab{border-radius:var(--radius) var(--radius) 0 0;color:var(--muted);border-bottom:3px solid #0000;flex:none;font-weight:500}.tab[aria-current=true]{color:var(--accent);border-bottom-color:var(--accent)}.add-tab{min-width:var(--touch);font-size:20px}.hint{color:var(--muted);padding:8px 0}.editor-head{justify-content:flex-end}.status{color:var(--muted);margin-right:auto;font-size:13px}.status-error{color:var(--danger)}.title-input{width:100%;font:600 clamp(28px, 4vw, 38px)/1.2 var(--serif);background:0 0;border:0;padding:4px 0}.title-input:focus-visible{box-shadow:0 2px 0 var(--accent);outline:none}.meta{color:var(--muted);margin:4px 0 16px;font-size:13px}.md-editor{--baseBg:var(--surface);border-top:1px solid var(--line);min-width:0}.md-editor [role=toolbar]{z-index:1;background:var(--surface);border-bottom:1px solid var(--line);border-radius:0;flex-wrap:wrap;position:sticky;top:-16px}.prose{min-height:50vh;padding:16px 0;font-size:16px;line-height:1.7}.prose h1,.prose h2,.prose h3{font-family:var(--serif);line-height:1.25}.prose a{color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent-soft);color:var(--muted);margin-left:0;padding-left:16px}.banner{border-radius:var(--radius);background:var(--warn-bg);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.banner button{background:var(--accent);color:#fff}.toast{z-index:10;border-radius:var(--radius);background:var(--text);color:#fff;align-items:center;gap:8px;max-width:calc(100% - 32px);margin:0;padding:4px 4px 4px 14px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.toast .ghost{color:#9fe0d8}.rail .item{flex-direction:column;display:flex}.item-name{text-overflow:ellipsis;overflow:hidden}.tag{color:var(--muted);text-transform:capitalize;font-size:12px}.item[aria-current=true] .tag{color:#fffc}select,.add-member input{min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;padding:0 10px}.dialog{border:0;border-radius:12px;width:min(520px,100vw - 32px);padding:20px;box-shadow:0 12px 40px #0003}.dialog::backdrop{background:#1c232166}.dialog-head{align-items:center;gap:8px;display:flex}.dialog-head h2{font:600 22px/1.25 var(--serif);flex:1;margin:0}.members{margin:12px 0;padding:0;list-style:none}.members li{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}.member-email{overflow-wrap:anywhere;flex:1;min-width:0}.add-member label{margin-bottom:6px;font-weight:500;display:block}.add-member .row{flex-wrap:wrap;gap:8px;display:flex}.add-member input{flex:200px;min-width:0}.form-error{border-radius:var(--radius);color:var(--danger);background:#f7e4e2;margin:12px 0 0;padding:8px 12px}.board-view{background:var(--surface);flex-direction:column;flex:1;min-height:0;padding:0 16px;display:flex;position:relative}.board-tabs{flex:none}.board-tabs .tag{text-transform:none}.board-head{flex-wrap:wrap;flex:none;align-items:center;gap:4px 12px;padding:12px 0;display:flex}.board-title{min-width:0;font:600 22px/1.25 var(--serif);overflow-wrap:anywhere;margin:0}.board-head .actions{margin-left:auto}.columns{scrollbar-width:thin;flex:1;align-items:flex-start;gap:12px;min-height:0;margin:0 -16px;padding:0 16px 16px;display:flex;overflow-x:auto}.column{background:var(--rail);border-radius:12px;flex-direction:column;flex:0 0 288px;max-height:100%;padding:8px;display:flex}.column-head{align-items:center;gap:8px;padding:0 0 4px 6px;display:flex}.column-title{overflow-wrap:anywhere;flex:1;min-width:0;margin:0;font-size:14px;font-weight:600}.column-count{background:var(--surface);min-width:24px;color:var(--muted);text-align:center;border-radius:999px;padding:0 6px;font-size:12px}.card-list{border-radius:var(--radius);flex:auto;min-height:48px;margin:0;padding:2px;list-style:none;overflow-y:auto}.card-list.drop-target{background:var(--accent-soft)}.card-slot{margin-bottom:8px}.card-slot.dragging{opacity:.4}.card{border:1px solid var(--line);background:var(--surface);text-align:left;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:10px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.card:hover{border-color:var(--accent)}.card-slot[draggable=true] .card{cursor:grab}.card-title{overflow-wrap:anywhere;font-weight:500}.card-notes{-webkit-line-clamp:2;color:var(--muted);white-space:pre-line;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.due{background:var(--accent-soft);color:var(--accent-strong);border-radius:999px;padding:1px 8px;font-size:12px}.due.today{background:var(--warn-bg);color:#7a5200}.due.overdue{color:var(--danger);background:#f7e4e2}.drop-marker{background:var(--accent);border-radius:2px;height:4px;margin:0 0 8px}.column-empty{color:var(--muted);padding:12px 6px;font-size:13px}.column .add{border-color:#0000;margin-top:4px}.column .add:hover{border-color:var(--accent)}.add-column{flex:0 0 200px;margin-top:0}.add-card input,.card-form input,.card-form textarea{width:100%;min-height:var(--touch);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:inherit;padding:8px 10px}.add-card .row{gap:4px;margin-top:6px;display:flex}.menu{position:relative}.menu summary{border-radius:var(--radius);cursor:pointer;width:36px;height:36px;color:var(--muted);place-items:center;font-size:18px;list-style:none;display:grid}.menu summary::-webkit-details-marker{display:none}.menu summary:hover,.menu[open] summary{background:var(--surface)}.menu-list{z-index:5;border-radius:var(--radius);background:var(--surface);flex-direction:column;min-width:160px;padding:4px;display:flex;position:absolute;right:0;box-shadow:0 8px 24px #00000026}.menu-list button{text-align:left}.menu-list button:hover{background:var(--accent-soft)}.card-form label{margin:12px 0 4px;font-weight:500;display:block}.card-form textarea{resize:vertical;line-height:1.5}.card-form .row{flex-wrap:wrap;gap:12px;display:flex}.card-form .field{flex:180px}.card-form select{width:100%}.dialog-actions{justify-content:space-between;gap:8px;display:flex}.signin,.empty-state{text-align:center;place-content:center;justify-items:center;gap:8px;height:100%;padding:16px;display:grid}.brand-lg{font:600 44px/1 var(--serif);color:var(--accent);margin:0}.signin p,.empty-state p{color:var(--muted);margin:0 0 12px}.empty-state h2{font:600 28px/1.2 var(--serif);margin:0}.mobile-only{display:none}@media (width<=860px){.panes{display:block}.pane{height:100%;display:none}.panes[data-pane=notebooks] .rail,.panes[data-pane=pages] .pages,.panes[data-pane=editor] .editor{display:block}.rail,.pages{border-right:0}.mobile-only{align-items:center;padding-left:4px;display:inline-flex}.topbar{gap:8px;padding:0 8px 0 16px}.topbar .ghost{padding:0 8px}.prose{overflow-wrap:anywhere}.switch button{min-width:64px}.columns{scroll-snap-type:x mandatory}.column{scroll-snap-align:center;flex-basis:min(85vw,320px)}.board-head .actions{width:calc(100% + 14px);margin-left:-14px}}
