.appearance-invite[hidden]{display:none}
.appearance-invite{margin-top:12px}
.appearance-link{min-height:44px;padding:10px 14px;border:0;border-radius:22px;background:rgba(8,15,27,.72);color:#e4d6c1;font:400 .8125rem/1.6 var(--font);cursor:pointer}
.appearance-dialog{width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:24px;border:1px solid #776951;border-radius:20px;background:#0d1120;color:#fff7e8;overflow:auto;overscroll-behavior:contain;font-family:var(--font)}
.appearance-dialog::backdrop{background:rgba(2,6,14,.75)}
.appearance-dialog h2{margin:0 0 14px;font-size:1.125rem;line-height:1.6;font-weight:400}
.appearance-dialog p{font-size:.875rem;line-height:1.8}
.appearance-dialog label{display:block;font-size:.875rem;margin:16px 0 8px}
.appearance-dialog textarea{display:block;width:100%;min-height:90px;max-height:180px;padding:12px;resize:vertical;border:1px solid #8b7b63;border-radius:10px;background:#080e1b;color:#fff7e8;font:400 16px/1.7 var(--font)}
.appearance-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.appearance-actions button{min-height:44px;flex:1 1 150px;padding:10px 14px;border:1px solid #8b7b63;border-radius:22px;background:#222738;color:#fff7e8;font:400 .875rem/1.5 var(--font);cursor:pointer}
.appearance-actions button:last-child{background:transparent}
.appearance-actions button:disabled{opacity:.5;cursor:default}
.appearance-link:focus-visible,.appearance-dialog :focus-visible{outline:2px solid #edd7b2;outline-offset:3px}
#appearanceStatus{min-height:1.8em;margin-bottom:0}
@media(max-height:450px){.appearance-dialog{padding:16px}.appearance-dialog textarea{min-height:60px}}