.lw-moment-note{background:var(--mn-surface);color:var(--mn-ink);border-radius:22px;margin:8px 0 14px;padding:8px 12px 10px;animation:.14s ease-out lw-moment-note-in;box-shadow:0 4px 14px #302a240b,inset 0 1px #fff3}.lw-moment-note header{min-height:32px;color:var(--mn-accent);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.lw-moment-note header small{color:var(--mn-muted);margin-left:8px;font-size:10px;font-weight:400}.lw-moment-note button{font:inherit;cursor:pointer;border:0;font-size:11px}.lw-moment-note .lw-moment-note-close{width:44px;height:44px;color:var(--mn-muted);background:0 0;border-radius:50%;place-items:center;margin:-6px -6px -6px 0;padding:0;display:grid}.lw-moment-note textarea{box-sizing:border-box;width:100%;min-height:60px;max-height:164px;color:var(--mn-ink);font:inherit;resize:none;box-shadow:none;-webkit-appearance:none;background:0 0;border:0;border-radius:0;outline:none;padding:7px 0 10px;font-size:16px;line-height:1.7;display:block;overflow-y:auto}.lw-moment-note textarea::placeholder{color:var(--mn-muted);opacity:.8}.lw-moment-note:has(textarea:focus-visible) header>span{text-decoration:underline;-webkit-text-decoration-color:var(--mn-accent);text-decoration-color:var(--mn-accent);text-underline-offset:5px;text-decoration-thickness:1px}.lw-moment-note footer{border-top:1px solid color-mix(in srgb, var(--mn-edge) 55%, transparent);justify-content:flex-end;align-items:center;gap:6px;padding-top:6px;display:flex}.lw-moment-note footer>span{color:var(--mn-muted);margin-right:auto;font-size:10px}.lw-moment-note footer button{border-radius:999px;min-width:44px;min-height:44px;padding:0 12px}.lw-moment-note .lw-moment-note-stow{color:var(--mn-muted);background:0 0}.lw-moment-note .lw-moment-note-save{background:var(--mn-button);color:var(--mn-on-accent)}.lw-moment-note .lw-moment-note-save:disabled{opacity:.45;cursor:default}.lw-moment-note button:focus-visible{outline:2px solid var(--mn-accent);outline-offset:2px}.lw-moment-note-close:hover,.lw-moment-note-stow:hover{background:color-mix(in srgb, var(--mn-edge) 30%, transparent)}.lw-moment-note-error{color:var(--mn-ink);margin:7px 0 0;font-size:11px;line-height:1.5}@keyframes lw-moment-note-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.lw-moment-note[data-reduce-motion=true]{animation:none}@media (prefers-reduced-motion:reduce){.lw-moment-note{animation:none}}@media (width<=360px){.lw-moment-note footer{flex-wrap:wrap}.lw-moment-note footer>span{width:100%}}