.nt-composer{gap:10px;padding:16px;display:grid}.nt-composer input,.nt-composer textarea,.nt-bar input{border:1px solid var(--border-color);background:var(--bg-main);width:100%;color:var(--text-main);font:inherit;border-radius:12px;padding:12px}.nt-composer textarea{resize:vertical;min-height:130px}.nt-composer-foot{align-items:center;gap:12px;display:flex}.nt-composer-foot .tm-btn{height:42px;margin-left:auto}.nt-count,.nt-saved{color:var(--text-muted);font-size:.72rem}.nt-bar{align-items:center;gap:10px;margin:16px 0 12px;display:flex}.nt-bar input{flex:1;padding:10px 12px}.nt-export{white-space:nowrap;color:#d97706}.nt-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;display:grid}.nt-note{border:1px solid var(--border-color);background:#fff;border-radius:18px;flex-direction:column;padding:14px 14px 10px;display:flex;position:relative;box-shadow:0 8px 22px #0f172a0d}html.dark .nt-note{background:#11131b}.nt-note.pinned{border-color:#f59e0b8c;box-shadow:0 10px 26px #f59e0b26}.nt-note h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:.98rem}.nt-note p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-muted);flex:1;max-height:12.4em;margin:0;font-size:.86rem;line-height:1.55;overflow:hidden}.nt-note mark{color:inherit;background:#f59e0b4d;border-radius:3px}.nt-note footer{align-items:center;gap:2px;margin-top:10px;display:flex}.nt-note time{color:var(--text-muted);margin-right:auto;font-size:.7rem}.nt-note footer button{width:30px;height:30px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:.9rem}.nt-note footer button:hover{background:#f59e0b1f}.nt-note footer button.on{color:#f59e0b}.nt-note footer button[data-delete]{color:#ef4444}.nt-note.editing p,.nt-note.editing h2{display:none}.nt-note textarea,.nt-note input{width:100%;color:var(--text-main);font:inherit;background:0 0;border:1px solid #f59e0b;border-radius:10px;margin-bottom:6px;padding:8px}.nt-note textarea{resize:vertical;min-height:120px;font-size:.86rem}@media (width<=640px){.nt-composer-foot .tm-btn{flex:1}.nt-bar{flex-wrap:wrap}}