/* Small communication characters, drawn as SVG for sharpness at every size. */
.site-header{height:auto;min-height:106px;padding:18px 0;gap:24px}
.social-control{--social:#b8c1ef;position:relative;isolation:isolate;display:flex;align-items:center;gap:11px;cursor:pointer;overflow:hidden;border:1px solid #34363c;border-radius:8px;background:#131416;color:var(--text);text-align:left;padding:10px 12px;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.social-control[data-social=wechat]{--social:#c6d8a6;border-color:#383e30;background:#141711}
.social-control:before{content:'';position:absolute;inset:-60% auto -60% -60%;width:35%;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent,#dbe9fa0e,transparent);transform:skewX(-20deg);transition:left .65s ease}
.social-control:hover:before,.social-control:focus-visible:before{left:135%}
.social-control:hover,.social-control:focus-visible{border-color:var(--social);background:#1b1e22;box-shadow:0 0 24px #b8c1ef0c;transform:translateY(-2px)}
.social-control[data-social=wechat]:hover,.social-control[data-social=wechat]:focus-visible{background:#1b2116;box-shadow:0 0 24px #c6d8a60c}
.social-control:focus-visible{outline:2px solid var(--social);outline-offset:4px}
.social-control:active{transform:translateY(0) scale(.98)}
.social-emblem{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;color:var(--social);border:1px solid #b8c1ef20;border-radius:11px;background:radial-gradient(ellipse at 40% 30%,#b8c1ef11,transparent);transition:transform .3s,border-color .3s}
[data-social=wechat] .social-emblem{border-color:#c6d8a629;background:radial-gradient(ellipse at 40% 30%,#c6d8a612,transparent)}
.social-emblem>svg{width:36px;height:36px;overflow:visible}
.social-control:hover .social-emblem,.social-control:focus-visible .social-emblem{border-color:var(--social);transform:rotate(-5deg)}
.social-body{transform-box:fill-box;transform-origin:center;transition:transform .3s ease}
.social-control:hover .discord-body,.social-control:focus-visible .discord-body{transform:translateY(-1px) rotate(3deg)}
.social-control:hover .chat-back,.social-control:focus-visible .chat-back{transform:translate(-1px,-2px) rotate(-7deg)}
.social-control:hover .chat-front,.social-control:focus-visible .chat-front{transform:translate(1px,1px) rotate(5deg)}
.social-gaze{transform:translate(var(--gaze-x,0px),var(--gaze-y,0px));transition:transform .12s ease-out}
.social-eyes{transform-box:fill-box;transform-origin:center;animation:terminal-blink 6.8s infinite}
.chat-front .social-eyes{animation-delay:1.3s}
.discord-body .social-eyes{animation-duration:8.1s}
.signal-lines{opacity:.18;transition:opacity .25s}
.social-control:hover .signal-lines,.social-control:focus-visible .signal-lines{opacity:.9;animation:terminal-signal 1.8s ease-in-out infinite}
.icon-orbit{opacity:.35;transition:opacity .25s}
.social-control:hover .icon-orbit{opacity:1}
.contact-copy{display:grid;gap:5px;min-width:0;flex:1}
.contact-copy strong{font:600 12px var(--sans);white-space:nowrap}
.contact-copy small{font:7px var(--mono);color:#959b91;letter-spacing:.02em;white-space:nowrap}
.header-links .social-control{min-width:172px;min-height:62px}
.action-glyph{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid #ffffff12;border-radius:5px;color:var(--social);background:#ffffff03;transition:background .25s}
.action-glyph svg{width:15px;height:15px;transition:transform .25s}
.social-control:hover .action-glyph{background:#ffffff08}
.social-control:hover [data-icon=external] svg,.social-control:focus-visible [data-icon=external] svg{transform:translate(1.5px,-1.5px)}
.social-control:hover [data-icon=copy] svg{transform:rotate(-7deg)}
.social-control.is-copied{border-color:#c6d8a6;background:#202b18}
.social-control.is-copied .contact-copy small{color:var(--accent-strong)}
.social-control.is-copied .social-emblem{transform:rotate(0) scale(1.05);border-color:#c6d8a6}
.contact-strip .social-control{min-width:207px;min-height:63px}
.contact-strip{min-height:108px}
.contact-strip .contact-copy strong{font-size:11px}
.ui-icon{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:14px;height:14px;flex-shrink:0}
.ui-icon svg{display:block;width:100%;height:100%;transition:transform .2s}
.platform-open,.platform-copy{display:inline-flex;align-items:center;gap:5px}
.platform-open:hover .ui-icon svg,.ask-link:hover .ui-icon svg,.direct-support:hover .ui-icon svg,.closing-note a:hover .ui-icon svg,.support-link:hover .ui-icon svg{transform:translate(1.5px,-1.5px)}
.platform-copy:hover .ui-icon svg{transform:rotate(-7deg)}
.copy-discord .ui-icon{width:17px;height:17px}
.copy-discord.is-copied{color:var(--accent-strong)}
.closing-star{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;color:#aab995;pointer-events:none}
.closing-star svg{display:block;width:100%;height:100%;overflow:visible}
.sigil-rays{opacity:.62}
.sigil-core{animation:sigil-breathe 7s ease-in-out infinite;transform-origin:24px 24px}
@keyframes sigil-breathe{0%,100%{opacity:.55;filter:drop-shadow(0 0 0 transparent)}50%{opacity:1;filter:drop-shadow(0 0 4px #aab99560)}}
@media(max-width:560px){.closing-star{width:29px;height:29px;flex-basis:29px}}
@media(prefers-reduced-motion:reduce){.sigil-core{animation:none}}
@keyframes terminal-blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.12)}}
@keyframes terminal-signal{0%,100%{opacity:.45}50%{opacity:1}}
@media(max-width:850px){.header-links .social-control{min-width:156px}.contact-strip .social-control{min-width:180px}.social-control{gap:9px;padding:9px 10px}}
@media(max-width:650px){.site-header{flex-wrap:wrap;gap:18px;padding:20px 0}.header-links{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px}.header-links .social-control{min-width:0;width:100%}.contact-strip{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:18px 0}.contact-intro{grid-column:1/-1;margin:0 0 5px}.contact-strip .social-control{min-width:0;width:100%}.social-emblem{width:34px;height:36px;flex-basis:34px;border-radius:9px}.social-emblem>svg{width:32px;height:32px}.contact-copy strong,.contact-strip .contact-copy strong{font-size:10px}.contact-copy small{font-size:6.5px}.action-glyph{width:19px;height:21px;flex-basis:19px}.action-glyph svg{width:13px;height:13px}}
@media(max-width:360px){.social-control{gap:6px;padding:9px 7px}.social-emblem{width:30px;flex-basis:30px}.contact-copy small{font-size:6px}.action-glyph{width:16px;flex-basis:16px}}
@media(prefers-reduced-motion:reduce){.social-control,.social-control *{animation:none!important;transition:none!important}.social-control:hover,.social-control:active,.social-control:hover .social-emblem,.social-control:focus-visible .social-emblem{transform:none}.social-gaze{transform:none}.social-control:before{display:none}}
