.note-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;color:#202822;text-decoration:none}.note-bell:hover{background:#e9edde}.note-bell:focus-visible,.note-item a:focus-visible,.note-read:focus-visible{outline:3px solid #245ddd;outline-offset:3px}.note-badge{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#a5381f;color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.note-page{max-width:760px}.note-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;margin:26px 0 14px}.note-toolbar p{margin:0;font-size:15px;color:#3f4a3d}.note-device .button,.note-page>.button,.note-toolbar .button,.offline-actions .button,.pwa-install .button,.pwa-toast .button{margin-top:0;padding:12px 20px;gap:10px;cursor:pointer;font-family:inherit}.note-device .button:disabled,.note-page>.button:disabled,.note-toolbar .button:disabled{opacity:.55;cursor:default}.note-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px}.note-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px 18px;flex-wrap:wrap;border:1px solid #d5dbc9;border-radius:12px;padding:14px 16px;background:#fffefa}.note-item.unread{border-color:#718069;background:#eef3e1}.note-text{flex:1 1 220px;min-width:0;overflow-wrap:anywhere}.note-item h2{font-size:17px;letter-spacing:0;line-height:1.4;margin:0}.note-item.unread h2{font-weight:700}.note-item:not(.unread) h2{font-weight:600}.note-item p{margin:4px 0 0;line-height:1.55;font-size:15px;color:#2f3a2e}.note-item time{display:block;margin-top:6px;font-size:13px;color:#4b554a}.note-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#a5381f;margin-right:8px;vertical-align:middle}.note-read{font:inherit;font-size:13px;font-weight:600;min-height:44px;padding:8px 12px;border:1px solid #718069;border-radius:30px;background:transparent;color:#202822;cursor:pointer}.note-read:disabled{opacity:.55;cursor:default}.note-empty{margin-top:26px;padding:24px;border:1px dashed #a7b29f;border-radius:16px}.note-empty h2{font-size:22px;margin:0 0 6px}.note-empty p{margin:0;line-height:1.6;color:#4b554a}.note-settings{margin-top:26px;font-size:15px}.note-prefs{gap:16px;max-width:720px;margin-top:14px}.note-prefs,.note-prefs fieldset{display:flex;flex-direction:column}.note-prefs fieldset{gap:6px}.note-prefs .checkbox{align-items:flex-start;min-height:44px;padding:8px 0;gap:10px;cursor:pointer}.note-prefs .checkbox input{margin-top:3px}.note-device{border:1px solid #c3cbb7;border-radius:12px;padding:16px}.note-device h3{font-size:14px;margin:0 0 6px}.note-device p{margin:0 0 12px;line-height:1.6}.note-device p:last-child{margin-bottom:0}.note-status{min-height:22px;margin:0;font-size:14px;color:#2c5a2e;font-weight:600}.offline-page{text-align:left}.offline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.pwa-install,.pwa-toast{position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:560px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;padding:14px 16px;border-radius:14px;background:#253b2f;color:#fff;box-shadow:0 8px 28px rgba(20,30,22,.28);line-height:1.5;font-size:15px}.pwa-install{position:static;margin:16px auto;max-width:560px}.pwa-install>div:first-child{flex:1 1 200px;min-width:0}.pwa-install h2{font-size:16px;letter-spacing:0;margin:0 0 2px;color:#fff}.pwa-install p{margin:0}.pwa-install-actions{display:flex;flex-wrap:wrap;gap:8px}.pwa-install .button.secondary,.pwa-toast .button.secondary{color:#fff;border-color:#c9d6bd}.pwa-install .button:focus-visible,.pwa-toast .button:focus-visible{outline:3px solid #fff;outline-offset:3px}@media(max-width:480px){.note-read,.note-toolbar .button{width:100%}}