.page.svelte-a5wffy{max-width:1200px;margin:0 auto;padding:24px 20px 56px}@media (width>=768px){.page.svelte-a5wffy{padding:32px 32px 64px}}.header.svelte-a5wffy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}h1.svelte-a5wffy{color:var(--c-fg);letter-spacing:-.03em;margin:0;font-size:20px;font-weight:600}.header-actions.svelte-a5wffy{align-items:center;gap:8px;display:flex}.search-wrap.svelte-a5wffy{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;align-items:center;gap:6px;width:180px;height:34px;padding:0 10px;transition:border-color .15s,width .2s;display:flex}.search-wrap.svelte-a5wffy:focus-within{border-color:var(--c-fg-5);width:220px}.search-icon{color:var(--c-fg-5);flex-shrink:0}.search-input.svelte-a5wffy{color:var(--c-fg);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:13px}.search-input.svelte-a5wffy::placeholder{color:var(--c-fg-6)}.new-btn.svelte-a5wffy{background:var(--c-fg);color:var(--c-bg);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:opacity .12s;display:flex}.new-btn.svelte-a5wffy:hover{opacity:.85}.grid.svelte-a5wffy{columns:260px auto;column-gap:12px;margin-bottom:4px}@media (width>=768px){.grid.svelte-a5wffy{columns:240px auto;column-gap:14px}}.note-card.svelte-a5wffy{break-inside:avoid;border:1px solid var(--c-border);text-align:left;cursor:pointer;border-radius:12px;width:100%;margin-bottom:12px;padding:14px;font-family:inherit;transition:box-shadow .15s,transform .1s;display:block;position:relative}.note-card.svelte-a5wffy:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.note-card.svelte-a5wffy:hover .note-btns:where(.svelte-a5wffy){opacity:1}.note-title.svelte-a5wffy{color:var(--c-fg);letter-spacing:-.01em;margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4}.note-content.svelte-a5wffy{color:var(--c-fg-3);-webkit-line-clamp:8;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.note-footer.svelte-a5wffy{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.note-date.svelte-a5wffy{color:var(--c-fg-5);font-size:11px}.note-btns.svelte-a5wffy{opacity:0;gap:4px;transition:opacity .15s;display:flex}.note-btn.svelte-a5wffy{width:26px;height:26px;color:var(--c-fg-4);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.note-btn.svelte-a5wffy:hover{background:var(--c-elevated);color:var(--c-fg)}.note-btn.danger.svelte-a5wffy:hover{color:#ef4444;background:#fee2e2}.new-card.svelte-a5wffy{border:1px solid var(--c-border);border-radius:14px;margin-bottom:20px;padding:16px;box-shadow:0 4px 20px #0000001f}.note-title-input.svelte-a5wffy,.note-content-input.svelte-a5wffy{width:100%;color:var(--c-fg);resize:none;background:0 0;border:none;outline:none;font-family:inherit}.note-title-input.svelte-a5wffy{letter-spacing:-.01em;border-bottom:1px solid var(--c-border);margin-bottom:10px;padding:0 0 10px;font-size:15px;font-weight:600}.note-title-input.svelte-a5wffy::placeholder{color:var(--c-fg-6)}.note-content-input.svelte-a5wffy{min-height:80px;padding:0;font-size:13px;line-height:1.6}.note-content-input.svelte-a5wffy::placeholder{color:var(--c-fg-5)}.edit-textarea.svelte-a5wffy{min-height:200px}.new-footer.svelte-a5wffy{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;display:flex}.color-picker.svelte-a5wffy{align-items:center;gap:6px;display:flex}.color-dot.svelte-a5wffy{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;transition:transform .1s}.color-dot.svelte-a5wffy:hover,.color-dot.selected.svelte-a5wffy{transform:scale(1.2)}.color-dot.selected.svelte-a5wffy{box-shadow:0 0 0 2px var(--c-fg-4)}.new-actions.svelte-a5wffy{align-items:center;gap:8px;display:flex}.pin-toggle.svelte-a5wffy{cursor:pointer;color:var(--c-fg-4);background:0 0;border:none;border-radius:6px;padding:4px}.pin-toggle.svelte-a5wffy:hover{color:var(--c-fg);background:var(--c-elevated)}.cancel-btn.svelte-a5wffy{border:1px solid var(--c-border-sub);color:var(--c-fg-4);cursor:pointer;background:0 0;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:12px;transition:border-color .12s,color .12s}.cancel-btn.svelte-a5wffy:hover{border-color:var(--c-fg-5);color:var(--c-fg-2)}.save-btn.svelte-a5wffy{background:var(--c-fg);color:var(--c-bg);cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:5px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:opacity .12s;display:flex}.save-btn.svelte-a5wffy:hover{opacity:.85}.save-btn.svelte-a5wffy:disabled{opacity:.4;cursor:not-allowed}.overlay.svelte-a5wffy{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:fixed;inset:0}.edit-modal.svelte-a5wffy{border:1px solid var(--c-border);z-index:50;border-radius:16px;width:min(560px,100vw - 32px);max-height:80vh;padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0000004d}.section-label.svelte-a5wffy{letter-spacing:.08em;text-transform:uppercase;color:var(--c-fg-5);margin-top:8px;margin-bottom:12px;font-size:10px;font-weight:700}.empty-state.svelte-a5wffy{color:var(--c-fg-5);flex-direction:column;align-items:center;gap:16px;padding:80px 20px;font-size:14px;display:flex}.skel-card.svelte-a5wffy{background:var(--c-surface);border:1px solid var(--c-border);break-inside:avoid;border-radius:12px;height:120px;margin-bottom:12px;animation:1.4s infinite svelte-a5wffy-pulse}@keyframes svelte-a5wffy-pulse{0%,to{opacity:1}50%{opacity:.4}}.icon-btn.svelte-a5wffy{cursor:pointer;color:var(--c-fg-5);background:0 0;border:none;align-items:center;display:flex}.icon-btn.svelte-a5wffy:hover{color:var(--c-fg-3)}