.notes-toolbar{display:flex;align-items:center;gap:10px;padding:16px 28px 0;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.toolbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.search-mini{display:flex;align-items:center;gap:8px;background:var(--bg3);border:1px solid var(--border-h);border-radius:8px;padding:0 12px;height:34px;max-width:260px;flex:1}.search-mini input{background:none;border:0;outline:0;font-size:12.5px;color:var(--text);font-family:inherit;width:100%}.search-mini input::placeholder{color:var(--text3)}.cat-tabs{display:flex;gap:4px}.cat-tab{padding:5px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .12s;color:var(--text3);border:1px solid transparent}.cat-tab:hover{background:var(--bg3);color:var(--text2)}.cat-tab.active{background:var(--bg3);color:var(--text);border-color:var(--border-h)}.view-toggle{display:flex;border:1px solid var(--border-h);border-radius:7px;overflow:hidden}.view-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:pointer;transition:all .12s}.view-btn:hover{background:var(--bg3);color:var(--text)}.view-btn.active{background:var(--bg3);color:var(--text)}.notes-page{padding:16px 28px 40px}.notes-grid{column-count:4;column-gap:13px}.notes-grid.view-list{column-count:1}@media(max-width:1200px){.notes-grid{column-count:3}}@media(max-width:900px){.notes-grid{column-count:2}}@media(max-width:560px){.notes-grid{column-count:1}}.note-card{break-inside:avoid;margin-bottom:13px;background:var(--card-bg);border:1px solid var(--border);border-radius:11px;padding:14px;cursor:pointer;transition:all .15s;position:relative;display:flex;flex-direction:column;gap:8px}.note-card:hover{border-color:var(--border-h);transform:translateY(-1px);box-shadow:var(--shadow)}.note-card.c-yellow{border-left:3px solid var(--accent)}.note-card.c-green{border-left:3px solid var(--accent2)}.note-card.c-blue{border-left:3px solid var(--accent3)}.note-card.c-pink{border-left:3px solid #ec4899}.note-card.c-gray{border-left:3px solid var(--text3)}.note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.note-title{font-size:13px;font-weight:500;flex:1}.note-actions{display:flex;gap:4px;opacity:0;transition:opacity .12s;flex-shrink:0}.note-card:hover .note-actions{opacity:1}.note-action-btn{width:22px;height:22px;border-radius:5px;display:flex;align-items:center;justify-content:center;color:var(--text3);cursor:pointer;transition:all .12s}.note-action-btn:hover{background:var(--bg4);color:var(--text)}.note-action-btn.pinned{color:var(--accent);opacity:1!important}.note-body{font-size:12px;color:var(--text2);line-height:1.6;white-space:pre-wrap;word-break:break-word}.note-footer{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.note-time{font-size:10px;color:var(--text3)}.note-cat-tag{font-size:10px;padding:1px 7px;border-radius:10px;background:var(--bg3);color:var(--text3)}.note-pin-badge{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.empty-state{text-align:center;padding:60px 20px;color:var(--text3)}.empty-icon{font-size:36px;margin-bottom:12px;opacity:.5}.empty-text{font-size:13px}.note-modal{max-width:520px}.color-picker{display:flex;gap:8px;margin:12px 0}.color-dot{width:22px;height:22px;border-radius:50%;cursor:pointer;transition:transform .12s;border:2px solid transparent}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:var(--text)}.note-textarea{width:100%;min-height:160px;resize:vertical;background:var(--bg3);border:1px solid var(--border-h);border-radius:8px;padding:10px 12px;font-size:13px;font-family:inherit;color:var(--text);outline:0;transition:border-color .14s;line-height:1.6}.note-textarea:focus{border-color:var(--accent)}.note-textarea::placeholder{color:var(--text3)}.char-count{font-size:10px;color:var(--text3);text-align:right;margin-top:4px}