:root{font-family:Inter,"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark;--bg:#0B0D12;--surface:#171A22;--surface2:#222633;--text:#F7F8FA;--muted:#B6BBC8;--line:#444956;--accent:#AF9BFF;--on-accent:#0B0D12;--danger:#F18891;--bubble:#282C38;--own:#453B69;--focus:#C8BBFF}
[data-theme=pink]{color-scheme:light;--bg:#FFF7FA;--surface:#FFF;--surface2:#FCEAF2;--text:#321A29;--muted:#65475A;--line:#B898AA;--accent:#B83272;--on-accent:#FFF;--danger:#A72642;--bubble:#F9EAF1;--own:#F6DAE8;--focus:#9B205D}
[data-theme=blue]{color-scheme:light;--bg:#F3F8FF;--surface:#FFF;--surface2:#E7F0FC;--text:#14263E;--muted:#44576E;--line:#96A9C2;--accent:#165FC8;--on-accent:#FFF;--danger:#B82942;--bubble:#E8F1FC;--own:#D6E8FF;--focus:#104FA9}
[data-theme=green]{color-scheme:light;--bg:#F4FAF6;--surface:#FFF;--surface2:#E5F3EA;--text:#173328;--muted:#456354;--line:#93B5A2;--accent:#176A48;--on-accent:#FFF;--danger:#AE2940;--bubble:#E9F5ED;--own:#D2ECDC;--focus:#0B5738}
[data-theme=orange]{color-scheme:light;--bg:#FFF8F1;--surface:#FFF;--surface2:#FCEEDD;--text:#3A281A;--muted:#6B503D;--line:#C2A487;--accent:#A64B0A;--on-accent:#FFF;--danger:#AE2940;--bubble:#FAEEDD;--own:#F9DFC2;--focus:#8D3D03}
[data-theme=purple]{color-scheme:light;--bg:#F8F5FF;--surface:#FFF;--surface2:#EFE9FB;--text:#2F2144;--muted:#594B6F;--line:#AD9AC5;--accent:#6D43A8;--on-accent:#FFF;--danger:#AB2940;--bubble:#F0EAF8;--own:#E5D8F7;--focus:#5B318F}
[data-theme=white]{color-scheme:light;--bg:#FFF;--surface:#F5F6F8;--surface2:#E8EAEE;--text:#1F2937;--muted:#4B5563;--line:#9CA3AF;--accent:#374151;--on-accent:#FFF;--danger:#A3273C;--bubble:#E9EAEC;--own:#DBDEE3;--focus:#1F2937}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.muted{color:var(--muted)}.error{color:var(--danger);font-weight:600}.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);font-size:2.5rem;font-weight:800}.primary,.secondary,.danger,.icon,.link-button{border-radius:12px;min-height:42px;padding:.55rem .9rem;transition:background .15s,transform .15s}.primary{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);font-weight:700}.secondary{background:var(--surface2);color:var(--text);border:1px solid var(--line)}.danger{background:var(--danger);color:#0B0D12;border:1px solid var(--danger);font-weight:700}.icon{display:inline-grid;place-items:center;min-width:42px;padding:.3rem;background:transparent;color:var(--text);border:1px solid transparent;font-size:1.3rem}.icon:hover,.link-button:hover{background:var(--surface2)}.link-button{border:0;background:transparent;color:var(--accent);font-weight:700}.primary:hover,.secondary:hover,.danger:hover{transform:translateY(-1px)}input,textarea,select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.65rem .75rem;min-width:0}input::placeholder,textarea::placeholder{color:var(--muted)}.field{display:grid;gap:.35rem}.auth{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px)}.auth-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;background:radial-gradient(circle at 50% 30%,var(--surface2),var(--bg) 65%)}.auth-brand img{width:min(90%,540px);height:auto}.auth-brand p{font-size:1.25rem}.auth-card{align-self:center;margin:2rem;padding:2rem;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:0 20px 70px #0002}.auth-card h1{margin:1rem 0 .2rem}.auth-card form{display:grid;gap:1rem;margin-top:1.5rem}.auth-card .primary{width:100%}.auth-card .link-button{margin-top:1rem}.shell{height:100dvh;display:grid;grid-template-columns:260px minmax(0,1fr);overflow:hidden}.sidebar{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-right:1px solid var(--line);padding:1rem}.sidebar-top{display:flex;align-items:center;justify-content:space-between}.sidebar-logo{width:150px;max-height:65px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:1rem .2rem .5rem;font-weight:700}.room-list{overflow:auto;flex:1}.room-item{display:block;width:100%;text-align:left;background:transparent;color:var(--text);border:1px solid transparent;border-radius:12px;padding:.75rem;margin:.15rem 0}.room-item.active{background:var(--surface2);border-color:var(--accent)}.room-item small{display:block;color:var(--muted)}.sidebar-bottom{display:grid;gap:.5rem;padding-top:1rem;border-top:1px solid var(--line)}.workspace{display:flex;flex-direction:column;min-height:0;min-width:0}.topbar{display:flex;align-items:center;gap:.6rem;min-height:72px;padding:.5rem 1rem;background:var(--surface);border-bottom:1px solid var(--line)}.top-title{flex:1;min-width:0;display:grid}.top-title strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem}.top-title small{color:var(--muted)}.language-inline select{max-width:140px}.tabs{display:flex;gap:.25rem;padding:.4rem .8rem;background:var(--surface);border-bottom:1px solid var(--line);overflow:auto}.tabs button{white-space:nowrap;min-height:42px;padding:.5rem .9rem;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700}.tabs button.active{background:var(--surface2);color:var(--text);box-shadow:inset 0 -2px var(--accent)}.view{flex:1;min-height:0}.chat-view{display:flex;flex-direction:column}.chat-scroll{overflow-y:auto;flex:1;padding:1rem max(1rem,calc((100% - 900px)/2));scroll-behavior:smooth}.chat-scroll #load-more{display:block;margin:0 auto 1rem}.message-row{display:flex;gap:.6rem;margin:1rem 0;max-width:85%}.message-row.own{margin-left:auto;justify-content:flex-end}.avatar{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--surface2);color:var(--text);font-weight:700}.message-content{min-width:0}.message-author{font-size:.85rem;color:var(--muted);margin:0 0 .2rem .4rem}.bubble{border-radius:16px;background:var(--bubble);padding:.7rem .9rem;white-space:pre-wrap;overflow-wrap:anywhere}.own .bubble{background:var(--own)}.bubble p{margin:.2rem 0}.recipient{font-size:.85rem;color:var(--accent);font-weight:700}.reply-ref{display:block;font-size:.8rem;color:var(--muted);border-left:2px solid var(--accent);padding-left:.5rem;margin:.35rem 0;max-width:100%;text-align:left;background:transparent;cursor:pointer}.message-image{display:block;max-width:min(100%,340px);max-height:260px;object-fit:cover;border-radius:10px;margin:.3rem 0;cursor:pointer}.file-chip{display:flex;align-items:center;gap:.5rem;background:var(--surface2);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.5rem;margin:.3rem 0;max-width:100%;text-align:left}.message-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem;margin:.2rem .3rem;color:var(--muted);font-size:.75rem}.message-meta button{min-width:36px;min-height:36px;padding:.2rem;background:transparent;color:var(--muted);border:0;border-radius:8px}.message-meta button:hover{background:var(--surface2);color:var(--text)}.reaction-bar{display:flex;flex-wrap:wrap;gap:.2rem}.reaction-chip.selected{background:var(--accent)!important;color:var(--on-accent)!important}.reaction-chip{border:1px solid var(--line)!important;border-radius:999px!important;padding:.2rem .5rem!important;color:var(--text)!important}.translation-label{color:var(--muted);font-size:.75rem}.original-message{margin-top:.35rem}.original-message summary{cursor:pointer}.composer-panel{border-top:1px solid var(--line);background:var(--surface);padding:.65rem max(1rem,calc((100% - 900px)/2)) max(.65rem,env(safe-area-inset-bottom));}.composer{display:flex;align-items:flex-end;gap:.25rem}.composer textarea{flex:1;resize:none;max-height:140px}.attachment-preview{display:flex;align-items:center;justify-content:space-between;padding:.4rem .7rem;background:var(--surface2);border-radius:10px;margin-bottom:.4rem}.mention-options{display:flex;gap:.3rem;overflow:auto;margin-bottom:.4rem}.mention-options button{white-space:nowrap;min-height:38px}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%);z-index:20;background:var(--text);color:var(--bg);padding:.7rem 1rem;border-radius:12px;box-shadow:0 10px 30px #0005}.scroll-view{overflow:auto;padding:1rem max(1rem,calc((100% - 900px)/2)) 3rem}.view-heading h2{margin:.2rem 0}.search-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem}.search-form #search-q{grid-column:span 3}.date-field{display:grid;gap:.15rem;color:var(--muted);font-size:.85rem}.search-results{display:grid;gap:.5rem}.result-card{width:100%;text-align:left;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:14px;padding:.8rem;display:grid;gap:.15rem}.result-card:hover{border-color:var(--accent)}.result-card small{color:var(--muted)}.member-list{display:grid;gap:.4rem}.member-card{display:flex;align-items:center;gap:.6rem;background:var(--surface);padding:.6rem;border:1px solid var(--line);border-radius:12px}.member-card strong{flex:1}.room-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.settings-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;margin:1rem 0}.settings-card h3{margin:.1rem 0 1rem}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:44px;font-weight:700}.switch-row input{width:22px;height:22px;accent-color:var(--accent)}.theme-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.theme-option{border:2px solid transparent;background:var(--surface2);color:var(--text);border-radius:12px;padding:.4rem;min-height:80px;display:grid;place-items:center;gap:.2rem;font-size:.75rem}.theme-option.selected{border-color:var(--accent)}.theme-swatch{width:36px;height:36px;border-radius:50%;border:1px solid #777}.dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:18px;padding:1.2rem;width:min(95vw,540px);max-height:88dvh;overflow:auto}.dialog::backdrop{background:#000a}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dialog-head h2{margin:.3rem 0}.dialog-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.dialog-actions button{flex:1}.detail-dialog img{display:block;max-width:100%;max-height:55dvh;margin:auto}.detail-dialog video{width:100%;max-height:55dvh}.detail-meta{color:var(--muted);font-size:.9rem}.mobile{display:none}
@media(max-width:780px){.auth{grid-template-columns:1fr}.auth-brand{padding:1.5rem;min-height:160px}.auth-brand img{max-width:260px}.auth-brand p{font-size:.95rem}.auth-card{margin:0 1rem 1rem;padding:1.2rem}.shell{display:block}.sidebar{position:fixed;z-index:15;left:0;top:0;bottom:0;width:min(85vw,320px);box-shadow:10px 0 40px #0005;transform:translateX(-110%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.mobile{display:inline-grid}.workspace{height:100dvh}.topbar{min-height:60px;padding:.3rem .5rem}.top-title strong{font-size:1rem}.language-inline select{max-width:105px}.tabs{padding:.2rem .4rem;justify-content:space-between}.tabs button{padding:.4rem .55rem;font-size:.85rem}.message-row{max-width:95%}.chat-scroll{padding:.6rem}.composer-panel{padding:.45rem .45rem max(.45rem,env(safe-area-inset-bottom))}.composer .icon{min-width:36px}.scroll-view{padding:1rem .6rem 2rem}.search-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:.7rem}.search-form #search-q{grid-column:span 2}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.search-filters{margin:.8rem 0 1rem;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.search-filters summary{cursor:pointer;min-height:48px;padding:.7rem 1rem;font-weight:700}
.search-filters .search-form{border:0;border-top:1px solid var(--line);border-radius:0 0 16px 16px}
.search-results{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.7rem}
.result-card{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;min-width:0}
.result-thumb{display:grid;place-items:center;width:100%;aspect-ratio:1;background:var(--surface2);overflow:hidden}
.result-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.result-file-icon{font-size:3rem;color:var(--accent)}
.result-meta{display:grid;gap:.2rem;padding:.55rem .65rem;min-width:0}
.result-meta strong,.result-meta small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.result-meta .result-title{white-space:normal;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}
.result-type{justify-self:start;border:1px solid var(--line);border-radius:999px;padding:.05rem .5rem;color:var(--muted);font-size:.7rem;line-height:1.5}
.search-more{display:block;margin:1rem auto}
.search-pages{display:flex;align-items:center;justify-content:center;gap:.8rem;margin:1rem auto}
@media(max-width:780px){.search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.result-meta{padding:.45rem .5rem}}
.room-user-list{display:grid;gap:.4rem;max-height:42dvh;overflow:auto;margin-top:.7rem}.room-user-option{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface2);cursor:pointer}.room-user-option:has(input:checked){border-color:var(--accent)}.room-user-option:has(input:disabled){opacity:.75;cursor:default}.room-user-option input{width:20px;height:20px;accent-color:var(--accent);flex:none}.room-user-option span{overflow-wrap:anywhere}
.llm-form{display:grid;gap:.8rem}.llm-form .field input{width:100%}.llm-consent{display:flex;align-items:flex-start;gap:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.llm-consent input{width:22px;height:22px;accent-color:var(--accent);flex:none}.llm-form .primary{justify-self:start}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:root:not([data-theme=dark]) .sidebar-logo{filter:brightness(0)}
.member-self{border-color:var(--accent)}
.member-self-label{color:var(--accent);font-size:.85rem;font-weight:700}
.member-divider{display:flex;align-items:center;gap:.75rem;margin:.45rem 0 .15rem;color:var(--muted);font-size:.85rem;font-weight:700}
.member-divider::after{content:"";flex:1;border-top:1px solid var(--line)}
.room-icon{display:inline-grid;place-items:center;line-height:1;flex:none}
.room-icon-top{width:42px;height:42px;font-size:1.8rem;border-radius:12px;background:var(--surface2)}
.room-icon-top:empty{display:none}
.room-icon-list{width:30px;height:30px;margin-right:.55rem;font-size:1.45rem;vertical-align:middle}
.room-icon-field{margin:1rem 0;padding:.75rem;border:1px solid var(--line);border-radius:12px}
.room-icon-field legend{padding:0 .35rem;font-weight:700}
.room-icon-category h3{margin:.7rem 0 .4rem;font-size:.9rem;color:var(--muted)}
.room-icon-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}
.room-icon-option{position:relative;display:grid;place-items:center;gap:.15rem;min-height:70px;padding:.35rem .1rem;border:2px solid var(--line);border-radius:10px;background:var(--surface2);cursor:pointer;text-align:center}
.room-icon-option:has(input:checked){border-color:var(--accent);background:var(--own)}
.room-icon-option:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.room-icon-option input{position:absolute;width:1px;height:1px;opacity:0}
.room-icon-choice{font-size:1.7rem;line-height:1.2}
.room-icon-option small{font-size:.7rem;line-height:1.2;overflow-wrap:anywhere}
/* Rooms visible to an administrator remain closed until they join. */
.room-unjoined{display:flex;align-items:center;gap:.35rem;margin:.2rem 0}.room-unjoined .room-item{flex:1;min-width:0}.room-unjoined .room-join{min-height:36px;padding:.35rem .55rem;font-size:.8rem;white-space:nowrap}

.reply-preview{display:grid;gap:.1rem;min-width:0;max-width:100%;margin:.2rem 0 .45rem;padding:.3rem .55rem;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:var(--surface2);white-space:normal}
.reply-preview-author{font-size:.72rem;font-weight:700;color:var(--accent)}
.reply-preview-text{display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:.78rem;color:var(--muted)}
.message-row:has(.message-image){width:fit-content}
.message-row:has(.message-image) .message-content{max-width:100%}
.message-row:has(.message-image) .bubble{width:fit-content;max-width:100%}
.message-image{height:auto;max-width:100%;max-height:260px;object-fit:contain}

.date-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:42px;width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);text-align:left}
.date-trigger-icon{color:var(--accent);font-size:1.25rem;line-height:1}
.date-dialog{width:min(96vw,390px)}
.date-calendar-nav{display:grid;grid-template-columns:42px minmax(0,1fr) 5.4rem 42px;align-items:center;gap:.35rem;margin:.75rem 0}
.date-calendar-nav button{min-height:42px;padding:0}
.date-calendar-nav select,.date-calendar-nav input{width:100%;min-width:0;min-height:42px;padding:.4rem}
.date-weekdays,.date-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.18rem;text-align:center}
.date-weekdays{margin:.25rem 0;color:var(--muted);font-size:.76rem;font-weight:700}
.date-weekdays span{padding:.35rem 0}
.date-day{display:grid;place-items:center;min-width:0;min-height:42px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text)}
.date-day:hover{background:var(--surface2)}
.date-day.today{border-color:var(--accent)}
.date-day.selected{background:var(--accent);color:var(--on-accent);font-weight:700}
.date-day.selected:hover{background:var(--accent)}

.reaction-heart{display:block;width:20px;height:20px;flex:none}
.message-meta .reaction-add,.message-meta .reaction-total{display:inline-flex;align-items:center;justify-content:center;gap:.25rem}
.message-meta .reaction-total{min-height:34px;padding:.2rem .5rem;border:1px solid var(--line);border-radius:999px;color:#d82739;font-weight:700}
.reaction-icons{display:inline-flex;align-items:center;gap:.15rem}
.reaction-emoji{font-size:1.05rem;line-height:1}
.reaction-count{margin-left:.15rem;font-variant-numeric:tabular-nums}
.message-meta .reaction-add{min-width:36px;min-height:36px;padding:.2rem}
.reaction-people{display:grid;gap:.4rem;margin-top:.8rem}
.reaction-person{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.reaction-person-name{min-width:0;overflow-wrap:anywhere}
.reaction-person-icons{font-size:1.25rem;white-space:nowrap}
.message-meta .message-delete{display:inline-grid;place-items:center;min-width:32px;min-height:32px;padding:.3rem;color:var(--muted)}
.message-meta .message-delete:hover{color:var(--danger)}
.message-delete-icon{display:block;width:17px;height:17px}
.chat-scroll{scroll-behavior:auto;overflow-anchor:none}
.room-item-title{display:inline-flex;align-items:center;justify-content:space-between;gap:.45rem;width:calc(100% - 40px);vertical-align:middle;min-width:0}
.room-item-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room-unread{display:inline-grid;place-items:center;flex:none;min-width:1.6rem;height:1.6rem;padding:0 .35rem;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:.75rem;font-weight:800;font-variant-numeric:tabular-nums}
.jump-latest-wrap{height:0;flex:none;position:relative;z-index:2;pointer-events:none}
.jump-latest{position:absolute;bottom:.8rem;left:50%;transform:translateX(-50%);pointer-events:auto;white-space:nowrap;max-width:calc(100vw - 2rem);background:var(--surface);border-color:var(--accent);box-shadow:0 6px 22px #0004;font-weight:700}
.jump-latest::before{content:'↓';margin-right:.4rem}
.translation-progress{align-self:center;flex:none;max-width:7rem;padding:.28rem .5rem;border:1px solid var(--line);border-radius:999px;background:var(--surface2);color:var(--muted);font-size:.72rem;line-height:1.25;text-align:center;overflow-wrap:anywhere}
.auth{grid-template-rows:minmax(min-content,1fr) auto}
.auth-brand,.auth-card{grid-row:1}
.auth-copyright{grid-column:1/-1;grid-row:2;padding:.7rem 1rem max(.85rem,env(safe-area-inset-bottom));text-align:center;color:var(--muted);font-size:.78rem;letter-spacing:.04em}
.sidebar-brand{display:inline-flex;align-items:center;max-width:calc(100% - 44px);padding:.25rem .35rem;border:0;border-radius:10px;background:transparent;transition:background .15s,transform .15s}
.sidebar-brand:hover{background:var(--surface2);transform:translateY(-1px)}
.about-dialog{position:relative;width:min(92vw,560px);padding:0;overflow:hidden;border:1px solid #587298;border-radius:24px;background:radial-gradient(circle at 50% 38%,#273752 0,#151e2d 60%,#101722 100%);color:#f8fafc;box-shadow:0 24px 80px #0009}
.about-dialog::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#5ba6f0,#a87be8,#f09bc2)}
.about-dialog::backdrop{background:#07101cc7;backdrop-filter:blur(7px)}
.about-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.15rem .2rem}
.about-eyebrow{color:#afc2dc;font-size:.67rem;font-weight:800;letter-spacing:.24em}
.about-eyebrow span{color:#8ca6c8;margin:0 .3rem}
.about-header .icon{color:#dce7f6}
.about-content{display:grid;justify-items:center;gap:1.45rem;padding:.5rem 2rem 2.4rem;text-align:center}
.about-logo-wrap{display:grid;place-items:center;width:100%;min-height:195px;border:1px solid #ffffff24;border-radius:18px;background:radial-gradient(circle,#6b84b52a 0,#15203510 70%)}
.about-logo{display:block;width:min(85%,370px);height:auto;max-height:145px;object-fit:contain}
.about-version{margin:-.55rem 0 -.7rem;padding:.23rem .75rem;border:1px solid #91a8c455;border-radius:999px;background:#ffffff0d;color:#d7e5f7;font-size:.75rem;font-weight:700;letter-spacing:.12em}
.about-copyright{max-width:26rem;margin:0;color:#d0daeb;font-size:.82rem;line-height:1.8;letter-spacing:.035em;overflow-wrap:anywhere}
@media(max-width:780px){.auth{grid-template-rows:auto minmax(min-content,1fr) auto}.auth-brand{grid-row:1}.auth-card{grid-row:2}.auth-copyright{grid-row:3}.about-content{padding:.5rem 1.25rem 2rem}.about-logo-wrap{min-height:160px}}