.notes-heading{align-items:end}
.note-viewer-page [hidden]{display:none!important}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.note-card{display:flex;flex-direction:column;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
.note-card h3{margin:.2rem 0;color:var(--orbit-dark)}
.note-card>p:nth-of-type(3){flex:1}
.note-card__number{margin:0;color:var(--orbit);font-size:.75rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.note-card__meta{color:var(--muted);font-size:.9rem;font-weight:750}
.note-card__actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.6rem}
.note-card__actions .button{min-height:44px}
.archive-note{margin-top:1.5rem;padding:1rem 1.2rem;border-left:4px solid var(--orbit);background:var(--orbit-pale)}
.note-viewer-page{padding-bottom:clamp(3rem,7vw,6rem)}
.note-viewer-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-block:clamp(2.5rem,6vw,4.5rem)}
.note-viewer-heading h1{max-width:18ch;font-size:clamp(2rem,5vw,4rem)}
.note-viewer{border:1px solid var(--line);border-radius:var(--radius);background:#eef2f4;overflow:hidden;box-shadow:var(--shadow)}
.viewer-toolbar,.viewer-footer-controls{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.8rem 1rem;background:#fff;border-bottom:1px solid var(--line)}
.viewer-toolbar__group{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
.viewer-toolbar button,.viewer-footer-controls button{min-height:44px;padding:.55rem .8rem;border:1px solid #aebbc8;border-radius:8px;background:#fff;color:var(--ink);font-weight:750}
.viewer-toolbar button:hover,.viewer-footer-controls button:hover{background:var(--orbit-pale);border-color:var(--orbit)}
.viewer-toolbar button:disabled,.viewer-footer-controls button:disabled{cursor:not-allowed;opacity:.45}
.viewer-toolbar input{width:4.5rem;min-height:42px;padding:.35rem;border:1px solid #aebbc8;border-radius:6px;text-align:center}
.viewer-toolbar output{min-width:3.5rem;text-align:center;font-weight:850;color:var(--orbit-dark)}
.viewer-status{margin:0;padding:.65rem 1rem;color:var(--muted);background:#f8fbfc;text-align:center}
.note-canvas-wrap{min-height:60vh;padding:1rem;overflow:auto;text-align:center}
.note-canvas-wrap canvas{display:block;max-width:none;margin-inline:auto;background:#fff;box-shadow:0 8px 28px rgba(20,37,55,.18)}
.viewer-error{margin:1rem;padding:1.5rem;border:1px solid #d9a8a4;border-radius:12px;background:#fff1f0;color:#8f2119;text-align:center}
.viewer-error h2{font-size:1.5rem}
.viewer-footer-controls{border-top:1px solid var(--line);border-bottom:0}
.viewer-footer-controls p{margin:0;font-weight:850;color:var(--orbit-dark)}
@media(max-width:800px){.note-viewer-heading{display:block}.notes-grid{grid-template-columns:1fr}.note-viewer-heading .page-actions{margin-top:1rem}}
@media(max-width:560px){.viewer-toolbar,.viewer-footer-controls{justify-content:center}.viewer-toolbar__group{justify-content:center;width:100%}.note-canvas-wrap{padding:.5rem}.note-viewer{margin-inline:-.5rem}.note-viewer-heading .button{width:100%}.note-card__actions .button{width:100%}}