.note-bottom{grid-template-columns:repeat(4,1fr)}
.note-header .note-add{font-size:25px}.note-empty-main{display:grid;min-height:calc(100dvh - 144px);place-items:center;padding:34px 20px}.note-empty{width:min(100%,480px);padding:38px 24px 32px;border:1px solid rgba(118,75,43,.14);border-radius:28px;background:rgba(255,252,242,.76);box-shadow:0 14px 38px rgba(71,43,23,.09);text-align:center}.empty-seal{display:grid;width:72px;height:72px;margin:0 auto 22px;border-radius:50%;place-items:center;background:#a93429;color:#fff6da;font:700 31px/1 var(--serif);box-shadow:inset 0 0 0 6px rgba(255,246,218,.22),0 8px 20px rgba(111,42,31,.18)}.note-empty>small{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em}.note-empty h1{margin:9px 0 12px;font:700 29px/1.35 var(--serif);letter-spacing:-.05em}.note-empty p{margin:0 0 24px;color:var(--muted);font-size:13px;font-weight:650;line-height:1.7;word-break:keep-all}.note-empty a{display:block;text-decoration:none}.empty-primary{padding:14px;border-radius:999px;background:#36291f;color:#fff8e8;font-size:13px;font-weight:900}.empty-secondary{margin-top:9px;padding:11px;color:#765f4f;font-size:12px;font-weight:800}.note-bottom a{border:0;background:none}