.jb{gap:1rem;padding:1.25rem 0 3rem;display:grid}.jb-search{min-width:12rem}.jb-search-wrap{display:block}.jb-tabs{gap:.35rem;display:flex}.jb-tab{font:600 .85rem var(--sans);cursor:pointer;color:var(--text-soft);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;display:inline-flex}.jb-tab:hover{background:var(--paper-sunk)}.jb-tab.is-active{background:var(--accent-soft);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.jb-tab span{font:600 .72rem var(--mono);opacity:.7}.jb-composer{background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow-1);gap:.4rem;width:100%;max-width:40rem;margin-inline:auto;padding:.85rem 1rem;display:grid}.jb-composer__title{font:700 1rem var(--sans);background:0 0;border:0;padding:0}.jb-composer__title:focus,.jb-composer__body:focus{outline:none}.jb-composer__body{resize:none;font:.95rem var(--sans);background:0 0;border:0;min-height:1.6rem;padding:0}.jb-composer__row{justify-content:flex-end;gap:.4rem;display:flex}.jb-filters{gap:.4rem;display:grid}.jb-filter-row{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.jb-filter-label{font:600 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-right:.3rem}.jb-swatch{cursor:pointer;border:1px solid #00000024;border-radius:50%;width:1.4rem;height:1.4rem;padding:0}.jb-swatch.is-active{outline:2px solid var(--accent);outline-offset:2px}.jb-section{font:600 .7rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:.75rem 0 .5rem}.jb-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));align-items:start;gap:.85rem;display:grid}.jb-board[data-layout=list] .jb-grid{grid-template-columns:1fr}.jb-board[data-layout=list] .jb-note{width:100%;max-width:44rem;margin-inline:auto}.jb-note{background:var(--note-bg,#fff);color:var(--note-ink,var(--text));border-radius:var(--radius);box-shadow:var(--shadow-1);border:1px solid #0000001f;gap:.4rem;padding:.85rem .9rem 2.4rem;transition:box-shadow .14s,transform .14s;display:grid;position:relative}.jb-note:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.jb-note[data-pinned=true]{border-color:color-mix(in srgb, var(--accent) 45%, #0000001f)}.jb-note__open{cursor:pointer;border-radius:var(--radius);background:0 0;border:0;position:absolute;inset:0}.jb-note__title{pointer-events:none;font-size:1rem;font-weight:700;position:relative}.jb-note__body{white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;max-height:16rem;margin:0;font-size:.9rem;position:relative;overflow:hidden}.jb-note__list{gap:.25rem;margin:0;padding:0;font-size:.9rem;list-style:none;display:grid;position:relative}.jb-note__list li{align-items:flex-start;gap:.45rem;display:flex}.jb-note__list li.is-done span{opacity:.55;text-decoration:line-through}.jb-note__count{font:.72rem var(--mono);opacity:.65;pointer-events:none;position:relative}.jb-note__labels{pointer-events:none;flex-wrap:wrap;gap:.3rem;display:flex;position:relative}.jb-note__label{font:600 .68rem var(--sans);background:#00000014;border-radius:999px;padding:.15rem .45rem}.jb-note__actions{opacity:0;gap:.1rem;transition:opacity .14s;display:flex;position:absolute;bottom:.45rem;left:.55rem;right:.55rem}.jb-note:hover .jb-note__actions,.jb-note:focus-within .jb-note__actions{opacity:1}.jb-note__action{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:0;border-radius:5px;padding:.25rem .35rem;font-size:.9rem;position:relative}.jb-note__action:hover{opacity:1;background:#0000001a}.jb-check{cursor:pointer;width:1.05rem;height:1.05rem;color:inherit;opacity:.75;background:0 0;border:1.5px solid;border-radius:4px;flex:none;place-items:center;margin-top:.15rem;font-size:.72rem;line-height:1;display:grid;position:relative}.jb-check[aria-checked=true]{background:currentColor}.jb-check[aria-checked=true]:after{content:"✓";color:var(--note-bg,#fff);font-size:.7rem;position:absolute}.jb-progress{background:#0000001f;border-radius:2px;height:3px;position:relative;overflow:hidden}.jb-progress span{opacity:.55;background:currentColor;height:100%;display:block}.jb-editor{border-radius:var(--radius);background:var(--note-bg,#fff);width:min(38rem,100vw - 2rem);color:var(--note-ink,var(--text));box-shadow:var(--shadow-2);border:0;padding:0}.jb-editor::backdrop{background:#14161c80}.jb-editor__inner{gap:.6rem;padding:1.1rem 1.25rem 1rem;display:grid}.jb-editor__title{font:700 1.15rem var(--sans);color:inherit;background:0 0;border:0;padding:0}.jb-editor__body{resize:vertical;font:.95rem/1.6 var(--sans);color:inherit;background:0 0;border:0;padding:0}.jb-editor__title:focus,.jb-editor__body:focus,.jb-editor__labelinput:focus{outline:none}.jb-editor__list{gap:.3rem;display:grid}.jb-editor-item{align-items:center;gap:.5rem;display:flex}.jb-editor-item__text{color:inherit;background:0 0;border:0;border-bottom:1px solid #0000001f;flex:1;padding:.2rem 0}.jb-editor-item__text:focus{border-bottom-color:currentColor;outline:none}.jb-editor-item__text.is-done{opacity:.55;text-decoration:line-through}.jb-editor-item__remove{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:0;font-size:1rem}.jb-editor-item__remove:hover{opacity:1}.jb-editor__additem{cursor:pointer;color:inherit;opacity:.6;font:600 .82rem var(--sans);text-align:left;background:0 0;border:0;padding:0}.jb-editor__additem:hover{opacity:1}.jb-editor__labels{flex-wrap:wrap;gap:.3rem;display:flex}.jb-editor-label{font:600 .72rem var(--sans);background:#00000017;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .35rem .2rem .55rem;display:inline-flex}.jb-editor-label button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:0;font-size:.85rem;line-height:1}.jb-editor-label button:hover{opacity:1}.jb-editor__labelinput{color:inherit;background:0 0;border:0;border-bottom:1px solid #00000024;padding:.25rem 0;font-size:.85rem}.jb-editor__colors{flex-wrap:wrap;gap:.3rem;display:flex}.jb-editor__foot{border-top:1px solid #0000001a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.7rem;display:flex}.jb-editor__meta{font:.72rem var(--mono);opacity:.6}.jb-editor__actions{flex-wrap:wrap;gap:.35rem;display:flex}@media (width<=640px){.jb-search{min-width:8rem}}