:root{font:14px/1.5 system-ui,"Segoe UI",sans-serif;color-scheme:dark;--bg:#0d131b;--panel:#151e29;--btn:#202c3b;--line:#2c3949;--txt:#edf3fa;--muted:#a1b1c5;--brand:#a9c5e0;--on-accent:#101b28;background:var(--bg);color:var(--txt)}
*{box-sizing:border-box}body{margin:0}a{color:var(--brand)}button,input,textarea,select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:8px;background:var(--btn);padding:9px 12px;max-width:100%}button{cursor:pointer;min-height:36px}button:hover{border-color:var(--brand)}button:disabled{opacity:.5;cursor:wait}input,textarea,select{width:100%;background:var(--bg)}textarea{resize:vertical;min-height:76px}label{display:grid;gap:6px;margin:12px 0;color:var(--muted);font-size:12px}.primary{background:var(--brand);color:var(--on-accent);font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:3px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1{font-size:24px;line-height:1.2}h2{font-size:16px;margin:0}p{overflow-wrap:anywhere}.fine,small{font-size:12px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.app-header{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:auto;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand b{font-size:16px}main{max-width:1100px;margin:auto;padding:16px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.section-title h1{margin:0}.welcome{position:relative;max-width:500px;margin:30px auto;padding:24px;overflow:hidden}.welcome h1{font-size:44px;letter-spacing:-.04em}.welcome>p{max-width:360px}.steps{padding-left:20px;line-height:2}.welcome form{margin-top:20px}.coins{position:absolute;right:4px;top:15px;opacity:.3;pointer-events:none;z-index:-1}.coins img{width:90px;filter:drop-shadow(0 10px 20px #0005);transform:rotate(15deg)}.coins img+img{width:55px;transform:rotate(-20deg);margin-left:-25px}
#status{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--btn);color:var(--txt)}#inbox{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:540px}.channel-directory{padding:8px;min-width:0}#channels{display:grid;gap:5px}.channel-choice{width:100%;display:flex;gap:8px;align-items:center;text-align:left;background:transparent;border-color:transparent}.channel-choice[aria-current=page]{background:var(--btn);border-color:var(--line)}.channel-choice span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{border-radius:12px;background:var(--brand);color:var(--on-accent);padding:0 6px;font-size:10px}.conversation{min-width:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:12px;height:min(680px,75dvh)}.conversation-heading{display:flex;gap:8px;align-items:center}.conversation-heading h2{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon{padding:4px;width:32px;min-height:32px;flex:none}#back-inbox{display:none}#messages{flex:1;min-height:100px;overflow-y:auto;overscroll-behavior:contain;padding:8px 0}.message{padding:10px;margin:5px 0;border-radius:8px;background:var(--btn);overflow-wrap:anywhere}.message.self{border-left:2px solid var(--brand)}.message small{display:block;font-size:10px}.message p{white-space:pre-wrap;margin:4px 0}.message a{display:block;min-height:32px}.compose-tools{display:flex;align-items:center;gap:8px}.compose-tools #send{margin-left:auto}.attach{display:flex;position:relative;margin:0;cursor:pointer;font-size:20px;padding:2px 8px;border:1px solid var(--line);border-radius:6px;overflow:hidden}.attach input{position:absolute;opacity:0;inset:0;cursor:pointer}#attachment-name{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#message{font-size:16px;min-height:58px}.app-tabs{display:flex;gap:6px;border-top:1px solid var(--line);padding:10px 0;margin-top:16px}.app-tabs button{flex:1;background:transparent;border-color:transparent;font-size:12px}.app-tabs span{margin-right:8px}.app-tabs [aria-current=page]{color:var(--brand);background:var(--btn)}.view{padding:8px}.card{padding:16px;border:1px solid var(--line);border-radius:10px;margin:12px 0}.card p{margin:8px 0}.card h2{margin-bottom:8px}.card .row{display:flex;align-items:center;justify-content:space-between;gap:8px}.person{display:flex;gap:10px;align-items:center}.avatar{width:32px;height:32px;object-fit:cover;border-radius:50%}.person div{flex:1;min-width:0}.person strong{overflow-wrap:anywhere}.silver-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #8997aa;border-radius:12px;background:linear-gradient(120deg,#354354,#151e29 80%)}.silver-card strong,.silver-card small{display:block}.silver-card strong{font-size:32px;color:#e5edf7}.account-links{display:flex;gap:14px;flex-wrap:wrap;margin:20px 0}
dialog{width:min(520px,calc(100% - 24px));max-height:90dvh;overflow:auto;background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:12px;padding:18px}dialog::backdrop{background:#0009}dialog form{margin:0}#call-dialog video{display:block;width:100%;max-height:35dvh;background:#080e15;border-radius:8px;margin:8px 0}#local-video{max-height:90px!important;width:120px!important}video:not([src]){min-height:0}.call-tools{display:flex;gap:8px;flex-wrap:wrap}#call-people{display:grid;gap:8px}
@media(max-width:700px){main{padding:12px 12px 78px}.welcome{padding:12px;margin:20px auto}.welcome h1{font-size:38px}#inbox{display:block;min-height:50dvh}.channel-directory{padding:4px}.conversation{height:calc(100dvh - 174px);min-height:280px;padding:10px;border-radius:10px}#inbox.has-channel .channel-directory{display:none}#back-inbox{display:block}.app-tabs{position:fixed;bottom:0;left:0;right:0;z-index:10;margin:0;background:var(--panel);padding:6px 12px max(6px,env(safe-area-inset-bottom))}.app-tabs button{display:flex;align-items:center;flex-direction:column;gap:2px;font-size:10px;padding:5px}.app-tabs span{font-size:18px;margin:0}.channel-choice{min-height:46px}.card{padding:12px}.view{padding:0}.eco-footer{padding-bottom:90px!important}#notifications{font-size:11px;padding:5px 8px}input,select{font-size:16px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}}
.welcome{isolation:isolate}.coins img{padding:10px;border:1px solid #8e9bae;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e0e7ef,#66768b 75%,#c4cfdb)}