.nt-page{--nt-sage:#e4eedd;--nt-lime:#eef5c6;--nt-sky:#dcebf6;--nt-peach:#f9e6d7;--nt-lilac:#eae4f7}.nt-c-sage{--nt-bg:var(--nt-sage);--nt-bd:#cfdfc5}.nt-c-lime{--nt-bg:var(--nt-lime);--nt-bd:#dbe6a0}.nt-c-sky{--nt-bg:var(--nt-sky);--nt-bd:#bfd8ea}.nt-c-peach{--nt-bg:var(--nt-peach);--nt-bd:#efcfb7}.nt-c-lilac{--nt-bg:var(--nt-lilac);--nt-bd:#d6cdee}.nt-count{font-size:11px}.nt-board{display:flex;flex-direction:column;gap:22px;position:relative;padding-bottom:8px}.nt-h{display:flex;align-items:center;gap:6px;color:var(--ink-3);margin:0 0 10px}.nt-h b{background:var(--surface-2);border-radius:8px;padding:0 6px;color:var(--ink-2);font-weight:600}.nt-hint{padding:14px;border:1px dashed var(--line-2);border-radius:var(--radius);text-align:center}.nt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px}.nt-card{position:relative;background:var(--nt-bg);border:1px solid var(--nt-bd);border-radius:var(--radius);box-shadow:var(--shadow);transition:translate .25s var(--ease),box-shadow .25s var(--ease)}.nt-card:focus-within,.nt-card:hover{translate:0 -3px;box-shadow:0 10px 22px -10px rgba(27,27,24,.3)}.nt-enter{animation:nt-rise .55s var(--ease) both;animation-delay:calc(var(--i) * 45ms)}@keyframes nt-rise{0%{opacity:0;transform:translateY(10px) scale(.98)}}.nt-card__main{display:flex;flex-direction:column;gap:6px;width:100%;min-height:128px;text-align:left;padding:12px 34px 10px 12px;border-radius:var(--radius)}.nt-card__main strong{font-size:12px;font-weight:700;line-height:1.3}.nt-card__body{color:var(--ink-2);white-space:pre-line;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}.nt-card__time{margin-top:auto;padding-top:4px;color:var(--ink-3)}.nt-pin{position:absolute;top:8px;right:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:var(--ink-3);opacity:.55;transition:opacity .2s,background .15s,transform .25s var(--ease)}.nt-card:hover .nt-pin,.nt-pin.is-on,.nt-pin:focus-visible{opacity:1}.nt-pin:hover{background:rgba(255,255,255,.65);color:var(--ink)}.nt-pin.is-on{color:var(--primary)}.nt-pin:active{transform:scale(.88) rotate(-15deg)}.nt-editor{display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:0}.nt-title{border:0;background:transparent;font-size:17px;font-weight:700;letter-spacing:-.015em;padding:2px 0;width:100%}.nt-title:focus{outline:none}.nt-title::placeholder{color:var(--ink-3)}.nt-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--line)}.nt-fmt{display:flex;gap:2px}.nt-swatches{display:flex;gap:6px}.nt-sw{width:18px;height:18px;border-radius:50%;background:var(--nt-bg);border:1.5px solid var(--nt-bd);display:grid;place-items:center;color:var(--primary);transition:transform .2s var(--ease)}.nt-sw:hover{transform:scale(1.15)}.nt-sw.is-on{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--primary)}.nt-status{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--ink-3);font-weight:600}.nt-status i{width:6px;height:6px;border-radius:50%;background:var(--green);transition:background .2s}.nt-status.is-saving i{background:var(--amber);animation:nt-pulse .8s ease-in-out infinite}@keyframes nt-pulse{50%{opacity:.3}}.nt-text{flex:1 1;min-height:260px;border:1px solid var(--nt-bd);background:var(--nt-bg);border-radius:var(--radius);padding:12px;resize:none;font-size:12px;line-height:1.65;transition:background .3s,border-color .3s}.nt-text:focus{outline:none;box-shadow:0 0 0 3px rgba(45,106,83,.15)}.nt-actions{display:flex;gap:8px;justify-content:space-between}@media (max-width:760px){.nt-grid{grid-template-columns:repeat(2,1fr)}.nt-card__main{min-height:108px}.nt-pin{opacity:1}}@media (max-width:420px){.nt-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.nt-enter,.nt-status.is-saving i{animation:none}}