*{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:var(--color-background)}.page,body{min-height:100dvh}.page{background-image:radial-gradient(80rem 32rem at 50% -8rem,var(--accent-3),transparent 70%)}.logo{width:36px;height:36px;border-radius:var(--radius-3);color:var(--accent-contrast);background:linear-gradient(160deg,var(--accent-9),var(--accent-10));box-shadow:0 1px 0 var(--accent-7) inset;flex:0 0 auto}.addr-code{display:block;width:100%;overflow-x:auto;white-space:nowrap;padding:10px 12px;letter-spacing:.01em}.msg-card{cursor:pointer;width:100%;text-align:left;transition:box-shadow .12s ease,transform .06s ease}.msg-card:hover{box-shadow:inset 0 0 0 1px var(--accent-8)}.msg-card:active{transform:translateY(1px)}.msg-card:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}.mail-body{border-radius:var(--radius-3);overflow:hidden;background:#fff;border:1px solid var(--gray-a5)}.mail-frame{display:block;width:100%;min-height:320px;height:56vh;border:0}.mail-frame,.mail-text{max-height:56vh;background:#fff}.mail-text{margin:0;padding:16px;overflow:auto;white-space:pre-wrap;word-break:break-word;color:#16181d;font-family:var(--code-font-family,ui-monospace,Menlo,Consolas,monospace);font-size:13px;line-height:1.5}.msg-dialog{width:calc(100vw - 24px)}