.notes-layer{position:fixed;inset:0;z-index:1300;background:#f5f4ee;overflow:auto;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.notes-layer.hidden{display:none}.notes-app{width:min(760px,100%);margin:0 auto;min-height:100%;background:#faf9f4}.notes-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(250,249,244,.94);backdrop-filter:blur(14px);border-bottom:1px solid #e6e3d8}.notes-top button{border:0;background:transparent;font:inherit;font-weight:850}.notes-panel{padding:18px 16px 80px}.notes-hero{background:linear-gradient(145deg,#e8f0df,#fff4d8);border-radius:24px;padding:18px;margin-bottom:16px}.notes-hero h1{margin:5px 0 7px}.notes-hero p{margin:0;color:#5e695f}.notes-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.notes-actions button,.note-primary,.note-secondary{border:0;border-radius:13px;padding:11px 13px;font:inherit;font-weight:850}.note-primary{background:#41694a;color:#fff}.note-secondary{background:#e9efe7;color:#3d5442}.note-grid{display:grid;gap:10px}.note-card{display:block;width:100%;text-align:left;border:1px solid #dfe3da;background:#fff;border-radius:18px;padding:14px;font:inherit}.note-card .top{display:flex;justify-content:space-between;gap:10px}.note-card b{font-size:16px}.note-card p{margin:7px 0;color:#59655c;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-card small{color:#747c76}.note-tag{display:inline-block;margin:4px 5px 0 0;padding:4px 7px;border-radius:999px;background:#eff2eb;font-size:11px}.note-form{display:grid;gap:12px;background:#fff;border:1px solid #e2e4dd;border-radius:22px;padding:16px}.note-form label{display:grid;gap:6px;font-size:12px;font-weight:850;color:#4d5b50}.note-form input,.note-form textarea,.note-form select{width:100%;box-sizing:border-box;border:1px solid #cfd6ce;border-radius:13px;padding:12px;font:inherit;background:#fff}.note-form textarea{min-height:180px;resize:vertical}.note-ref-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:8px}.notes-empty{text-align:center;padding:34px 15px;color:#6d756f}.reader-note-btn{background:#eef5eb!important;color:#34543d!important}.notes-private{font-size:12px;color:#667169;background:#eef3ed;border-radius:12px;padding:10px}.notes-message{padding:10px 12px;border-radius:12px;background:#edf6eb;color:#35603e;margin-bottom:12px}.notes-message.error{background:#fff0ed;color:#8b3b31}@media(max-width:520px){.note-ref-grid{grid-template-columns:1fr 1fr}.note-ref-grid label:first-child{grid-column:1/-1}.notes-actions>*{flex:1}}