.jmf-scrim{background:#1c19178c}@media (prefers-reduced-motion:no-preference){.jmf-scrim{animation:jmf-fade .2s ease-out}}@keyframes jmf-fade{0%{opacity:0}}.jmf{align-items:flex-end;display:flex;justify-content:center}.journal.jmf{background:transparent;flex:none;padding:8px 0 0}@media (min-width:640px){.jmf{align-items:center}.journal.jmf{padding:24px 16px}}.jmf:focus{outline:0}:where(.journal) .jmf-panel{background:var(--card);border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #1c19172e;color:var(--ink);display:flex;flex-direction:column;max-height:calc(100vh - 8px);max-height:calc(100dvh - 8px);overflow:hidden;position:relative;width:100%}@media (min-width:640px){:where(.journal) .jmf-panel{border-bottom:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #1c19170f,0 24px 56px #1c191733;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);max-width:min(100%,1024px);width:auto}}:where(.journal) .jmf-head{align-items:center;border-bottom:1px solid var(--line);display:flex;flex:none;gap:12px;justify-content:space-between;padding:10px 8px 10px 20px}@media (min-width:640px){:where(.journal) .jmf-head{padding:14px 12px 14px 24px}}:where(.journal) .jmf-head__t{align-items:center;display:flex;gap:10px;min-width:0}:where(.journal) .jmf-head__icon{background:var(--brand-tint);border-radius:50%;color:var(--brand);display:grid;flex:none;height:36px;place-items:center;width:36px}:where(.journal) .jmf-head__icon>*{height:20px;width:20px}:where(.journal) .jmf-title{color:var(--ink);font-size:18px;font-weight:700;letter-spacing:-.024em;line-height:1.25;margin:0;overflow-wrap:anywhere}@media (min-width:640px){:where(.journal) .jmf-title{font-size:20px}}:where(.journal) .jmf-close{background:none;border:0;border-radius:50%;color:var(--ink-2);cursor:pointer;display:grid;flex:none;height:44px;margin-left:auto;padding:0;place-items:center;transition:background-color .15s,color .15s;width:44px}:where(.journal) .jmf-close:hover{background:var(--paper);color:var(--ink)}:where(.journal) .jmf-close svg{height:20px;width:20px}:where(.journal) .jmf-desc{color:var(--ink-2);flex:none;font-size:15px;line-height:1.5;margin:0;max-width:32rem;padding:16px 20px 0}@media (min-width:640px){:where(.journal) .jmf-desc{padding:18px 24px 0}}:where(.journal) .jmf-body{display:flex;flex:1 1 auto;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}@media (min-width:640px){:where(.journal) .jmf-body{padding:22px 24px 24px}}@media (prefers-reduced-motion:no-preference){.jmf-pop-enter-active{transition:opacity .22s ease-out,transform .22s cubic-bezier(.2,.7,.2,1)}.jmf-pop-leave-active{transition:opacity .15s ease-in,transform .15s ease-in}.jmf-pop-enter-from,.jmf-pop-leave-to{opacity:0;transform:translateY(12px) scale(.98)}.jmf-sheet-enter-active{transition:transform .28s cubic-bezier(.2,.7,.2,1)}.jmf-sheet-leave-active{transition:transform .2s ease-in}.jmf-sheet-enter-from,.jmf-sheet-leave-to{transform:translateY(100%)}}.modal-enter-from,.modal-leave-to{opacity:0;transform:scale(.9)}.modal-enter-to,.modal-leave-from{opacity:1;transform:scale(1)}.modal-enter-active,.modal-leave-active{transition:opacity .5s ease,transform .5s ease}.modal-mobile-enter-from{opacity:0;transform:translateY(100%)}.modal-mobile-enter-to{opacity:1;transform:translateY(0)}.modal-mobile-leave-to{opacity:0;transform:translateY(100%)}.modal-mobile-enter-active,.modal-mobile-leave-active{transition:transform .5s ease,opacity .5s ease}