@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.notes-overlay{z-index:60;overscroll-behavior:contain;direction:rtl;background:#1e140580;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.notes-card{background:var(--panel);border:1px solid var(--line);border-top:4px solid var(--gold);border-radius:14px;width:100%;max-width:440px;padding:22px 24px;animation:.18s ease-out cardIn;position:relative;box-shadow:0 14px 40px #1e140552}.notes-title{color:var(--navy);margin:2px 0 6px;font-family:Frank Ruhl Libre,serif;font-size:20px;font-weight:900}.notes-sub{color:var(--muted);margin:0 0 16px;font-size:13.5px;line-height:1.6}.notes-name,.notes-field,.notes-body{box-sizing:border-box;width:100%;color:var(--ink);background:var(--panel);border:1.5px solid var(--line);border-radius:10px;margin-bottom:8px;padding:9px 11px;font-family:inherit;font-size:14px}.notes-name::placeholder,.notes-field::placeholder,.notes-body::placeholder{color:var(--muted)}.notes-name:focus,.notes-field:focus,.notes-body:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #b28a2b26}.notes-field{text-align:right}.notes-field:placeholder-shown{direction:rtl}.notes-body{resize:vertical;min-height:96px;line-height:1.6}.notes-need{color:var(--navy);border-inline-start:3px solid var(--gold);background:#b28a2b1f;border-start-end-radius:8px;border-end-end-radius:8px;margin:0 0 10px;padding:8px 11px;font-size:13px;font-weight:700;line-height:1.55}.notes-done .notes-need{text-align:start;color:var(--navy);margin-bottom:16px;font-size:13px}.notes-hint{color:var(--muted);margin:-2px 0 10px;font-size:12px;line-height:1.55}.notes-actions{align-items:center;gap:10px;display:flex}.notes-submit{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:20px;margin-inline-start:auto;padding:9px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .12s,transform .1s}.notes-submit:hover:not(:disabled){background:var(--navy-2,#1d4b70);transform:translateY(-1px)}.notes-submit:disabled{opacity:.5;cursor:default}.notes-done{text-align:center;padding:10px 4px}.notes-done-icon{color:#2f6b39;background:#e3f0e5;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:6px auto 12px;font-size:28px;font-weight:900;display:flex}.notes-done h3{color:var(--navy);margin:0 0 6px;font-size:19px}.notes-done p{color:var(--muted);margin:0 0 16px;font-size:14px;line-height:1.6}.about-close{cursor:pointer;color:#b0a082;background:0 0;border:none;font-size:16px;position:absolute;top:12px;left:12px}.about-close:hover{color:var(--ink)}.comment-hp{clip:rect(0 0 0 0);white-space:nowrap;opacity:0;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comment-count{color:var(--muted);font-size:11px}.comment-err{color:#a5321f;font-size:12.5px}