@font-face{font-family:system;src:local('Segoe UI')}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#090e18;color:#edf3fc;font-family:system,system-ui,sans-serif}body{overflow:hidden;height:var(--visible-height,100dvh)}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #ffffff16;border-radius:12px;background:#162238;color:#edf3fc;font:600 14px system-ui;padding:13px 18px;transition:background .15s}button:hover{background:#233857}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #94c5ff;outline-offset:3px}button[aria-pressed=true]{background:#34577d}a{color:#b7d7ff;text-decoration:none}[hidden]{display:none!important}header{height:76px;border-bottom:1px solid #ffffff0c;display:flex;align-items:center;gap:24px;padding:0 30px}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-size:18px;font-weight:600}.brand img{width:40px;height:40px;border-radius:12px}.brand small{display:block;font-size:9px;letter-spacing:.23em;margin-top:4px;color:#92a8c6}#status{margin-left:auto;font-size:12px;color:#a3b0c4}.danger{color:#ffb8b8;border-color:#bb555555;background:#311f2b}#home{height:calc(100% - 76px);display:grid;grid-template-columns:1fr 1fr;max-width:1500px;margin:auto;overflow:auto}.intro{position:relative;padding:90px 10% 50px;overflow:hidden;background:linear-gradient(180deg,#090e1830,#090e18dc),url('global-hero.webp') center/cover}.eyebrow{font-size:10px;letter-spacing:.25em;color:#9bc9ff}h1{font-size:clamp(38px,5vw,66px);letter-spacing:-.055em;font-weight:500;line-height:1.05;margin:30px 0 18px}.intro p{color:#9dacbf;font-size:16px}.cards{padding:36px clamp(24px,5vw,74px);display:flex;flex-direction:column;justify-content:center;gap:18px}.cards article{padding:26px;border:1px solid #ffffff12;background:#101927cc;border-radius:22px}.card-icon{width:32px;height:32px;border-radius:10px;background:#1d304a;display:grid;place-items:center;font-size:23px;color:#b8d8ff}h2{font-size:20px;font-weight:500;letter-spacing:-.025em;margin:14px 0 9px}p{line-height:1.5;color:#8f9db3;font-size:13px}.cards button[type=submit]{background:#b5d6ff;color:#10203a}form{display:flex;gap:10px;margin-top:22px}label{position:absolute;width:1px;height:1px;overflow:hidden}input{min-width:0;width:100%;letter-spacing:.25em;font-size:24px;color:#fff;background:#0a111e;border:1px solid #33445d;border-radius:12px;padding:10px 14px}#invite{margin-top:18px}#invite-code{display:block;font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:.16em}#invite-expiry{font-size:12px;color:#94a5bd}#upgrade{display:inline-block;margin-top:10px;font-size:13px}#pending{height:calc(100% - 76px);display:flex;flex-direction:column;align-items:center;justify-content:center}.connection-mark{font-size:72px;color:#bedcff}#session{height:calc(100% - 76px);display:flex;flex-direction:column}#viewport{flex:1;min-height:0;overflow:auto;position:relative;touch-action:none;background:#030609;display:block}#screen{display:block;max-width:none;object-fit:contain;transform-origin:top left;touch-action:none;user-select:none}#tools{display:flex;gap:6px;padding:10px;justify-content:center;background:#0e1727;flex-wrap:wrap}#tools button{padding:10px 12px;font-size:12px}.keyboard-input{position:fixed;left:16px;top:70px;width:1px;height:1px;opacity:.01;padding:0;border:0;font:16px system-ui;resize:none;pointer-events:none}#tools #send-text{background:#b5d6ff;color:#10203a}#tools{padding-bottom:max(10px,env(safe-area-inset-bottom))}#error{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#35212b;color:#ffd6d6;max-width:90%;padding:14px 20px;border-radius:12px;z-index:30}.sharing #home{display:none}.sharing #pending{height:calc(100% - 76px)}@media(max-width:700px){header{height:66px;padding:0 14px;gap:10px}.brand{font-size:16px}.brand img{width:32px;height:32px}#status{max-width:110px;font-size:10px}.danger{padding:10px}#home{grid-template-columns:1fr;height:calc(100% - 66px)}.intro{padding:32px 26px;min-height:200px;background-position:center}h1{font-size:36px;margin:14px 0}.intro p{margin:0}.cards{padding:18px;gap:14px}.cards article{padding:20px}#session,#pending{height:calc(100% - 66px)}#tools{gap:4px;padding:7px}#tools button{font-size:11px;padding:10px}#host-card{margin-bottom:16px}}
/* Identidade oficial: mesmo emblema usado na entrada do Concordy. */
:root{--gold:#e8c779;--muted:#a9b6ce;--edge:#c7b07b26}
html,body{background:#070d20;color:#f2f3f8}
header{background:#0a1227;border-color:var(--edge)}
.brand img{width:46px;height:46px;object-fit:contain;border-radius:0}
.brand small,.eyebrow{color:var(--gold)}
#status,p,.intro p{color:var(--muted)}
button{background:#172440;border-color:#b5c5eb24;color:#f4f5fa}
button:hover{background:#223453}
button[aria-pressed=true]{background:#31466a;border-color:#adbbdb66}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--gold)}
a{color:#e8ce96}
#home{max-width:1440px}
.intro{display:flex;align-items:flex-end;min-height:560px;padding:48px 10%;background:radial-gradient(ellipse at 50% 35%,#173065 0,transparent 64%),#070d20}
.intro::before{content:'';position:absolute;inset:24px 6% 210px;background:url('global-hero.webp') center/contain no-repeat;opacity:.92;pointer-events:none}
.intro-copy{position:relative;z-index:1}
h1{font-size:clamp(30px,3.3vw,48px);letter-spacing:-.045em;margin:20px 0 12px;line-height:1.12}
.intro p{margin:0;font-size:14px;letter-spacing:.04em}
.cards{gap:18px;background:linear-gradient(140deg,#101d3522,transparent)}
.cards article{background:linear-gradient(135deg,#13213b,#0c162d);border-color:var(--edge);box-shadow:0 16px 48px #02061244;border-radius:20px}
.card-icon{background:#d8b66e12;color:var(--gold);border:1px solid var(--edge)}
h2{font-weight:600;font-size:19px}
.cards button[type=submit],#tools #send-text{background:linear-gradient(135deg,#f0d99e,#d2ad60);color:#201908;border-color:#f3d99a}
.cards button[type=submit]:hover,#tools #send-text:hover{background:#f4dfaa}
input{background:#080f22;border-color:#8b9cbd44;color:#fff}
input::placeholder{color:#70809e}
#pending{overflow:auto;min-height:0;padding:32px 20px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#152a53,transparent 65%),#070d20}
.connection-mark{display:block;flex-shrink:0;width:clamp(150px,28vh,290px);height:auto;max-width:70%;object-fit:contain;margin-bottom:20px}
#pending h2{margin-top:0}#pending p{margin:4px 0 18px}
#tools{background:#0a142b;border-top:1px solid var(--edge)}
.danger{color:#ffc4c4;background:#35212d;border-color:#bd626244}
@media(max-width:700px){
 .brand img{width:38px;height:38px}
 .intro{min-height:220px;padding:36px 24px;align-items:center}
 .intro::before{inset:12px 6px 12px 48%;opacity:.85}
 .intro-copy{width:55%}
 h1{font-size:27px;margin:15px 0 12px}
 .eyebrow{font-size:9px;letter-spacing:.2em}
 .intro p{font-size:12px}
 .cards{padding:0 16px 18px}
 .cards article{padding:20px}
 #pending{justify-content:center}
}
@media(max-width:360px){h1{font-size:24px}.intro{padding-left:20px}.cards article{padding:16px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}

.concordy-update-toast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:9999;width:max-content;max-width:calc(100% - 32px);margin:0;padding:12px 20px;border:1px solid #c7b07b55;border-radius:14px;background:#101b30;color:#eed7a0;font:500 13px system-ui;box-shadow:0 8px 32px #0006;pointer-events:none}