:root{font-family:system-ui,sans-serif;color:#f4f5f7;background:#111318;color-scheme:dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=dark] body{background:#111318;color:#f4f5f7}:root[data-density=compact] button,:root[data-density=compact] input,:root[data-density=compact] textarea,:root[data-density=compact] select{padding:.3rem}:root[data-density=compact] .item{padding:.35rem 0}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;padding:.55rem}button{cursor:pointer}button:disabled{cursor:not-allowed}.center,.auth{max-width:560px;margin:10vh auto;padding:2rem}.auth form,form{display:grid;gap:.8rem}.auth nav,.row,.item,.composer{display:flex;gap:.6rem}.auth nav{margin-top:1rem}label{display:grid;gap:.25rem}.check{display:flex}.network{position:fixed;right:1rem;top:.5rem;z-index:2;background:#8b2020;color:#fff;padding:.25rem .6rem}.network.online,.network.recovered{background:#246b36}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.shell aside{background:#25282d;color:#fff;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.shell main{padding:2rem;max-width:1000px;width:100%}.shell main section{margin-bottom:2rem}.warning,[role=alert]{color:#b03a2e}.item{align-items:center;justify-content:space-between;border-bottom:1px solid #999;padding:.65rem 0}.row input,.composer input{flex:1}.messages{height:55vh;overflow:auto;border:1px solid var(--border);padding:1rem;background:var(--surface);color:var(--text)}.messages article{max-width:70%;margin:.5rem;padding:.6rem;background:var(--surface-soft)}.messages article.mine{margin-left:auto;background:color-mix(in srgb,var(--accent) 20%,var(--surface))}.file input{display:none}@media(max-width:800px){.shell{grid-template-columns:180px 1fr}.shell main{padding:1rem}}:root{--surface:#20242c;--surface-soft:#111318;--input:#252a33;--hover:#2a303a;--border:#343a46;--text:#f4f5f7;--muted:#aeb5c0;--muted-soft:#7f8794;--accent:#8d9cff;--danger:#dc6666;--sidebar:#181b21;--shadow:0 10px 30px rgb(0 0 0 / .3)}:root[data-theme=light]{--surface:#fff;--surface-soft:#f7f8fa;--input:#fff;--hover:#eef0f4;--border:#dfe3e8;--text:#20242a;--muted:#66707c;--muted-soft:#7b8490;--accent:#5468d4;--danger:#a22c2c;--sidebar:#202329;--shadow:0 10px 30px rgb(20 24 32 / .12)}body{background:var(--surface-soft);color:var(--text)}input,textarea,select{background:var(--input);color:var(--text);border:1px solid var(--border);border-radius:6px}button{color:var(--text);border-color:var(--border)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:#f5f6f8;padding:1rem;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.brand{font-size:1.15rem;font-weight:800;letter-spacing:.12em;padding:.55rem}.app-sidebar nav{display:grid;gap:.35rem}.nav-button,.settings-link{width:100%;height:42px;border:0;border-radius:8px;background:transparent;color:inherit;display:flex;align-items:center;gap:.75rem;text-align:left}.nav-button:hover,.nav-button:focus-visible,.settings-link:hover,.settings-link:focus-visible,.nav-button.active,.settings-link.active{background:#ffffff18;outline:none}.nav-button .badge{margin-left:auto}.sidebar-future{display:grid;gap:.25rem;border-top:1px solid #ffffff20;padding-top:1rem}.sidebar-future span{font-size:.7rem;color:#9ba2ad;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .55rem}.sidebar-future button{border:0;background:transparent;color:#8a919c;text-align:left}.settings-link{margin-top:auto}.user-panel-wrap{position:relative}.user-panel{width:100%;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0b;color:inherit;display:flex;align-items:center;gap:.65rem;min-width:0;text-align:left}.user-panel-copy{display:grid;min-width:0;flex:1}.user-panel-copy strong,.user-panel-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu{position:absolute;bottom:calc(100% + .5rem);left:0;right:0;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:.4rem;display:grid;z-index:20}.user-menu button{border:0;background:transparent;text-align:left;border-radius:6px}.user-menu button:hover,.user-menu button:focus-visible{background:var(--surface-soft)}.menu-group{display:grid;border-block:1px solid var(--border);padding:.35rem 0;margin:.25rem 0}.menu-group small{padding:.35rem .55rem;color:var(--muted)}.avatar-small{width:42px;height:42px;min-width:42px;position:relative;display:inline-grid;place-items:center;border-radius:50%;background:var(--surface-soft)}.avatar-small img{width:42px;height:42px;border-radius:50%;object-fit:cover}.avatar-small>div{font-size:0}.avatar-small>div:after{content:"";display:block;width:18px;height:18px;border-radius:50%;background:#8b929c}.presence-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#7c838d;border:2px solid var(--surface)}.presence-dot.online{background:#33ae68}.presence-dot.away{background:#d69b32}.presence-dot.busy{background:#d44c4c}.presence-dot.invisible,.presence-dot.offline{background:#7c838d}.content-column{min-width:0}.app-header{height:68px;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--border);padding:0 clamp(1rem,3vw,2rem);display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-header h1{font-size:1.25rem;margin:0}.header-actions{display:flex;align-items:center;gap:.5rem}.app-content{padding:clamp(1rem,3vw,2rem);max-width:1180px;width:100%;margin:auto}.icon-button{width:38px;height:38px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);position:relative}.icon-button:hover,.icon-button:focus-visible{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 25%,transparent)}.badge{display:inline-grid;place-items:center;min-width:20px;min-height:20px;padding:0 .35rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.72rem}.badge.floating{position:absolute;right:-7px;top:-7px}.notification-center{position:relative}.notification-panel{position:absolute;right:0;top:calc(100% + .65rem);width:min(390px,calc(100vw - 2rem));max-height:min(640px,calc(100vh - 90px));background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden}.panel-heading,.panel-actions,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.panel-heading{padding:1rem;border-bottom:1px solid var(--border)}.panel-heading h2{margin:0;font-size:1.05rem}.panel-actions{padding:.6rem 1rem;border-bottom:1px solid var(--border)}.panel-actions button{padding:.35rem .5rem;border:0;background:transparent;color:var(--accent)}.notification-list{overflow:auto}.notification-row{width:100%;border:0;border-bottom:1px solid var(--border);background:var(--surface);display:grid;grid-template-columns:42px minmax(0,1fr) 8px;gap:.65rem;text-align:left;padding:.8rem 1rem}.notification-row:hover{background:var(--surface-soft)}.notification-row.unread{background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.notification-row>span:nth-child(2){display:grid;gap:.15rem;min-width:0}.notification-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.notification-row time{font-size:.72rem;color:var(--muted)}.notification-row>i{width:7px;height:7px;border-radius:50%;background:var(--accent);align-self:center}.view-all{border:0;border-top:1px solid var(--border);background:var(--surface);color:var(--accent);padding:.8rem}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin:1rem 0}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;border-radius:6px 6px 0 0;display:flex;align-items:center;gap:.4rem}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.people-search,.dashboard-card,.welcome-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem;box-shadow:0 2px 8px #1418200a}.people-search h2,.people-search p{margin-top:0}.friend-list,.conversation-list{display:grid;gap:.45rem}.friend-row,.request-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:.8rem;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.friend-copy{display:grid;min-width:0}.friend-copy>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-copy small,.friend-copy span,.mutual{color:var(--muted)}.compact-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.overflow-wrap{position:relative}.overflow-menu{position:absolute;right:0;top:calc(100% + .3rem);z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:.3rem;min-width:140px}.overflow-menu button{width:100%;border:0;background:transparent;color:var(--danger);text-align:left}.request-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.request-columns section{min-width:0}.conversation-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) auto auto;gap:.8rem;align-items:center;text-align:left;border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:.8rem}.conversation-row:hover,.conversation-row:focus-visible{border-color:var(--accent);transform:translateY(-1px)}.conversation-row.unread{border-left:4px solid var(--accent)}.conversation-row>i{width:8px;height:8px;border-radius:50%;background:var(--accent)}.conversation-copy{display:grid;gap:.1rem;min-width:0}.conversation-copy>span:first-child{display:flex;justify-content:space-between;gap:.7rem}.conversation-copy time,.conversation-copy small,.message-preview{color:var(--muted);font-size:.78rem}.message-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-row.unread .message-preview,.conversation-row.unread .conversation-copy>span:first-child{font-weight:700;color:var(--text)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.welcome-card{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.welcome-card h2{font-size:1.8rem;margin:.2rem 0}.dashboard-card h2{font-size:1rem;margin:0}.home-person-row{width:100%;display:flex;align-items:center;gap:.7rem;border:0;border-top:1px solid var(--border);background:transparent;text-align:left;padding:.7rem 0}.home-person-row>span:nth-child(2){display:grid;min-width:0;flex:1}.home-person-row small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{text-align:center;padding:2rem;color:var(--muted);border:1px dashed var(--border);border-radius:10px}.empty-state p{margin:.4rem 0 0}.skeleton-list{display:grid;gap:.5rem}.skeleton{height:62px;border-radius:9px;background:linear-gradient(90deg,var(--surface-soft),var(--border),var(--surface-soft));background-size:200% 100%;animation:pulse 1.4s infinite}@keyframes pulse{to{background-position:-200% 0}}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:40;display:grid;place-items:center;padding:1rem}.dialog{width:min(420px,100%);background:var(--surface);border-radius:12px;padding:1.2rem;box-shadow:var(--shadow)}.dialog-actions{display:flex;justify-content:flex-end;gap:.5rem}.danger{background:var(--danger);color:#fff;border-color:var(--danger)}@media(max-width:800px){.app-shell{grid-template-columns:190px minmax(0,1fr)}.app-sidebar{padding:.7rem}.sidebar-future{display:none}.request-columns,.home-grid{grid-template-columns:1fr}.welcome-card{display:block}.friend-row,.request-row{grid-template-columns:42px minmax(0,1fr) auto}.mutual{display:none}.compact-actions{grid-column:2/-1}.notification-panel{position:fixed;right:1rem;top:74px}}@media(max-width:560px){.app-shell{grid-template-columns:72px minmax(0,1fr)}.brand{font-size:0}.brand:after{content:"O";font-size:1.2rem}.nav-button span:nth-child(2),.settings-link,.sidebar-future,.user-panel-copy,.user-panel>span:last-child{display:none}.nav-button{justify-content:center}.user-panel{justify-content:center;padding:.4rem}.user-menu{left:0;width:210px}.app-content{padding:.75rem}.conversation-row{grid-template-columns:42px minmax(0,1fr) auto}.conversation-row>i{display:none}.friend-row{grid-template-columns:42px minmax(0,1fr)}}.advanced-profile{--profile-accent:var(--accent);border:1px solid color-mix(in srgb,var(--profile-accent) 55%,var(--border));border-radius:12px;background-color:var(--surface);background-size:cover;background-position:center;background-attachment:local;overflow:hidden;padding:1rem}.profile-banner{height:180px;margin:-1rem -1rem 1rem;background:linear-gradient(135deg,color-mix(in srgb,var(--profile-accent) 35%,var(--surface)),var(--surface-soft));background-size:cover;background-repeat:no-repeat}.profile-avatar-decoration{width:112px;height:112px;margin-top:-66px;border-style:solid;border-radius:50%;background:var(--surface);display:grid;place-items:center;overflow:hidden;box-shadow:0 0 0 4px var(--surface)}.profile-avatar-decoration img{width:100%;height:100%;object-fit:cover}.profile-title{color:var(--profile-accent);font-weight:700}.profile-badges,.profile-links{display:flex;gap:.45rem;flex-wrap:wrap}.profile-badges span{border:1px solid var(--profile-accent);border-radius:999px;padding:.2rem .55rem}.profile-links a{color:var(--profile-accent)}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.6rem}.profile-stats div,.profile-showcases article,.showcase-editor{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--border);border-radius:8px;padding:.7rem}.profile-stats dt{color:var(--muted)}.profile-stats dd{font-size:1.2rem;font-weight:700;margin:0}.profile-showcases{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}.profile-showcases li{display:flex;gap:.65rem;align-items:center;margin:.45rem 0}.profile-showcases li span{display:grid}.profile-showcases li small{color:var(--muted)}.profile-showcase-image{width:84px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.social-link-editor{display:grid;grid-template-columns:minmax(100px,.7fr) 130px minmax(180px,2fr) auto auto;gap:.5rem;align-items:end;margin-bottom:.5rem}.showcase-editor{margin-bottom:.7rem}.orders-screen{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;min-height:calc(100vh - 150px)}.orders-rail{border-right:1px solid var(--border);padding-right:1rem;overflow:auto}.orders-rail>button,.order-channel-layout aside button{width:100%;display:flex;justify-content:space-between;text-align:left;margin:.25rem 0}.orders-rail button small{display:block;color:var(--muted)}.orders-main{min-width:0}.order-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;border-bottom:1px solid var(--border);margin-bottom:1rem}.order-header nav{display:flex;flex-wrap:wrap;gap:.4rem}.order-channel-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem}.order-channel-layout aside{border-right:1px solid var(--border);padding-right:.7rem}.order-chat ol{max-height:50vh;overflow:auto;padding:0;list-style:none}.order-chat li,.order-member,.orders-rail article,.order-management article{padding:.6rem;border-bottom:1px solid var(--border)}.order-member{display:flex;justify-content:space-between;gap:1rem}.order-member small{display:block;color:var(--muted)}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.order-management fieldset{max-height:230px;overflow:auto}.danger{border-color:#b94b55;color:#dc6b74}@media(max-width:800px){.orders-screen,.order-channel-layout{grid-template-columns:1fr}.orders-rail,.order-channel-layout aside{border-right:0;border-bottom:1px solid var(--border);padding-bottom:.7rem}.order-header{display:block}}.inline-notice{padding:.55rem .7rem;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.inline-notice.alert{border-color:#b94b55;color:#dc6b74}.inline-notice.status{border-color:#4e8c69}.order-inline-edit{display:flex;align-items:flex-end;gap:.4rem;margin:.45rem 0}.order-inline-edit label{flex:1}.compact-actions button.active{border-color:var(--accent);background:var(--hover)}.order-danger-zone{margin-top:1.25rem;padding:1rem;border:1px solid #b94b55;border-radius:10px}.order-danger-zone label{display:block;max-width:420px;margin-bottom:.65rem}.communication-tools,.voice-call,.thread-panel{margin:.75rem 0;padding:.75rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.communication-tools nav{margin-bottom:.75rem}.search-result{display:flex;justify-content:space-between;text-align:left}.markdown-line{display:block;white-space:pre-wrap}.markdown-message pre{max-width:100%;overflow:auto;padding:.65rem;border-radius:7px;background:var(--surface-soft)}.message-poll{display:grid;gap:.35rem;margin:.5rem 0}.message-poll button{display:flex;justify-content:space-between}.message-poll button.active{border-color:var(--accent);background:var(--hover)}.thread-panel{position:fixed;right:1rem;top:80px;bottom:1rem;width:min(420px,calc(100vw - 2rem));z-index:30;overflow:auto;box-shadow:var(--shadow)}.thread-panel header{display:flex;justify-content:space-between}.message-media,.shared-stream{display:block;max-width:min(520px,100%);max-height:360px;border-radius:8px}.voice-note-recorder{display:flex;gap:.5rem;align-items:center;margin-top:.5rem}.rich-embeds{display:grid;gap:.5rem;margin-top:.5rem}.rich-embed{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;max-width:520px;padding:.6rem;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);text-decoration:none}.rich-embed img{width:110px;height:80px;object-fit:cover;border-radius:6px}.rich-embed span span,.rich-embed strong,.rich-embed small{display:block}.message-reference{margin:.4rem 0;padding:.45rem .65rem;border-left:3px solid var(--accent);background:var(--surface-soft)}.orders-rail-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.orders-rail-heading h2{margin-right:auto}.order-discovery>header{margin-bottom:1rem}.order-search{display:flex;align-items:end;gap:.6rem;max-width:680px}.order-search label{flex:1}.invite-entry{display:flex;align-items:end;gap:.6rem;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.invite-entry label{flex:1}.order-discovery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.8rem}.order-discovery-grid article{display:flex;flex-direction:column;min-height:170px;padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.order-discovery-grid article small{color:var(--muted)}.order-discovery-grid article p{flex:1}.order-create-dialog{width:min(540px,100%)}@media(max-width:650px){.order-search,.invite-entry{display:grid}.order-discovery-grid{grid-template-columns:1fr}}.profile-presentation-preview{min-height:130px;border:2px solid var(--profile-accent);border-radius:9px;background:var(--surface-soft) center/cover}.profile-presentation-preview>div{min-height:70px;padding:1rem;background:color-mix(in srgb,var(--profile-accent) 22%,transparent) center/cover}.decoration-preview{width:72px;height:72px;border-style:solid;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft)}@media(max-width:800px){.social-link-editor{grid-template-columns:1fr}.profile-banner{height:130px}}