.nb{display:grid;grid-gap:1rem;gap:1rem}.nb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1.5rem;flex-wrap:wrap}.nb-head-text{min-width:0;flex:1 1 360px}.nb-head-text h2{margin:0 0 .25rem}.nb-head-text p{margin:0;color:var(--text-soft);font-size:.88rem;max-width:72ch}.nb-head-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.nb-band{display:grid;grid-gap:.25rem;gap:.25rem}.nb-band-title{margin:0;padding:.4rem .75rem;border-radius:8px;background:var(--bg);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-medium)}.nb-list{list-style:none;margin:0;padding:0;display:grid}.nb-row{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-gap:1rem;gap:1rem;align-items:start;padding:.9rem .25rem .9rem .75rem;border-top:1px solid var(--border)}.nb-row:first-child{border-top:none}.nb-row.shared:before{content:"";position:absolute;left:0;top:.9rem;bottom:.9rem;width:3px;border-radius:2px;background:var(--brand)}.nb-day{display:grid;justify-items:center;align-self:stretch;align-content:center;width:56px;box-sizing:border-box;padding:.45rem 0;border:1px solid var(--border);border-radius:10px;background:var(--surface);line-height:1.1}.nb-day-wd{font-size:.68rem;color:var(--text-soft);text-transform:lowercase}.nb-day-num{font-family:var(--font-display,inherit);font-size:1.35rem;font-weight:600;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nb-day-mo{font-size:.68rem;color:var(--text-soft)}.nb-body{min-width:0;display:grid;grid-gap:.35rem;gap:.35rem;align-content:start}.nb-tags{margin:0;display:flex;gap:.35rem;flex-wrap:wrap}.nb-area,.nb-tags{align-items:center}.nb-area{display:inline-flex;padding:.12rem .55rem;border-radius:999px;border:1px solid var(--brand-line,var(--border));color:var(--teal-800,var(--text-medium));font-size:.78rem;font-weight:600}.nb-text{margin:0;white-space:pre-line;color:var(--text);line-height:1.5;overflow-wrap:anywhere}.nb-byline{margin:0;font-size:.8rem;color:var(--text-soft)}.nb-actions{align-self:start}.nb-photo{width:168px;max-width:100%;aspect-ratio:4/3;padding:0;border:1px solid var(--border);border-radius:10px;background:var(--bg);overflow:hidden;cursor:zoom-in;display:grid;place-items:center}.nb-photo img{width:100%;height:100%;object-fit:cover;display:block}.nb-photo-empty{font-size:.78rem;color:var(--text-soft);padding:.5rem;text-align:center}.nb-photo:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.nb-more{margin:0;display:flex;justify-content:center}.nb-quick-tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.nb-quick-tools .search{flex:1 1 220px}.nb-quick-count{font-size:.85rem;color:var(--text-medium);margin-left:auto}.nb-people{list-style:none;margin:0;padding:.25rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));grid-gap:.35rem;gap:.35rem;max-height:min(320px,40vh);overflow-y:auto;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.nb-person{display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border-radius:9px;border:1px solid transparent;background:var(--surface);cursor:pointer;font-size:.9rem}.modal-body .form .form-section label.nb-person{flex-direction:row;align-items:center;font-weight:500;font-size:.9rem}.modal-body .form .nb-person input[type=checkbox]{width:16px;height:16px;padding:0;margin:0;flex:none}.nb-person.on{border-color:var(--brand);background:var(--brand-soft,var(--surface))}.nb-person span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-done{display:flex;align-items:center;gap:.5rem;margin:0;color:var(--teal-800,var(--text));font-weight:600}@media (max-width:640px){.nb-row{grid-template-columns:48px minmax(0,1fr) auto;gap:.7rem;padding-left:.6rem}.nb-day{width:48px}.nb-photo{width:140px}}.nb-mode{align-self:flex-start}.nb-each{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem;max-height:46vh;overflow-y:auto}.nb-each label{display:grid;grid-template-columns:minmax(9rem,14rem) 1fr;grid-gap:.6rem;gap:.6rem;align-items:start}.nb-each-name{padding-top:.45rem;font-size:.9rem;font-weight:600}.nb-each textarea{width:100%;min-height:2.3rem;resize:vertical;font:inherit;font-size:.9rem}@media (max-width:560px){.nb-each label{grid-template-columns:1fr;gap:.2rem}.nb-each-name{padding-top:0}}