.messages-page{width:min(100% - 3rem,52rem);margin-inline:auto}.messages-page .page-head{margin-bottom:var(--space-3)}.message-compose{padding:var(--space-2) var(--space-3);border-block:var(--hairline);background:color-mix(in srgb, var(--surface) 76%, transparent);position:relative}.message-compose:before{content:"";border-top:1px solid color-mix(in srgb, var(--gold) 72%, transparent);width:61.8%;position:absolute;top:-1px;left:19.1%}.message-compose textarea{resize:vertical;width:100%;min-height:9rem;max-height:28rem;padding:var(--space-0) 0 var(--space-1);color:var(--ink-strong);font:inherit;background:0 0;border:0;border-radius:0;line-height:1.9;display:block}.message-compose textarea::placeholder{color:var(--ink-soft)}.message-controls{align-items:center;gap:var(--space-1);padding-top:var(--space-1);border-top:var(--hairline);display:flex}.message-file{cursor:pointer;color:var(--celadon-strong);font-size:var(--fs-sm)}.message-file:before{content:"＋";margin-right:var(--space-0);color:var(--gold-strong)}.message-file input{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.message-file:focus-within{outline:var(--ring);outline-offset:var(--ring-offset)}.message-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--ink-soft);font-size:var(--fs-meta);flex:1;overflow:hidden}.message-send{border:1px solid var(--celadon-strong);background:var(--celadon-strong);color:var(--on-ink);padding:var(--space-0) var(--space-2);font-size:var(--fs-sm);letter-spacing:var(--ls-2);transition:background-color var(--dur) var(--ease-silk), border-color var(--dur) var(--ease-silk);border-radius:0}.message-send:hover{border-color:var(--dai);background:var(--dai)}.message-send:disabled,.message-more:disabled{cursor:wait;opacity:.65}.message-preview{margin-top:var(--space-1);padding-left:var(--space-1);border-left:1px solid var(--gold)}.message-preview img{object-fit:contain;max-width:12rem;max-height:12rem;display:block}.message-preview button{color:var(--celadon-strong);padding:var(--space-0) 0 0;font-size:var(--fs-meta);background:0 0;border:0}.message-status{min-height:1.6em;margin:var(--space-0) 0 0;color:var(--celadon-strong);font-size:var(--fs-sm)}.message-status.is-error{color:var(--cinnabar)}.message-alias{margin:var(--space-1) 0 0;color:var(--gold-strong);font-size:var(--fs-sm);text-align:right}.message-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.message-stream{margin-top:var(--space-4)}.message-loading,.message-noscript{color:var(--ink-soft);text-align:center;padding-block:var(--space-2)}.message-item{padding-block:var(--space-3);border-top:var(--hairline)}.message-item:first-child{border-top-color:color-mix(in srgb, var(--gold) 48%, transparent)}.message-item:last-child{border-bottom:var(--hairline)}.message-meta{align-items:center;gap:var(--space-1);display:flex}.message-identity{align-items:baseline;gap:var(--space-0) var(--space-1);flex-wrap:wrap;display:flex}.message-avatar{object-fit:cover;background:var(--surface);border-radius:50%;flex:0 0 42px;width:42px;height:42px}.message-name{color:var(--dai);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-2)}.message-time{color:var(--ink-soft);font-size:var(--fs-caption);font-variant-numeric:tabular-nums;display:inline}.message-body{margin:var(--space-1) 0 0;color:var(--ink-strong);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.message-image{margin-top:var(--space-2);object-fit:contain;max-width:min(100%,30rem);max-height:36rem;padding:var(--space-0);border:var(--hairline);background:var(--surface);box-shadow:var(--shadow-1);cursor:zoom-in;display:block}.message-replies{margin:var(--space-2) 0 0 var(--space-3);padding-left:var(--space-2);border-left:1px solid color-mix(in srgb, var(--gold) 68%, transparent)}.message-replies .message-item{border:0;padding:0}.message-replies .message-item+.message-item{margin-top:var(--space-2)}.message-reply .message-body{margin-top:var(--space-0)}.message-more{margin:var(--space-2) auto 0;border:0;border-bottom:1px solid var(--gold);color:var(--celadon-strong);padding:var(--space-0);font-size:var(--fs-sm);letter-spacing:var(--ls-2);background:0 0;display:block}.message-more[hidden]{display:none}@media (width<=640px){.messages-page{width:min(100% - 2rem,52rem)}.message-compose{padding:var(--space-2) var(--space-1)}.message-controls{gap:var(--space-1);flex-wrap:wrap}.message-file-name{flex-basis:100%;order:3}.message-send{margin-left:auto}.message-stream{margin-top:var(--space-3)}.message-item{padding-block:var(--space-2)}.message-replies{margin-left:var(--space-0);padding-left:var(--space-1)}}
