:root{font-family:Manrope,Segoe UI,Arial,sans-serif;color:#202738;background:#f8f9f7;font-synthesis:none;-webkit-font-smoothing:antialiased;--bg:#f7f8f7;--surface:#fff;--surface-soft:#f4f5f6;--text:#252d3d;--muted:#7e8593;--border:#e8eaf0;--accent:#2b7eaa;--accent-deep:#1b638d;--accent-soft:#e7f6fc;--danger:#bf4e57;--shadow:0 13px 42px rgba(25,35,55,.045);--ease:cubic-bezier(.2,.8,.2,1)}:root[data-accent=coral]{--accent:#d77d66;--accent-deep:#bc5841;--accent-soft:#fff0e9}:root[data-accent=sage]{--accent:#558777;--accent-deep:#386957;--accent-soft:#e8f4ef}:root[data-accent=plum]{--accent:#8a69b0;--accent-deep:#66448d;--accent-soft:#f2eafb}:root[data-accent=amber]{--accent:#b9862e;--accent-deep:#946b1c;--accent-soft:#fff4dc}:root[data-theme=dark]{--bg:#121722;--surface:#1b2230;--surface-soft:#242b3b;--text:#edf0f7;--muted:#a8adbd;--border:#343e4e;--shadow:0 18px 40px rgba(0,0,0,.1)}@media(prefers-color-scheme:dark){:root[data-theme=system]{--bg:#121722;--surface:#1b2230;--surface-soft:#242b3b;--text:#edf0f7;--muted:#a8adbd;--border:#343e4e;--shadow:0 18px 40px rgba(0,0,0,.1)}}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-soft);color:var(--accent-deep)}a{color:inherit}.layout-width{max-width:1280px;margin:auto;padding-left:56px;padding-right:56px}.wordmark{display:inline-flex;align-items:center;gap:12px;font-size:27px;font-weight:800;letter-spacing:-1.65px;color:inherit}.wordmark-small{font-size:22px;letter-spacing:-1.3px;gap:9px}.mark{width:29px;height:29px;display:inline-block;flex-shrink:0;color:var(--accent)}.wordmark-small .mark{transform:scale(.84);margin-right:-2px}.btn{border:0;min-height:47px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:15px;font-weight:750;font-size:13px;transition:transform .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--accent);box-shadow:0 8px 22px color-mix(in srgb,var(--accent),transparent 76%)}.btn-primary:hover:not(:disabled){background:var(--accent-deep)}.btn-outline{color:var(--text);background:var(--surface);border:1px solid var(--border)}.btn-outline:hover:not(:disabled){box-shadow:var(--shadow)}.btn-subtle{background:#f1f3fc;color:#263256}.full{width:100%}.eyebrow,.section-kicker{font-weight:800;font-size:10px;letter-spacing:2.1px;color:var(--accent);text-transform:uppercase}.eyebrow-dot,.stage-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8fc5af;margin-right:8px}.eyebrow.light{color:#bceefb}.landing{min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 85% 27%,#e9f6fc 0%,transparent 40%),#fdfdfc;color:#273047}.landing-header{height:102px;display:flex;align-items:center;justify-content:space-between}.header-actions{display:flex;align-items:center;gap:26px}.tiny-note{font-size:12px;color:#8e94a3}.hero{min-height:590px;display:grid;grid-template-columns:48% 52%;align-items:center;padding-top:52px;padding-bottom:45px}.hero-copy{z-index:1;position:relative}.hero-copy h1{font-size:clamp(56px,6.9vw,93px);line-height:1.06;letter-spacing:-6px;margin:29px 0 28px;font-weight:800;color:#273047}.hero-copy h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#2b7eaa;letter-spacing:-6px}.hero-copy>p{max-width:455px;font-size:16px;line-height:1.85;color:#777f90}.hero-buttons{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-foot{display:flex;align-items:start;gap:11px;font-size:11px;max-width:450px;color:#969cab;line-height:1.6;margin-top:40px}.hero-foot svg{color:#789889;flex-shrink:0}.hero-art{position:relative;height:510px;isolation:isolate}.orbit{position:absolute;border:1px solid #dfe3fa;border-radius:50%;left:48%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:400px;height:400px}.orbit-two{width:570px;height:570px}.orbit-three{width:740px;height:740px;opacity:.35}.art-card{position:absolute;border-radius:28px;background:#fff;box-shadow:0 34px 90px #2935701f;border:1px solid #edf0f9}.art-card-front{width:335px;height:335px;left:19%;top:18%;transform:rotate(-6deg);padding:25px}.art-top{display:flex;align-items:center;justify-content:space-between}.art-dots{display:flex;gap:6px}.art-dots i{height:7px;width:7px;border-radius:50%;background:#cfd7ec}.art-dots i:first-child{background:#ecb7a7}.art-private{font-size:10px;color:#7781a7;background:#f2f3fb;padding:7px 10px;border-radius:50px;display:flex;align-items:center;gap:5px}.art-speech{height:38px;border-radius:13px;position:absolute}.art-speech.one{width:63%;top:99px;left:23px;background:#e9ecf7}.art-speech.two{width:50%;top:150px;right:22px;background:#899ae0}.art-speech.three{width:70%;top:203px;left:23px;background:#e9ecf7}.art-input{height:34px;left:22px;right:22px;bottom:23px;position:absolute;background:#f7f8fd;border-radius:14px;display:flex;align-items:center;padding:0 11px;gap:11px}.art-input i{width:12px;height:12px;border-radius:50%;background:#dae0f2}.art-input span{height:6px;width:39%;border-radius:9px;background:#dce2f0}.art-card-back{height:200px;width:255px;left:49%;top:47%;transform:rotate(13deg);padding:25px;background:#f9f8ff}.art-card-meta{display:flex;gap:11px;align-items:center}.art-avatar{height:33px;width:33px;border-radius:50%;background:#f7cfb7}.art-lines i{display:block;height:6px;background:#d7dcf0;border-radius:8px;width:85px;margin:8px 0}.art-lines i:last-child{width:58px}.art-wave{height:70px;margin-top:19px;display:flex;gap:5px;align-items:center;justify-content:center}.art-wave b{background:#9aa9dc;border-radius:5px;width:5px;height:30%}.art-wave b:nth-child(3n){height:70%}.art-wave b:nth-child(4n){height:95%}.art-wave b:nth-child(5n){height:45%}.floating-stamp{position:absolute;right:1%;top:9%;background:#d7e6dc;color:#527565;border-radius:50%;width:127px;height:127px;transform:rotate(12deg);display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.6;font-weight:750;box-shadow:0 18px 28px #64897414}.stamp-mark{font-size:27px;position:absolute;top:7px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:38px;padding-bottom:75px}.feature{border-top:1px solid #e6e8ef;padding-top:27px}.feature-icon{width:42px;height:42px;border-radius:14px;background:#f0f2fd;color:#6479ca;display:grid;place-items:center}.feature h3{margin:18px 0 9px;font-size:15px;letter-spacing:-.4px}.feature p{margin:0;font-size:12px;line-height:1.8;color:#9097a5;max-width:280px}.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #eceef3;padding-top:24px;padding-bottom:28px;color:#a1a7b3;font-size:10px}.landing-footer .wordmark{color:#77808f}.landing,.auth-layout{--surface:#fff;--surface-soft:#f4f5f6;--text:#273047;--muted:#7e8593;--border:#e8eaf0}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(350px,41%) 1fr;background:#fff}.auth-aside{background:#193a59;color:#fff;padding:42px 55px;display:flex;flex-direction:column;justify-content:space-between;min-height:700px;overflow:hidden;position:relative}.auth-aside:before{content:"";position:absolute;border:1px solid #ffffff15;border-radius:50%;width:770px;height:770px;left:-235px;bottom:-320px}.auth-aside:after{content:"";position:absolute;background:#3e90af;opacity:.17;width:340px;height:340px;border-radius:50%;right:-125px;top:23%}.auth-aside .mark{color:#bceefb}.logo-link{border:0;background:none;color:#fff;padding:0;text-align:left;z-index:1}.auth-aside-content{position:relative;z-index:1}.auth-aside-content h2{font-size:clamp(44px,4.7vw,76px);letter-spacing:-4.2px;line-height:1.1;margin:26px 0}.auth-aside-content h2 em{font-family:Georgia,serif;font-weight:400;color:#bceefb}.auth-aside-content p{color:#bec9e4;font-size:14px}.auth-aside-bottom{display:flex;align-items:center;gap:16px;color:#c0c8e0;font-size:11px}.aside-symbol{font-size:28px;color:#f9d7c4}.auth-main{position:relative;padding:42px 8%;display:flex;align-items:center;justify-content:center}.text-back{position:absolute;top:47px;left:8%;border:0;background:none;color:#8790a2;display:flex;gap:8px;align-items:center;font-size:12px}.auth-panel{width:min(100%,425px)}.auth-panel h1{font-size:clamp(33px,3.6vw,47px);letter-spacing:-2px;line-height:1.15;margin:18px 0 13px;color:#273047}.auth-intro{line-height:1.8;color:#9299a7;font-size:13px;margin:0 0 35px}.auth-form{display:flex;flex-direction:column;gap:19px}.field{display:flex;flex-direction:column;gap:9px}.field-label{font-size:12px;font-weight:750;color:var(--text)}.field small{color:var(--muted);font-size:10px}.field>input,.field>textarea,.field>select,.password-box{border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);min-height:45px;padding:11px 13px;font-size:13px;width:100%;transition:border-color .17s}.field>textarea{resize:vertical;line-height:1.6}.field>input:focus,.field>textarea:focus,.field>select:focus,.password-box:focus-within{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#adb3bd}.password-box{display:flex;align-items:center;padding-right:9px}.password-box input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--text)}.password-box input:focus{outline:0}.password-box button{border:0;background:none;color:var(--accent);font-size:11px;font-weight:750}.auth-switch{font-size:12px;color:#959dac;text-align:center;margin:27px 0}.auth-switch button{border:0;background:none;color:var(--accent);font-weight:800}.auth-disclaimer{font-size:10px;line-height:1.7;color:#a5acb7;margin-top:35px}.auth-mobile-logo{display:none}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:20px;flex-direction:column}.loading-bar{height:3px;width:88px;border-radius:5px;background:var(--accent);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.25;transform:scaleX(.75)}}.app-frame{display:flex;min-height:100vh;background:var(--bg);color:var(--text)}.sidebar{width:252px;flex-shrink:0;position:sticky;top:0;height:100vh;background:var(--surface);border-right:1px solid var(--border);padding:32px 17px 18px;display:flex;flex-direction:column}.sidebar-logo{border:0;background:none;display:flex;text-align:left;padding:0 14px;margin-bottom:62px;color:var(--text)}.sidebar-main{flex:1}.sidebar-caption{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--muted);padding:0 14px;margin:0 0 16px}.nav-item{display:flex;align-items:center;gap:15px;border:0;background:none;color:var(--muted);width:100%;font-size:13px;font-weight:650;text-align:left;padding:14px 15px;margin:3px 0;border-radius:12px;position:relative;transition:background .2s,color .2s}.nav-item:hover{background:var(--surface-soft);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent-deep)}.nav-indicator{position:absolute;width:5px;height:20px;background:var(--accent);right:0;border-radius:10px}.nav-separator{border-top:1px solid var(--border);margin:24px 13px}.sidebar-bottom{border-top:1px solid var(--border);padding-top:21px}.stage-label{font-size:10px;color:var(--muted);margin:0 13px 19px}.stage-dot{margin-right:6px;width:6px;height:6px}.profile-link{display:flex;width:100%;align-items:center;gap:11px;background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;padding:12px;text-align:left;color:var(--text)}.avatar{height:37px;width:37px;flex-shrink:0;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;background:var(--accent-soft);color:var(--accent-deep)}.profile-link-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.profile-link-text strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-link-text small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.profile-link>svg{color:var(--muted)}.sidebar-logout{border:0;background:none;color:var(--muted);display:flex;gap:12px;align-items:center;margin:20px 12px 0;font-size:11px}.sidebar-logout:hover,.text-danger:hover{color:var(--danger)}.app-content{flex:1;min-width:0}.page-container{max-width:1150px;padding:63px 63px 90px;margin:auto}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.section-heading h1{font-size:37px;line-height:1.2;letter-spacing:-1.7px;margin:13px 0 10px}.section-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.pill-muted{background:var(--surface);border:1px solid var(--border);font-size:11px;color:var(--muted);padding:12px 15px;border-radius:50px;white-space:nowrap}.empty-board{border:1px dashed color-mix(in srgb,var(--accent),var(--border) 64%);border-radius:25px;min-height:435px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 30px;box-shadow:var(--shadow)}.empty-art{width:123px;height:123px;border-radius:36px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;position:relative;transform:rotate(-7deg);margin-bottom:28px}.empty-art svg{transform:rotate(7deg)}.empty-ring{position:absolute;border:1px solid var(--border);border-radius:50%}.empty-ring.a{top:-14px;right:-14px;bottom:-14px;left:-14px}.empty-ring.b{top:-28px;right:-28px;bottom:-28px;left:-28px;opacity:.4}.empty-spark{position:absolute;font-size:22px;top:-22px;right:-20px;color:#d4a282}.empty-board h2{font-size:23px;letter-spacing:-.8px;margin:10px 0}.empty-board>p{max-width:460px;font-size:12px;line-height:1.8;color:var(--muted)}.empty-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:17px 0 25px}.empty-chips span{border:1px solid var(--border);color:var(--muted);padding:8px 12px;border-radius:25px;font-size:10px}.foundation-card{margin-top:22px;background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:22px 25px;display:flex;align-items:center;gap:16px}.foundation-icon{height:44px;width:44px;border-radius:14px;display:grid;place-items:center;background:#ecf5ef;color:#689a7e;flex-shrink:0}.foundation-card>div:nth-child(2){flex:1}.foundation-card strong{font-size:13px}.foundation-card p{font-size:11px;line-height:1.7;color:var(--muted);margin:7px 0 0}.foundation-card button{background:none;border:0;color:var(--muted)}.settings-grid{display:grid;grid-template-columns:minmax(310px,1.1fr) minmax(300px,1fr);align-items:start;gap:22px}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--shadow)}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-title h2{font-size:17px;letter-spacing:-.5px;margin:9px 0 0}.card-title svg{color:var(--muted)}.section-kicker{font-size:9px;letter-spacing:1.9px}.profile-preview{display:flex;align-items:center;gap:13px;background:var(--surface-soft);padding:16px;border-radius:14px;margin-bottom:28px}.avatar-big{height:49px;width:49px;font-size:16px;border-radius:16px}.profile-preview>div{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.profile-preview>div strong{font-size:13px}.profile-preview>div small{color:var(--muted);font-size:11px}.micro-tag{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:6px 8px;font-size:10px;color:var(--muted)}.settings-form{display:flex;flex-direction:column;gap:20px}.form-section-title{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;margin-top:4px}.form-section-title svg{color:var(--accent)}.swatches{display:flex;gap:12px;align-items:center}.swatch{width:31px;height:31px;border-radius:50%;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--border);color:#fff;display:grid;place-items:center}.swatch.selected{box-shadow:0 0 0 2px var(--text)}.swatch-cobalt{background:#5169db}.swatch-coral{background:#d77d66}.swatch-sage{background:#558777}.swatch-plum{background:#8a69b0}.swatch-amber{background:#b9862e}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:5px}.toggle-row>div{display:flex;flex-direction:column;gap:5px}.toggle-row strong{font-size:12px}.toggle-row small{font-size:10px;color:var(--muted)}.toggle-row input{width:17px;height:17px;accent-color:var(--accent)}.settings-side{display:flex;flex-direction:column;gap:22px}.card-description{color:var(--muted);font-size:11px;line-height:1.7;margin-top:-8px;margin-bottom:19px}.session-list{display:flex;flex-direction:column;gap:0}.session-item{display:flex;gap:11px;align-items:center;border-top:1px solid var(--border);padding:15px 0}.device-icon{width:39px;height:39px;flex-shrink:0;border-radius:12px;background:var(--surface-soft);display:grid;place-items:center;color:var(--accent)}.device-text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.device-text strong{font-size:11px}.device-text span{font-size:10px;color:var(--muted);max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-text small{font-size:9px;color:var(--muted)}.text-danger{border:0;background:none;color:var(--muted)}.small-link{display:flex;align-items:center;gap:9px;background:none;border:0;color:var(--accent);font-size:11px;font-weight:750;padding:13px 0 0}.small-text{font-size:12px;color:var(--muted)}.soft-info{display:flex;align-items:flex-start;gap:14px;padding:18px 22px;border-radius:17px;background:var(--accent-soft);color:var(--accent-deep)}.soft-info svg{flex-shrink:0;margin-top:2px}.soft-info p{font-size:11px;line-height:1.8;margin:0}.notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff1ef;color:#a24c46;border-radius:11px;font-size:11px;line-height:1.6}.notice svg{flex-shrink:0}.notice.success{background:#e9f5ef;color:#367451}.notice.neutral{background:var(--surface-soft);color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat-card{min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:20px}.stat-card>div{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.stat-card>div svg{color:var(--accent)}.stat-card strong{display:block;font-size:23px;letter-spacing:-.8px;margin-top:19px}.stat-card>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.storage-figures{display:flex;gap:60px;margin:23px 0}.storage-figures>div{display:flex;flex-direction:column;gap:7px}.storage-figures small{font-size:10px;color:var(--muted)}.storage-figures strong{font-size:23px;letter-spacing:-.8px}.capacity-bar{background:var(--surface-soft);border-radius:20px;overflow:hidden;height:9px}.capacity-bar span{display:block;height:100%;border-radius:20px;background:var(--accent)}.path-text{color:var(--muted);font-size:11px;margin:23px 0}.path-text code{overflow-wrap:anywhere}.admin-storage .notice{margin-top:18px}.loading-admin{padding:25px;color:var(--muted);font-size:13px}.mobile-nav{display:none}@media(max-width:1100px){.layout-width{padding-left:32px;padding-right:32px}.hero-copy h1{font-size:68px}.art-card-front{left:5%}.art-card-back{left:38%}.floating-stamp{right:-5%}.sidebar{width:216px}.page-container{padding:48px 36px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.hero-copy{max-width:640px}.hero-art{height:430px;margin-top:20px}.art-card-front{left:25%}.art-card-back{left:49%}.floating-stamp{right:10%}.landing-features{padding-top:0}.auth-aside{display:none}.auth-layout{display:block}.auth-main{min-height:100vh}.settings-grid{grid-template-columns:1fr}.page-container{max-width:800px}}@media(max-width:660px){.layout-width{padding-left:22px;padding-right:22px}.landing-header{height:83px}.tiny-note{display:none}.landing-header .btn{padding:0 13px;min-height:39px}.hero{padding-top:34px}.hero-copy h1{font-size:clamp(46px,10vw,64px);letter-spacing:-3.8px}.hero-copy h1 em{letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-art{height:340px}.art-card-front{width:235px;height:255px;padding:17px;left:12%;top:12%}.art-speech.one{top:69px}.art-speech.two{top:115px}.art-speech.three{top:163px}.art-input{bottom:17px}.art-card-back{width:187px;height:155px;left:48%;top:44%;padding:16px}.floating-stamp{right:-6%;top:1%;width:86px;height:86px;font-size:8px}.stamp-mark{font-size:18px}.orbit-one{width:290px;height:290px}.orbit-two{width:400px;height:400px}.orbit-three{width:580px;height:580px}.landing-features{grid-template-columns:1fr;gap:12px;padding-bottom:45px}.feature{padding-top:18px}.feature h3{margin-top:12px}.landing-footer{flex-wrap:wrap}.landing-footer span{font-size:9px}.auth-main{padding:75px 25px 40px}.text-back{top:28px;left:25px}.auth-mobile-logo{display:block;margin-bottom:37px}.app-frame{display:block;padding-bottom:68px}.sidebar{display:none}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--surface);border-top:1px solid var(--border);justify-content:space-around;padding:7px 5px max(7px,env(safe-area-inset-bottom))}.mobile-nav button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:750;padding:6px 13px}.mobile-nav button.active{color:var(--accent)}.page-container{padding:34px 18px 40px}.section-heading{margin-bottom:23px;align-items:start}.section-heading h1{font-size:31px}.section-heading p{font-size:12px}.pill-muted{display:none}.empty-board{min-height:400px;padding:28px 15px}.empty-board h2{font-size:20px}.empty-chips{gap:5px}.empty-chips span{font-size:9px;padding:7px}.foundation-card{padding:16px}.foundation-card p{font-size:10px}.settings-card{padding:21px}.stats-grid{gap:10px}.stat-card{padding:14px}.storage-figures{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root[data-reduced-motion=true] *,:root[data-reduced-motion=true] *:before,:root[data-reduced-motion=true] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}:root{--ease:cubic-bezier(.22,.8,.25,1)}body,.app-frame,.app-content,.sidebar,.page-container,.settings-card,.profile-preview,.nav-item,.chat-workspace,.chat-directory,.chat-conversation,.swatch,.btn,.toggle-row,input,textarea,select{transition:background-color .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease),box-shadow .28s var(--ease)}button:active:not(:disabled){transform:scale(.975)}.app-content>.page-container{animation:soft-view-in .25s var(--ease)}@keyframes soft-view-in{0%{opacity:.85;transform:translateY(4px)}to{opacity:1;transform:none}}@media(min-width:661px){.app-frame{height:100vh;min-height:0}.app-content{min-height:0;height:100vh;overflow:auto}.sidebar{width:76px!important;min-width:76px;padding:20px 10px 15px;align-items:center}.sidebar-logo{padding:0;margin:1px 0 34px;justify-content:center}.sidebar-logo .wordmark span{display:none}.sidebar-logo .mark{width:37px;height:37px;transform:none;margin:0}.sidebar-main{width:100%}.sidebar-caption,.sidebar .nav-item>span,.sidebar-bottom .stage-label,.profile-link-text,.sidebar .profile-link>svg,.sidebar-logout{display:none!important}.sidebar .nav-item{padding:0;border-radius:12px;height:49px;justify-content:center;margin:5px 0;gap:0}.sidebar .nav-indicator{display:none}.sidebar .nav-item svg{width:21px;height:21px}.nav-separator{margin:14px 9px}.sidebar-bottom{padding-top:16px;width:100%;display:grid;place-items:center}.profile-link{width:46px;justify-content:center;padding:4px;border-radius:12px}.profile-link .avatar{width:35px;height:35px}}.settings-page .section-heading{margin-bottom:24px}.settings-page .section-heading h1{font-size:29px;letter-spacing:-.9px;margin:0 0 6px}.settings-page .settings-card{box-shadow:none;border-radius:14px;padding:23px}.settings-page .card-title{margin-bottom:17px}.settings-page .card-title h2{margin:0;font-size:15px}.settings-page .profile-preview{margin-bottom:19px}.settings-page .settings-form{gap:17px}.settings-page .swatch{transition:transform .22s var(--ease),box-shadow .23s var(--ease)}.settings-page .swatch.selected{transform:scale(1.09)}.settings-page .settings-side{gap:12px}.settings-page .page-container{max-width:980px}.settings-page .section-kicker{display:none}.blocked-group-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:10px 0;font-size:12px;gap:12px}.blocked-group-row button{background:var(--accent-soft);border:0;border-radius:9px;color:var(--accent-deep);padding:8px 11px;font-size:11px}@media(max-width:660px){.settings-page .settings-card{padding:18px}.settings-page .section-heading h1{font-size:27px}}@media(prefers-reduced-motion:reduce){.app-content>.page-container{animation:none}}:root[data-reduced-motion=true] .app-content>.page-container{animation:none}.recovery-codes{display:grid;gap:10px;margin-top:14px}.recovery-codes textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px}.admin-access{margin:22px 0}.admin-access .field{max-width:480px;margin-bottom:15px}.admin-access .blocked-group-row>div{min-width:0;display:grid;gap:3px}.admin-access small{color:var(--muted)}.settings-categories{max-width:1120px}.settings-shell{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);min-height:550px;border-top:1px solid var(--border)}.settings-category-list{display:flex;flex-direction:column;padding:19px 15px 19px 0;border-right:1px solid var(--border);align-self:start;gap:0}.settings-category{border:0;border-radius:7px;background:transparent;display:flex;align-items:center;gap:15px;padding:14px 12px;width:100%;text-align:left;color:var(--text);transition:background-color .2s var(--ease),color .2s var(--ease);min-height:66px}.settings-category:hover{background:var(--surface-soft)}.settings-category.selected{background:var(--accent-soft);color:var(--accent-deep)}.settings-category>svg:first-child{flex-shrink:0;opacity:.75}.settings-category>svg:last-child{margin-left:auto;opacity:.45;flex-shrink:0}.settings-category>span{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.settings-category strong{font-size:13px;font-weight:650}.settings-category small{font-size:11px;line-height:1.4;color:var(--muted)}.settings-detail{min-width:0;padding:26px 30px 50px;animation:soft-view-in .22s var(--ease)}.settings-detail-header{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:25px}.settings-detail-header h2{font-size:19px;letter-spacing:-.25px;margin:0}.settings-detail-header svg{color:var(--accent)}.settings-detail-form{display:flex;flex-direction:column;gap:19px;max-width:560px}.settings-detail-form>h3{font-size:14px;font-weight:700;margin:10px 0 -7px}.settings-description{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.settings-detail-form .profile-preview{margin:0 0 6px;padding:14px 0;background:transparent;border:0;border-radius:0}.settings-detail-form .settings-card{border:0;background:transparent;padding:0!important;margin:0;border-radius:0;box-shadow:none}.settings-detail-form .card-title{margin-bottom:12px}.settings-detail-form .card-description{margin:0 0 16px}.settings-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:14px;border-top:1px solid var(--border)}.settings-actions button{min-height:41px}.settings-divider{border:0;border-top:1px solid var(--border);width:100%;margin:7px 0}.invite-table{width:100%;border-top:1px solid var(--border)}.invite-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--border);font-size:12px}.invite-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.invite-row small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.invite-row>button{border:0;background:none;color:var(--danger);font-size:11px}.invite-state{font-size:10px;text-transform:capitalize;color:var(--muted)}.state-available{color:var(--accent-deep)}.code-output{padding:15px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);display:grid;gap:12px;overflow-wrap:anywhere}.code-output code{font-family:Consolas,monospace;font-size:13px;-webkit-user-select:all;user-select:all;color:var(--accent-deep)}.section-inline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-inline-heading h3{font-size:14px;margin:0}.server-facts>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);align-items:center;padding:13px 0;gap:12px;font-size:12px}.server-facts strong{font-size:13px}.server-facts span{color:var(--muted)}.settings-detail-form.admin-access{margin:0}.settings-detail-form.admin-access>.field{max-width:unset;margin:0}.settings-detail-form .blocked-group-row>div{display:grid;gap:4px}.settings-mobile-back{display:none}@media(max-width:660px){.settings-shell{display:block;border-top:1px solid var(--border);min-height:0}.settings-category-list{border-right:0;padding:8px 0}.settings-category{min-height:63px;border-radius:0;border-bottom:1px solid var(--border);padding:11px 5px}.settings-category.selected{background:transparent;color:var(--text)}.settings-category.selected>svg:first-child{color:var(--accent)}.settings-detail{padding:20px 2px 35px}.settings-detail-header{margin-bottom:20px}.settings-mobile-back{display:flex;border:0;background:none;color:var(--accent);align-items:center;gap:6px;padding:0 0 14px;font-size:12px}.settings-category-list.mobile-hidden,.settings-detail.mobile-hidden{display:none}.settings-actions{flex-direction:column-reverse}.settings-actions button{width:100%}}.privacy-navigation{animation:soft-view-in .2s var(--ease)}.settings-parent-back{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;border:0;background:none;color:var(--accent);padding:4px 0;font-size:13px}.settings-nested-heading{font-size:18px!important;margin:0 0 5px!important;font-weight:700!important}.settings-subcategory{display:flex;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);text-align:left;padding:16px 5px;transition:background-color .2s var(--ease)}.settings-subcategory:hover{background:var(--surface-soft)}.settings-subcategory>svg:first-child{color:var(--accent);flex-shrink:0}.settings-subcategory>svg:last-child{margin-left:auto;color:var(--muted)}.settings-subcategory>span{display:grid;gap:6px;flex:1}.settings-subcategory strong{font-size:14px}.settings-subcategory small{font-size:11px;color:var(--muted)}.blocked-groups-panel{display:grid;gap:13px}.blocked-groups-panel .small-text{font-size:12px;color:var(--muted)}.server-overview{display:grid;gap:25px;width:100%}.server-health-line{display:flex;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--border)}.server-health-line>span:last-child{display:grid;gap:5px}.server-health-line strong{font-size:14px}.server-health-line small{font-size:11px;color:var(--muted)}.server-health-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.server-health-dot.good{background:#4da477;box-shadow:0 0 0 4px color-mix(in srgb,#4da477 15%,transparent)}.server-health-dot.bad{background:var(--danger)}.server-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.server-metrics>div{display:flex;flex-direction:column;gap:11px;min-width:0;background:var(--surface-soft);padding:18px;border-radius:13px}.server-metrics svg{color:var(--accent)}.server-metrics small{font-size:11px;color:var(--muted)}.server-metrics strong{font-size:23px;letter-spacing:-.7px}.server-storage{padding-top:8px}.server-storage-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.server-storage-title h3{font-size:16px;margin:0}.server-storage-title svg{color:var(--accent)}.server-storage-figures{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:26px 0 19px}.server-storage-figures>div{display:grid;gap:6px}.server-storage-figures small{font-size:11px;color:var(--muted)}.server-storage-figures strong{font-size:22px;letter-spacing:-.5px}.server-capacity-track{height:10px;border-radius:20px;overflow:hidden;background:var(--surface-soft);border:1px solid var(--border)}.server-capacity-track span{display:block;height:100%;background:var(--accent);border-radius:20px;transition:width .5s var(--ease),background .32s var(--ease)}.server-capacity-label{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);margin:12px 0 25px;flex-wrap:wrap}.server-directory{overflow-wrap:anywhere;border-top:1px solid var(--border);padding-top:20px}@media(max-width:850px){.server-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:440px){.server-metrics{grid-template-columns:1fr 1fr}.server-metrics strong{font-size:19px}.server-storage-figures strong{font-size:18px}}.app-content>.chat-workspace{animation:soft-view-in .25s var(--ease)}@media(prefers-reduced-motion:reduce){.app-content>.chat-workspace,.privacy-navigation{animation:none!important}}:root[data-reduced-motion=true] .app-content>.chat-workspace,:root[data-reduced-motion=true] .privacy-navigation{animation:none!important}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;flex-shrink:0;width:19px;height:19px;min-width:19px;min-height:19px;border:1.5px solid var(--border);border-radius:5px;background:var(--surface);cursor:pointer;vertical-align:middle;position:relative;transition:background-color .2s var(--ease),border-color .2s var(--ease),transform .17s var(--ease),box-shadow .2s var(--ease)}input[type=checkbox]:after{content:"";height:9px;width:5px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transform-origin:center;transition:transform .17s var(--ease);margin-top:-2px}input[type=checkbox]:checked{border-color:var(--accent);background:var(--accent)}input[type=checkbox]:checked:after{transform:rotate(45deg) scale(1)}input[type=checkbox]:hover:not(:disabled){box-shadow:0 0 0 4px var(--accent-soft)}input[type=checkbox]:active:not(:disabled){transform:scale(.91)}input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.invite-picker{display:grid;gap:10px;min-width:0}.invite-picker>input{min-height:43px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text)}.invite-picker-toolbar{display:flex;justify-content:flex-end;gap:14px;align-items:center;font-size:11px;color:var(--muted)}.invite-picker-toolbar>span{margin-right:auto}.invite-picker-list{max-height:228px;overflow-y:auto;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overscroll-behavior:contain}.invite-account-row{display:flex;align-items:center;gap:11px;padding:10px 6px;border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .16s}.invite-account-row:last-child{border-bottom:0}.invite-account-row:hover{background:var(--surface-soft)}.invite-account-row>span{display:grid;gap:4px}.invite-account-row strong{font-size:12px}.invite-account-row small{font-size:11px;color:var(--muted)}.invite-audience-count{color:var(--muted);font-size:11px;margin:0}.invite-issued{display:grid;gap:14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:16px 0}.invite-issued>strong{font-size:13px}.invite-code-list{display:grid;gap:4px;max-height:230px;overflow:auto}.invite-code-list>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:8px;padding:9px 0;border-bottom:1px solid var(--border);font-size:11px}.invite-code-list code{overflow-wrap:anywhere;color:var(--accent-deep);-webkit-user-select:all;user-select:all;font-size:11px}.invite-issued-actions{display:flex;gap:7px;flex-wrap:wrap}.invite-issued-actions button{font-size:11px;min-height:36px}.invite-revoke-all{justify-self:start;color:var(--danger)!important}.invite-batches{display:grid;gap:9px;font-size:11px}.invite-batches>div{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid var(--border);gap:10px}@media(max-width:540px){.invite-code-list>div{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){input[type=checkbox],input[type=checkbox]:after,.invite-account-row{transition:none!important}}:root[data-reduced-motion=true] input[type=checkbox],:root[data-reduced-motion=true] input[type=checkbox]:after,:root[data-reduced-motion=true] .invite-account-row{transition:none!important}.discovery-method{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:15px 0;border-top:1px solid var(--border)}.discovery-method h4{margin:0 0 2px;font-size:14px;font-weight:650}.discovery-method .btn{align-self:flex-start}.discovery-method .text-danger{align-self:flex-start;border:0;background:transparent;cursor:pointer}.frontend-failure{max-width:36rem;margin:14vh auto;padding:2rem;color:var(--text, #24334a);font-family:system-ui,sans-serif}.frontend-failure h1{font-size:1.45rem;font-weight:650}.frontend-failure p{line-height:1.65}.frontend-failure button{background:#365e9c;color:#fff;border:0;border-radius:.65rem;padding:.7rem 1rem;cursor:pointer}.chat-workspace{display:grid;grid-template-columns:minmax(270px,365px) minmax(0,1fr);height:100vh;min-height:540px;background:var(--surface);color:var(--text);overflow:hidden}.chat-directory{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--surface)}.chat-directory-top{display:flex;align-items:center;justify-content:space-between;padding:27px 22px 17px}.chat-directory-top h1{font-size:28px;letter-spacing:-1.25px;margin:0;line-height:1.2}.chat-icon-btn{display:grid;place-items:center;border:0;background:transparent;border-radius:50%;width:36px;height:36px;color:var(--text);transition:background .2s var(--ease),transform .18s var(--ease)}.chat-icon-btn:hover{background:var(--surface-soft)}.chat-icon-btn:active{transform:scale(.94)}.chat-icon-btn.raised{background:var(--accent-soft);color:var(--accent-deep)}.chat-search{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:0 13px;background:var(--surface-soft);border:1px solid transparent;border-radius:11px;color:var(--muted);height:39px}.chat-search:focus-within{border-color:var(--accent)}.chat-search input{width:100%;background:transparent;border:0;outline:0;color:var(--text);font-size:13px;min-width:0}.chat-pills{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:0 14px 14px}.chat-pills button{font-size:12px;border:0;border-radius:19px;padding:8px 14px;background:var(--surface-soft);color:var(--muted);font-weight:650;transition:background .25s,color .25s,transform .2s}.chat-pills button.active{background:var(--accent-soft);color:var(--accent-deep)}.chat-pills button:active{transform:scale(.96)}.chat-directory-scroll{flex:1;min-height:0;overflow-y:auto}.chat-list-empty{margin:40px 23px;font-size:12px;line-height:1.6;color:var(--muted);text-align:center}.chat-list-item{width:100%;display:flex;align-items:center;gap:12px;min-height:70px;text-align:left;border:0;background:transparent;color:var(--text);padding:9px 18px;transition:background .2s}.chat-list-item:hover{background:var(--surface-soft)}.chat-list-item.active{background:var(--accent-soft)}.chat-avatar{flex:0 0 45px;height:45px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 18%,var(--surface));color:var(--accent-deep);font-weight:780;font-size:13px}.chat-avatar.small{height:30px;flex-basis:30px;font-size:10px}.chat-list-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.chat-list-text strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.chat-list-text small{font-size:11px;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-list-side{display:flex;align-self:stretch;justify-content:center;align-items:end;flex-direction:column;gap:8px;color:var(--accent)}.chat-list-side small{font-size:9px;color:var(--muted)}.chat-directory-foot{font-size:10px;color:var(--muted);padding:13px 20px;border-top:1px solid var(--border);display:flex;align-items:center;gap:7px}.chat-conversation{display:flex;min-width:0;position:relative;flex-direction:column;background:var(--bg);min-height:0}.chat-conversation-empty{margin:auto;text-align:center;padding:20px;max-width:380px}.chat-conversation-empty-mark{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 18px;background:var(--accent-soft);color:var(--accent);border-radius:22px}.chat-conversation-empty h2{font-size:22px;letter-spacing:-.7px;margin:0 0 10px}.chat-conversation-empty p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 24px}.chat-primary{border:0;background:var(--accent);color:#fff;border-radius:11px;font-size:12px;font-weight:750;padding:11px 16px;display:inline-flex;justify-content:center;align-items:center;gap:9px;transition:transform .18s var(--ease),background .24s;min-height:39px}.chat-primary:hover:not(:disabled){background:var(--accent-deep)}.chat-primary:active{transform:scale(.965)}.chat-quiet{border:0;background:var(--surface-soft);color:var(--text);padding:10px 13px;border-radius:10px;font-size:12px;display:inline-flex;align-items:center;gap:7px}.chat-quiet.danger{color:var(--danger)}.chat-thread-header{height:69px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);padding:0 21px;background:var(--surface);z-index:2}.chat-thread-person{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.chat-thread-person strong{font-size:13px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-thread-person small{color:var(--muted);font-size:11px}.chat-messages{flex:1;overflow-y:auto;padding:23px max(18px,5vw) 20px;background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--accent) 4%,transparent),transparent 60%),var(--bg)}.chat-day-label{width:max-content;margin:0 auto 28px;padding:8px 15px;border-radius:9px;font-size:10px;color:var(--muted);background:var(--surface);box-shadow:0 1px 4px #00000008}.chat-first-message{font-size:12px;color:var(--muted);text-align:center;margin:25px 0}.chat-message-line{display:flex;margin:0 0 12px}.chat-message-line.outgoing{justify-content:flex-end}.chat-message-line.incoming{justify-content:flex-start}.chat-bubble{border-radius:16px 16px 16px 4px;padding:12px 14px 7px;max-width:min(480px,83%);min-width:75px;background:var(--surface);box-shadow:0 1px 4px #0000000a;animation:bubble-in .23s var(--ease)}.outgoing .chat-bubble{background:var(--accent-soft);border-radius:16px 16px 4px}.chat-bubble p{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 7px}.chat-message-meta{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:9px}.chat-message-meta button{border:0;background:none;color:var(--accent);padding:0;display:grid;place-items:center}@keyframes bubble-in{0%{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}.chat-compose{display:flex;align-items:center;gap:10px;background:var(--surface);padding:12px 20px max(13px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.chat-compose-entry{flex:1}.chat-compose-entry input{min-height:43px;border:1px solid var(--border);background:var(--surface-soft);padding:0 15px;width:100%;border-radius:12px;color:var(--text);outline:none;font-size:13px}.chat-compose-entry input:focus{border-color:var(--accent)}.chat-send{border:0;width:43px;height:43px;border-radius:12px;background:var(--accent);color:#fff;display:grid;place-items:center;transition:transform .18s}.chat-send:active{transform:scale(.93)}.chat-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#09152270;display:grid;place-items:center;padding:15px;animation:overlay-enter .22s both}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}.chat-modal{background:var(--surface);color:var(--text);border-radius:18px;padding:21px;width:min(100%,485px);max-height:85vh;overflow-y:auto;box-shadow:0 25px 70px #07151b44}.chat-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chat-modal-header h2{font-size:20px;margin:0;letter-spacing:-.5px}.chat-modal-header button,.chat-info-title button{border:0;background:transparent;color:var(--muted)}.chat-modal .chat-pills{padding:0 0 15px}.chat-modal .chat-search{margin:12px 0 8px}.chat-field,.chat-join input,.chat-key-small input{width:100%;min-height:41px;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 12px;color:var(--text);font-size:13px}.people-results{max-height:210px;overflow-y:auto;margin:10px 0}.people-results>button{border:0;border-bottom:1px solid var(--border);width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:var(--text);padding:10px 2px;text-align:left}.person-meta{display:flex;flex:1;flex-direction:column;gap:3px}.person-meta strong{font-size:12px}.person-meta small{font-size:11px;color:var(--muted)}.chosen-users{display:flex;gap:5px;flex-wrap:wrap}.chosen-users button{border:0;border-radius:17px;color:var(--accent-deep);background:var(--accent-soft);font-size:11px;padding:7px 9px}.chat-join{border-top:1px solid var(--border);margin-top:20px;padding-top:18px;display:grid;gap:10px}.chat-join span{font-size:11px;color:var(--muted)}.chat-join button{background:transparent;border:1px solid var(--border);border-radius:10px;padding:9px;color:var(--text)}.chat-info-panel{position:absolute;right:13px;top:75px;z-index:5;background:var(--surface);border:1px solid var(--border);border-radius:15px;box-shadow:0 15px 35px #061d301c;padding:17px;width:min(335px,calc(100% - 26px));max-height:70vh;overflow:auto;animation:bubble-in .2s both}.chat-info-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:13px}.chat-info-actions{display:grid;gap:3px}.chat-info-actions button{background:transparent;border:0;text-align:left;color:var(--text);padding:10px;display:flex;gap:9px;align-items:center;font-size:12px;border-radius:8px}.chat-info-actions button:hover{background:var(--surface-soft)}.chat-key-small{display:grid;gap:6px;margin:10px 0;color:var(--muted);font-size:11px}.chat-member-list{border-top:1px solid var(--border);margin:14px 0;max-height:180px;overflow:auto}.chat-member-list>div{display:flex;gap:9px;align-items:center;margin:12px 0}.chat-member-list>div>div{display:grid;gap:3px}.chat-member-list strong{font-size:11px}.chat-member-list small{font-size:10px;color:var(--muted)}.chat-group-controls{display:grid;gap:10px}.chat-invite{display:flex;gap:4px}.chat-invite input{min-width:0;flex:1;border:1px solid var(--border);padding:8px;font-size:10px}.chat-invite button{background:var(--accent-soft);border:0;border-radius:6px;color:var(--accent-deep)}.chat-error{padding:12px 16px;background:#ffe8e5;color:#8e322d;font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-error button{border:0;background:transparent;color:inherit;font-size:11px}.key-onboarding{max-width:550px;margin:clamp(35px,9vh,100px) auto;padding:20px 28px 55px;color:var(--text)}.key-icon{height:58px;width:58px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-deep);border-radius:17px;margin-bottom:18px}.key-onboarding h2{font-size:25px;letter-spacing:-.8px;margin:0 0 12px}.key-onboarding>p{font-size:13px;color:var(--muted);line-height:1.7}.fingerprint{display:block;color:var(--muted);font-family:monospace;overflow-wrap:anywhere;margin-bottom:13px}.key-label{display:grid;gap:8px;font-size:12px;font-weight:650;margin:15px 0}.key-label input,.key-label textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px;border-radius:10px;min-width:0}.key-label textarea{font-size:10px}.key-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.key-warning{background:#fff7e5;color:#825d23!important;border-radius:10px;padding:13px 14px;font-size:12px;display:flex;flex-direction:column;gap:10px}.key-foot{display:flex;gap:10px;margin-top:28px;border-top:1px solid var(--border);padding-top:18px;color:var(--muted);font-size:11px;line-height:1.5}.key-foot svg{flex-shrink:0}.mobile-back{display:none}@media(max-width:1100px){.chat-workspace{grid-template-columns:300px minmax(0,1fr)}}@media(max-width:660px){.chat-workspace{display:block;height:calc(100dvh - 67px);min-height:400px}.chat-directory{height:100%;width:100%}.chat-workspace.has-conversation .chat-directory{display:none}.chat-conversation{display:none;height:100%}.chat-workspace.has-conversation .chat-conversation{display:flex}.chat-thread-header{padding:0 11px;height:64px}.mobile-back{display:grid}.chat-messages{padding:16px 12px}.chat-compose{padding:10px}.chat-directory-top{padding:20px 15px 13px}.chat-directory-foot{padding:11px 15px}.chat-modal{max-height:90dvh}.key-onboarding{margin:20px auto;padding:12px 22px 35px}}@media(prefers-reduced-motion:reduce){.chat-bubble,.chat-modal-backdrop,.chat-info-panel{animation:none!important}}:root[data-reduced-motion=true] .chat-bubble,:root[data-reduced-motion=true] .chat-modal-backdrop,:root[data-reduced-motion=true] .chat-info-panel{animation:none!important}.chat-group-settings{display:grid;gap:9px;font-size:11px;color:var(--muted)}.chat-group-settings label{display:flex;gap:8px;align-items:center}.chat-group-settings input{accent-color:var(--accent)}.chat-group-roles{max-height:180px;overflow:auto;border-top:1px solid var(--border);padding-top:10px;display:grid;gap:9px}.chat-group-roles>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chat-group-roles span{font-size:10px;flex:1;min-width:100px}.chat-group-roles button{font-size:10px;border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;padding:6px;color:var(--text)}.chat-star-section{border-top:1px solid var(--border);padding:12px 0;font-size:11px}.chat-star-section p{border-radius:6px;padding:8px;margin:6px 0;background:var(--surface-soft);overflow-wrap:anywhere}.chat-backup-button{border:0;background:none;color:var(--accent);font-size:10px;margin-left:auto;padding:5px;cursor:pointer;white-space:nowrap}.chat-backup-button:hover{text-decoration:underline}@media(max-width:660px){.chat-directory-foot{flex-wrap:wrap}}.chat-outbox-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 20px;background:var(--surface-soft);border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.chat-outbox-status button{border:0;background:transparent;color:var(--accent);font-weight:700;font-size:11px}.chat-outbox-status button:disabled{color:var(--muted)}.queued-bubble{opacity:.75;border:1px dashed var(--border);box-shadow:none!important}.queued-bubble p{font-style:italic;color:var(--muted)}.chat-unread-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:12px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;line-height:1}.person-result{display:flex;align-items:center;border-bottom:1px solid var(--border);gap:8px}.people-results .person-result .person-pick{display:flex;align-items:center;gap:10px;padding:10px 2px;flex:1;width:auto;min-width:0;border:0;background:transparent;color:var(--text);text-align:left}.person-result .save-contact-button{width:auto;flex:none;color:var(--accent);border:0;background:transparent;padding:8px;font-size:12px}.saved-contacts{margin:10px 0 5px}.saved-contacts>strong{font-size:12px}.saved-contact-scroll{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}.saved-contact-scroll button{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:12px;padding:6px 9px;font-size:12px;transition:background .16s ease,transform .16s ease}.saved-contact-scroll button.active{background:var(--accent-soft);border-color:var(--accent)}.saved-contact-scroll button:active{transform:scale(.98)}.saved-contact-pill{display:flex;align-items:center;gap:2px;background:var(--surface-soft);border-radius:12px;padding:0 3px}.saved-contact-pill button{border:0;border-radius:10px;background:transparent;font-size:11px;padding:7px}.saved-contact-pill button:first-child{font-weight:650}.saved-contact-pill button:not(:first-child){color:var(--muted);font-size:10px}.chat-compose-context{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem .85rem;border-top:1px solid var(--border, #dde3ea);font-size:.83rem;opacity:.92}.chat-compose-context button,.chat-custom-filter button{border:0;background:transparent;cursor:pointer;color:inherit;display:inline-flex;align-items:center;padding:.35rem;border-radius:.4rem}.chat-reply-quote{display:block;font-size:.75rem;opacity:.7;border-left:2px solid currentColor;padding-left:.5rem;margin-bottom:.3rem;max-width:26rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-message-search{display:flex;align-items:center;gap:.4rem;padding:.2rem .6rem;margin:.5rem auto;max-width:25rem;border-radius:.7rem;background:var(--surface, #f6f7fa);opacity:.85}.chat-message-search input{font:inherit;min-width:0;width:100%;background:transparent;border:none;outline:none;padding:.4rem}.chat-custom-filter{display:flex;align-items:center;gap:.35rem;margin:.3rem .6rem}.chat-custom-filter select{max-width:100%;flex:1;border-radius:.6rem;padding:.35rem .45rem;border:1px solid var(--border, #dde3ea);background:var(--surface, #fff);color:inherit;font:inherit}.chat-custom-list-picker{padding:.65rem 0;display:grid;gap:.35rem}.chat-custom-list-picker label{display:flex;align-items:center;gap:.5rem;font-size:.82rem}.chat-reactions{font-size:.78rem;letter-spacing:.15rem;margin:.25rem 0}.chat-receipts{color:var(--accent,#4c80d4);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.chat-message-meta button,.chat-custom-filter button{transition:transform .16s ease,opacity .16s ease}.chat-message-meta button:active,.chat-custom-filter button:active{transform:scale(.94)}}.chat-fingerprint{display:block;max-width:360px;overflow-wrap:anywhere;font-size:.72rem;opacity:.75;line-height:1.6}.chat-fingerprint code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;-webkit-user-select:text;user-select:text}.chat-read-privacy{display:flex;align-items:flex-start;gap:.7rem;margin:12px 0;font-size:.85rem;line-height:1.4}.chat-read-privacy input{margin-top:3px;flex:0 0 auto}.chat-read-privacy small{display:block;opacity:.7;margin-top:3px}.chat-self-choice{display:flex;align-items:center;gap:.6rem;width:100%;padding:.8rem 1rem;border:1px solid var(--border, #cdd8df);border-radius:.75rem;background:transparent;color:inherit;text-align:left;cursor:pointer;margin:.75rem 0}.chat-self-choice:hover{background:var(--surface-subtle, rgba(80,125,160,.08))}.ic-select{position:relative;width:100%;min-width:0;isolation:isolate}.ic-select:focus-within{z-index:20}.ic-select-trigger{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;min-height:43px;border:1px solid var(--border);border-radius:9px;padding:9px 12px;background:var(--surface);color:var(--text);text-align:left;font:inherit;font-size:13px;cursor:pointer;transition:border-color .18s var(--ease),background-color .18s var(--ease),box-shadow .18s var(--ease),transform .14s var(--ease)}.ic-select-trigger:hover:not(:disabled){border-color:var(--accent);background:var(--surface-soft)}.ic-select-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.ic-select-trigger:active:not(:disabled){transform:scale(.995)}.ic-select-trigger svg{color:var(--muted);flex-shrink:0;transition:transform .22s var(--ease),color .22s var(--ease)}.ic-select-open .ic-select-trigger svg{transform:rotate(180deg);color:var(--accent)}.ic-select-popover{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:100;max-height:min(280px,45vh);overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--border);border-radius:11px;background:var(--surface);box-shadow:0 12px 32px #0002;padding:5px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px) scale(.985);transform-origin:top center;transition:opacity .16s ease,transform .2s var(--ease),visibility 0s linear .2s}.ic-select-open .ic-select-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .16s ease,transform .2s var(--ease),visibility 0s}.ic-select-option{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;border-radius:7px;background:transparent;color:var(--text);font:inherit;font-size:12px;line-height:1.35;text-align:left;padding:10px 11px;cursor:pointer;transition:background-color .16s ease,color .16s ease}.ic-select-option:hover:not(:disabled),.ic-select-option:focus-visible{background:var(--surface-soft);outline:0}.ic-select-option.is-selected{color:var(--accent-deep);background:var(--accent-soft)}.ic-select-option:disabled{opacity:.4;cursor:not-allowed}.ic-select-option svg{flex-shrink:0}.ic-select-disabled{opacity:.55}@media(prefers-reduced-motion:reduce){.ic-select-trigger,.ic-select-trigger svg,.ic-select-popover,.ic-select-option{transition:none!important}}:root[data-reduced-motion=true] .ic-select-trigger,:root[data-reduced-motion=true] .ic-select-trigger svg,:root[data-reduced-motion=true] .ic-select-popover,:root[data-reduced-motion=true] .ic-select-option{transition:none!important}