:root{--wing-bg:#050914;--wing-panel:#09111f;--wing-panel-2:#0d1728;--wing-border:rgba(148,163,184,.16);--wing-text:#eef6ff;--wing-muted:#8ea0b8;--wing-cyan:#27d7ff;--wing-blue:#4f7cff;--wing-violet:#9f5cff;--wing-green:#43e6a8;--wing-danger:#ff6b88}
body.is-wing-route{overflow:hidden;background:var(--wing-bg)}
.wing-page{height:calc(100dvh - 76px);min-height:0;padding:76px 0 0;background:radial-gradient(circle at 70% 0%,rgba(159,92,255,.14),transparent 34rem),radial-gradient(circle at 20% 10%,rgba(39,215,255,.11),transparent 32rem),var(--wing-bg);overflow:hidden}
.wing-page+*{display:none}.wing-app{height:100%;min-height:0;display:grid;grid-template-columns:72px 280px minmax(0,1fr) 250px;color:var(--wing-text);border-top:1px solid var(--wing-border)}
.wing-rail,.wing-channels,.wing-conversation,.wing-members{min-height:0}.wing-rail{display:flex;flex-direction:column;align-items:center;gap:12px;padding:14px 8px;background:rgba(3,7,17,.96);border-right:1px solid var(--wing-border)}
.wing-mark,.wing-rail-button{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--wing-border);border-radius:16px;background:rgba(255,255,255,.035);color:var(--wing-muted);text-decoration:none;transition:.18s ease}.wing-mark{color:#fff;font:800 1.15rem/1 Sora,sans-serif;background:linear-gradient(135deg,var(--wing-cyan),var(--wing-violet));box-shadow:0 0 28px rgba(79,124,255,.25)}.wing-rail-button:hover,.wing-rail-button.is-active{color:#fff;border-color:rgba(39,215,255,.45);background:linear-gradient(135deg,rgba(39,215,255,.18),rgba(159,92,255,.16));transform:translateY(-1px)}.wing-rail-spacer{flex:1}
.wing-channels{display:flex;flex-direction:column;background:rgba(9,17,31,.96);border-right:1px solid var(--wing-border)}.wing-sidebar-head,.wing-topbar,.wing-members-head{min-height:64px;display:flex;align-items:center;border-bottom:1px solid var(--wing-border);background:rgba(13,23,40,.78);backdrop-filter:blur(18px)}.wing-sidebar-head{justify-content:space-between;padding:0 16px;gap:12px}.wing-sidebar-head div{min-width:0}.wing-sidebar-head strong{display:block;font:800 1.05rem/1.2 Sora,sans-serif;letter-spacing:.18em}.wing-sidebar-head div span{display:block;margin-top:4px;color:var(--wing-muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wing-connection-state{flex:0 0 auto;padding:5px 8px;border:1px solid var(--wing-border);border-radius:999px;color:var(--wing-muted);font-size:.68rem}.wing-connection-state[data-wing-state=online]{color:var(--wing-green);border-color:rgba(67,230,168,.3)}.wing-connection-state[data-wing-state=connecting]{color:var(--wing-cyan);border-color:rgba(39,215,255,.3)}.wing-connection-state[data-wing-state=error]{color:var(--wing-danger);border-color:rgba(255,107,136,.3)}
.wing-channel-scroll{flex:1;overflow:auto;padding:14px 10px}.wing-group-title{margin:14px 10px 8px;color:#62748d;font-size:.68rem;font-weight:800;letter-spacing:.13em}.wing-channel{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#aab8ca;text-align:left}.wing-channel:hover,.wing-channel.is-active{color:#fff;background:rgba(79,124,255,.12);border-color:rgba(79,124,255,.18)}.wing-hash{color:var(--wing-cyan);font-weight:800}
.wing-profile{min-height:72px;display:grid;grid-template-columns:40px minmax(0,1fr) 36px;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--wing-border);background:rgba(2,6,15,.78)}.wing-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--wing-blue),var(--wing-violet))}.wing-profile strong,.wing-profile span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wing-profile div span{color:var(--wing-muted);font-size:.72rem;margin-top:3px}.wing-profile button{width:36px;height:36px;border:0;border-radius:10px;color:var(--wing-muted);background:rgba(255,255,255,.05)}.wing-profile button:hover{color:var(--wing-green)}
.wing-conversation{display:flex;flex-direction:column;min-width:0;min-height:0;background:rgba(5,9,20,.84)}.wing-topbar{padding:0 18px;gap:12px}.wing-current-icon{color:var(--wing-cyan);font-size:1.35rem;font-weight:800}.wing-current-copy{min-width:0;flex:1}.wing-current-copy strong,.wing-current-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wing-current-copy span{margin-top:3px;color:var(--wing-muted);font-size:.76rem}.wing-article-link{color:var(--wing-cyan);text-decoration:none;font-size:.78rem;font-weight:700}.wing-mobile-toggle{display:none;border:0;background:transparent;color:#fff}.wing-console-actions{display:flex;gap:6px}.wing-console-actions button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--wing-border);border-radius:10px;color:var(--wing-muted);background:rgba(255,255,255,.035)}.wing-console-actions button:hover{color:#fff;border-color:rgba(39,215,255,.35);background:rgba(39,215,255,.08)}
.wing-messages{flex:1;min-height:0;overflow:auto;padding:clamp(24px,5vw,64px);background:linear-gradient(rgba(5,9,20,.82),rgba(5,9,20,.94)),radial-gradient(circle at 50% 20%,rgba(79,124,255,.16),transparent 32rem)}.wing-welcome{max-width:760px;margin:0 auto 34px;text-align:center}.wing-welcome-logo{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 20px;border-radius:28px;font-size:2rem;background:linear-gradient(135deg,rgba(39,215,255,.2),rgba(159,92,255,.22));border:1px solid rgba(39,215,255,.26);box-shadow:0 20px 80px rgba(79,124,255,.18)}.wing-kicker{color:var(--wing-cyan);font-size:.72rem;font-weight:800;letter-spacing:.2em}.wing-welcome h1{margin:10px 0;font:800 clamp(2.2rem,6vw,4.8rem)/.98 Sora,sans-serif}.wing-welcome>p:not(.wing-kicker){max-width:620px;margin:0 auto;color:var(--wing-muted);font-size:1.05rem;line-height:1.7}.wing-welcome-actions{display:flex;justify-content:center;gap:12px;margin-top:26px;flex-wrap:wrap}
.wing-status-log{max-width:900px;margin:auto;border-top:1px solid var(--wing-border);padding-top:16px}.wing-status-log p{display:grid;grid-template-columns:68px 58px minmax(0,1fr);gap:10px;margin:0;padding:7px 10px;border-radius:8px;color:var(--wing-muted);font:.75rem/1.5 "JetBrains Mono",monospace}.wing-status-log p:hover{background:rgba(255,255,255,.028)}.wing-status-log time{color:#5f7189}.wing-status-log strong{color:#7890ad;font-size:.66rem;letter-spacing:.08em}.wing-status-log p[data-level=ok] strong,.wing-status-log p[data-level=ok] span{color:var(--wing-green)}.wing-status-log p[data-level=warn] strong,.wing-status-log p[data-level=warn] span{color:#f7c66b}.wing-status-log p[data-level=error] strong,.wing-status-log p[data-level=error] span{color:var(--wing-danger)}.wing-status-log p[data-level=irc] strong{color:var(--wing-violet)}.wing-status-log p[data-level=ws] strong{color:var(--wing-cyan)}.wing-status-log p[data-level=system] strong{color:#d9e5f7}
.wing-composer{min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;padding:12px 16px;border-top:1px solid var(--wing-border);background:rgba(3,7,17,.92)}.wing-composer input{width:100%;height:48px;border:1px solid var(--wing-border);border-radius:14px;padding:0 16px;color:#fff;background:rgba(255,255,255,.045);outline:none}.wing-composer input:focus{border-color:rgba(39,215,255,.42);box-shadow:0 0 0 3px rgba(39,215,255,.08)}.wing-composer-action,.wing-send{width:42px;height:42px;border:0;border-radius:12px;color:var(--wing-muted);background:rgba(255,255,255,.05)}.wing-send:not(:disabled){color:#fff;background:linear-gradient(135deg,var(--wing-blue),var(--wing-violet))}
.wing-statusbar{min-height:34px;display:flex;align-items:center;gap:18px;padding:0 14px;border-top:1px solid var(--wing-border);color:#71849e;background:rgba(2,6,15,.96);font:.68rem/1 "JetBrains Mono",monospace;overflow-x:auto;white-space:nowrap}.wing-statusbar span{display:inline-flex;align-items:center;gap:6px}.wing-statusbar b{color:#a8b8cb;font-weight:600}.wing-statusbar-state i{width:8px;height:8px;border-radius:50%;background:#64748b;box-shadow:0 0 0 3px rgba(100,116,139,.12)}.wing-statusbar-state[data-state=online] i{background:var(--wing-green);box-shadow:0 0 0 3px rgba(67,230,168,.14)}.wing-statusbar-state[data-state=connecting] i{background:var(--wing-cyan);box-shadow:0 0 0 3px rgba(39,215,255,.14);animation:wingPulse 1s infinite}.wing-statusbar-state[data-state=error] i{background:var(--wing-danger);box-shadow:0 0 0 3px rgba(255,107,136,.14)}@keyframes wingPulse{50%{opacity:.45;transform:scale(.85)}}
.wing-members{background:rgba(9,17,31,.94);border-left:1px solid var(--wing-border)}.wing-members-head{justify-content:space-between;padding:0 16px}.wing-members-head span{min-width:28px;padding:3px 8px;border-radius:999px;text-align:center;color:var(--wing-cyan);background:rgba(39,215,255,.08)}.wing-member-list{padding:14px}.wing-empty-members{color:var(--wing-muted);font-size:.78rem;line-height:1.55}
.wing-entry[hidden]{display:none}.wing-entry{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}.wing-entry-backdrop{position:absolute;inset:0;background:rgba(1,4,12,.78);backdrop-filter:blur(14px)}.wing-entry-card{position:relative;z-index:1;width:min(100%,560px);max-height:min(88dvh,760px);overflow:auto;padding:30px;border:1px solid rgba(39,215,255,.2);border-radius:24px;color:var(--wing-text);background:linear-gradient(180deg,rgba(13,23,40,.98),rgba(5,9,20,.99));box-shadow:0 30px 120px rgba(0,0,0,.55)}.wing-entry-card h2{margin:8px 0 10px;font:800 clamp(1.55rem,4vw,2.35rem)/1.08 Sora,sans-serif}.wing-entry-card>p:not(.wing-kicker){color:var(--wing-muted);line-height:1.65}.wing-entry-logo{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--wing-cyan),var(--wing-violet));margin-bottom:18px}.wing-entry-close{position:absolute;top:16px;right:16px;width:38px;height:38px;border:1px solid var(--wing-border);border-radius:12px;color:var(--wing-muted);background:rgba(255,255,255,.04)}.wing-entry-card form{display:grid;gap:14px;margin-top:22px}.wing-entry-card label{display:grid;gap:7px;color:#c9d7e8;font-size:.78rem;font-weight:700}.wing-entry-card input,.wing-entry-card select{width:100%;height:46px;border:1px solid var(--wing-border);border-radius:12px;padding:0 13px;color:#fff;background:rgba(255,255,255,.05);outline:none}.wing-entry-card input:focus,.wing-entry-card select:focus{border-color:rgba(39,215,255,.45);box-shadow:0 0 0 3px rgba(39,215,255,.08)}.wing-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wing-entry-feedback{min-height:20px;margin:0;color:#f7c66b;font-size:.78rem}.wing-entry-member{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--wing-border);font-size:.78rem;color:var(--wing-muted)}.wing-entry-member a{color:var(--wing-cyan)}
@media(max-width:1180px){.wing-app{grid-template-columns:64px 250px minmax(0,1fr)}.wing-members{display:none}}@media(max-width:820px){.wing-page{height:calc(100dvh - 68px);padding-top:68px}.wing-app{position:relative;grid-template-columns:56px minmax(0,1fr)}.wing-rail{padding-inline:4px}.wing-mark,.wing-rail-button{width:44px;height:44px}.wing-channels{position:absolute;z-index:20;inset:0 auto 0 56px;width:min(82vw,300px);transform:translateX(-110%);transition:transform .2s ease;box-shadow:28px 0 70px rgba(0,0,0,.46)}.wing-page.is-sidebar-open .wing-channels{transform:translateX(0)}.wing-conversation{grid-column:2}.wing-mobile-toggle{display:inline-grid;place-items:center}.wing-article-link{display:none}.wing-messages{padding:26px 18px}.wing-welcome h1{font-size:clamp(2.2rem,12vw,3.7rem)}.wing-statusbar{gap:12px}}@media(max-width:540px){.wing-app{grid-template-columns:1fr}.wing-rail{display:none}.wing-conversation{grid-column:1}.wing-channels{left:0}.wing-composer{padding-inline:10px}.wing-console-actions{display:none}.wing-status-log p{grid-template-columns:58px 52px minmax(0,1fr);padding-inline:2px}.wing-entry{padding:12px}.wing-entry-card{padding:24px 18px}.wing-entry-grid{grid-template-columns:1fr}.wing-entry-member{flex-direction:column}}

.wing-brand-mark{padding:6px;background:linear-gradient(145deg,rgba(39,215,255,.09),rgba(159,92,255,.11));overflow:hidden}
.wing-brand-mark img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 8px rgba(73,155,255,.35))}
.wing-welcome-brand{width:min(300px,70%);height:auto;margin-bottom:18px;filter:drop-shadow(0 18px 38px rgba(70,110,255,.22))}
.wing-entry-brand{width:min(240px,58%);height:auto;margin-bottom:18px;filter:drop-shadow(0 14px 30px rgba(70,110,255,.2))}