:root{color:#102a27;background:#f7faf9;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{color:#fff;cursor:pointer;touch-action:manipulation;background:#0f766e;border:2px solid #0f766e;border-radius:.75rem;min-width:48px;min-height:48px;padding:.625rem 1rem}button:hover:not(:disabled){background:#115e59;border-color:#115e59}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #0f766e}[data-display-mode=elder]{font-size:20px}[data-display-mode=elder] button{min-height:56px}.app-shell{width:min(100% - 2rem,52rem);margin:0 auto;padding-block:1rem 4rem}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.brand{color:#0f766e;letter-spacing:.02em;margin:0;font-weight:700}h1{margin:.25rem 0 0;font-size:clamp(1.75em,6vw,2.5em);line-height:1.2}.mode-button{color:#115e59;background:0 0;flex:none}.mode-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){color:#fff}.note-form{background:#fff;border:1px solid #cbd5e1;border-radius:1rem;gap:1rem;padding:1.25rem;display:grid}.field{gap:.375rem;display:grid}.field label{font-weight:700}.note-form input,.note-form textarea{color:#102a27;background:#fff;border:2px solid #64748b;border-radius:.75rem;width:100%;padding:.875rem}.note-form textarea{resize:vertical}.save-status{color:#115e59;min-height:1.6em;margin-block:.75rem;font-weight:600}.empty-state{text-align:center;border:1px dashed #64748b;border-radius:1rem;padding:1.5rem}.note-list{gap:.875rem;padding:0;list-style:none;display:grid}.note-card{overflow-wrap:anywhere;background:#fff;border:1px solid #cbd5e1;border-radius:1rem;padding:1rem}.note-card h2{margin-top:0;line-height:1.3}.note-card p{white-space:pre-wrap}.secondary-button{color:#115e59;background:0 0}@media (width<=36rem){.app-header{flex-direction:column;align-items:stretch}.mode-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}