/* The loop, rather than the transparent image's top edge, is the pivot. */
#screen .native-charm{transform-origin:50% var(--charm-ring-y,0px)}
#screen .memory-name-sheet{padding-bottom:max(24px,env(safe-area-inset-bottom));}
#screen .memory-name-label{display:block;font-size:14px;margin:12px 0 10px}
#screen .memory-name-input{display:block;width:100%;min-height:54px;padding:12px 15px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;font-size:18px;box-sizing:border-box;outline-offset:3px}
#screen .memory-name-input:focus-visible{outline:3px solid var(--ground)}
#screen .memory-name-input[readonly]{border-style:dashed;background:transparent}
#screen .memory-name-meta{display:flex;align-items:flex-start;gap:14px;justify-content:space-between;margin:10px 0 22px;font-size:12px;line-height:1.6;color:var(--muted,#686858)}
#screen .memory-name-meta p{margin:0}
#screen #memory-name-count{white-space:nowrap;font-variant-numeric:tabular-nums}
#screen .detail-copy h1{overflow-wrap:anywhere}