:root{--s-bg:#0E1620;--s-bg2:#16202C;--s-ink:#EDF1F6;--s-mut:#9EAAB8;--s-line:#24344A;--s-in:#4ADE9A;--s-in-soft:rgb(74 222 154/.16);--s-out:#7BA6DC;--s-out-soft:rgb(123 166 220/.16);--s-den:#F0868B;--s-den-soft:rgb(240 134 139/.16)}.appbar{display:flex;align-items:center;gap:12px;padding:14px 20px;color:var(--ink);flex-wrap:wrap;border-bottom:1px solid var(--line)}.appbar .tag{font-family:var(--font-num);font-size:var(--text-2xs);background:var(--brand-soft);color:var(--brand-dark);padding:3px 10px;border-radius:var(--radius-pill);font-weight:600}.appbar .conn{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted)}.appbar .conn i{width:7px;height:7px;border-radius:50%;background:var(--grey-2)}.appbar .conn.up i{background:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.appbar .spacer{flex:1 1}.appbar .hint{font-size:var(--text-xs);color:var(--muted)}.langtoggle{font-size:var(--text-xs);font-weight:600;line-height:1;color:var(--ink-2);border-radius:var(--radius-pill);padding:6px 13px;letter-spacing:.02em}.wrap{max-width:1080px;margin:0 auto;padding:18px}.signage{background:radial-gradient(62% 44% at 12% -6%,#24405C 0,rgb(36 64 92/0) 62%),radial-gradient(52% 40% at 98% 6%,#1E4A45 0,rgb(30 74 69/0) 58%),radial-gradient(70% 52% at 70% 106%,#1B2B42 0,rgb(27 43 66/0) 66%),linear-gradient(168deg,var(--s-bg2) 0,var(--s-bg) 100%);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16/9;min-height:340px;position:relative;color:var(--s-ink);box-shadow:var(--shadow-float)}.sbar{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:10px;padding:14px 20px;font-size:var(--text-sm);color:var(--s-mut)}.sbar .sbrand{font-weight:700;color:var(--s-ink);display:inline-flex;align-items:center;gap:8px}.sbar .spacer{flex:1 1}.sbar .sclock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:var(--text-base);color:var(--s-ink);font-weight:600}.sbar .live{display:inline-flex;align-items:center;gap:5px}.sbar .live i{width:7px;height:7px;border-radius:50%;background:var(--s-in)}.media{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;gap:14px}.media .mtag{font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--s-mut)}.media .mic{width:84px;height:84px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;background:rgb(255 255 255/.06);color:var(--s-ink);box-shadow:inset 0 0 0 1px rgb(255 255 255/.12)}.media h2{font-size:clamp(26px,4.4vw,44px);margin:0;font-weight:800;color:var(--s-ink)}.media p{font-size:clamp(14px,1.8vw,18px);margin:0;color:var(--s-mut)}.person{position:absolute;inset:0;flex-direction:column;gap:16px;padding:40px;z-index:2}.person,.person .photo{display:flex;align-items:center;justify-content:center}.person .photo{width:clamp(120px,20vw,176px);height:clamp(120px,20vw,176px);border-radius:50%;font-size:clamp(40px,6vw,62px);font-weight:700;border:4px solid var(--dc);background:var(--dcs);color:var(--s-ink);box-shadow:0 0 0 8px var(--dcs)}.person .pname{font-size:clamp(28px,5vw,50px);font-weight:800;margin:0;text-align:center;color:var(--s-ink)}.person .badges{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:center}.ptype{font-size:clamp(13px,1.9vw,18px);font-weight:700;padding:5px 16px;border-radius:var(--radius-pill);background:rgb(255 255 255/.08);border:1px solid var(--s-line)}.pdir{display:inline-flex;align-items:center;gap:7px;font-size:clamp(15px,2.4vw,22px);font-weight:800;padding:6px 20px;border-radius:var(--radius-pill);color:var(--color-ink-900);background:var(--dc)}.person.in{--dc:var(--s-in);--dcs:var(--s-in-soft)}.person.out{--dc:var(--s-out);--dcs:var(--s-out-soft)}.person.denied{--dc:var(--s-den);--dcs:var(--s-den-soft)}.person.wrongarea .photo{border-style:dashed}.person .wrongnote{display:flex;flex-direction:column;gap:4px;text-align:center;max-width:46ch;margin-top:4px;padding:12px 22px;border-radius:var(--radius-card);background:rgb(255 255 255/.06);border:1px solid var(--s-line)}.person .wrongnote b{font-size:clamp(15px,2.1vw,21px);color:var(--s-ink)}.person .wrongnote span{font-size:clamp(12px,1.6vw,16px);color:var(--s-mut);line-height:var(--leading-snug)}.person .wrongnote span.go{font-size:clamp(15px,2.2vw,22px);font-weight:700;color:var(--s-ink)}.pop{animation:pop .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes pop{0%{opacity:0;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.pop{animation:none}}.strip{position:absolute;bottom:0;left:0;right:0;z-index:3;display:flex;border-top:1px solid var(--s-line);background:rgb(7 12 18/.38)}.strip .si{flex:1 1;display:flex;align-items:center;gap:8px;padding:8px 12px;border-right:1px solid var(--s-line);font-size:var(--text-xs);overflow:hidden}.strip .si:last-child{border-right:0}.strip .si .av{width:26px;height:26px;border-radius:50%;background:rgb(255 255 255/.08);display:flex;align-items:center;justify-content:center;flex:none;font-size:var(--text-2xs);font-weight:700}.strip .si .nm b{display:block;font-size:var(--text-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip .si .nm small{color:var(--s-mut)}.strip .si .ar{margin-left:auto;display:inline-flex}.strip .si .ar.in{color:var(--s-in)}.strip .si .ar.out{color:var(--s-out)}.strip .si .ar.denied{color:var(--s-den)}