.note-details{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 0}.note-details>label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.note-details input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:11px var(--sans)}.note-details input::placeholder{color:#9a9f96}.color-picker{display:flex;gap:6px}.color-swatch{width:14px;height:14px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.color-swatch.selected{outline:2px solid var(--ink);outline-offset:2px}.clay-swatch{background:var(--terracotta)}.moss-swatch{background:var(--moss)}.ochre-swatch{background:var(--ochre)}.source-line{color:var(--muted)!important;font:10px/1.45 var(--sans)!important;border-left:2px solid var(--oat);padding-left:8px}.note-card.moss-note{--note-accent:var(--moss)}.note-card.ochre-note{--note-accent:var(--ochre)}.note-card.clay-note{--note-accent:var(--terracotta)}.note-card{border-left:2px solid var(--note-accent);padding-left:10px}.note-card .tag{background:color-mix(in srgb,var(--note-accent) 14%,transparent);color:var(--note-accent)}.note-card{position:relative}.note-card .more-note{opacity:.55;transition:opacity .2s,transform .2s}.note-card:hover .more-note{opacity:1;transform:translateY(-1px)}.note-modal{width:min(520px,calc(100% - 30px))}.note-modal .modal-head{margin-bottom:12px}.modal-field{display:grid;gap:6px;margin:12px 0}.modal-field span{font:700 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.modal-field input,.modal-field select,.modal-field textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.62);border-radius:12px;padding:11px 12px;color:var(--ink);font:13px var(--sans);outline:0}.modal-field textarea{resize:vertical;min-height:120px;line-height:1.55}.modal-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}.modal-actions{display:flex;gap:8px;align-items:center}.danger-button{background:rgba(198,107,61,.14);color:var(--terracotta)}.danger-button:hover{background:rgba(198,107,61,.2);color:var(--terracotta)}