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