/* UCHIHAS / MONO EDITION — original matte monochrome design */
:root {
  --black:#111111; --panel:#191919; --raised:#222222; --white:#f2f2f2;
  --muted:#aaaaaa; --dim:#767676; --line:#363636;
  --ink:#161616; --light-muted:#606060; --light-line:#cccccc;
  --font:Arial,"Helvetica Neue",Helvetica,sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --section:clamp(64px,8vw,112px); --fast:180ms;
  color-scheme:dark; font-synthesis:none;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--black); color:var(--white); font-family:var(--font); font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased; }
body.menu-open { overflow:hidden; }
h1,h2,h3,h4,p,ul,ol,dl,dd { margin:0; }
h1,h2,h3,h4 { font-weight:800; line-height:1.02; letter-spacing:-.055em; text-wrap:balance; }
h2 { font-size:clamp(2.6rem,4.6vw,4.6rem); }
a { color:inherit; text-decoration:none; }
button,input,select { font:inherit; }
button,select { cursor:pointer; }
button { color:inherit; }
button:disabled,input:disabled,select:disabled { cursor:not-allowed; opacity:.55; }
button { border:0; }
input,select,button { max-width:100%; }
img,svg { display:block; max-width:100%; }
img { height:auto; }
[hidden] { display:none!important; }
::selection { background:var(--white); color:var(--black); }
:focus-visible { outline:2px solid currentColor; outline-offset:5px; }
main:focus,h1:focus,h2:focus,h3:focus,h4:focus { outline:none; }
section,aside,details { scroll-margin-top:100px; }
.container { width:calc(100% - 80px); max-width:1280px; margin-inline:auto; }
.section-pad { padding-block:var(--section); }
.svg-library { position:absolute; width:0; height:0; overflow:hidden; }
.icon { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:100; top:12px; left:12px; padding:12px 18px; color:var(--black); background:var(--white); transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.micro-label,.section-label,.eyebrow,.path-tag { font-family:var(--mono); font-size:.67rem; font-weight:400; line-height:1.55; letter-spacing:.08em; text-transform:uppercase; }
.micro-label,.section-label,.eyebrow { color:var(--muted); }
.section-label { margin-bottom:24px; }
.eyebrow { font-size:.66rem; letter-spacing:.045em; }
.muted { color:var(--muted); }
.index-cross { display:inline-block; font-size:1.8rem; font-weight:300; line-height:1; }
.small-cross { font-size:1.4rem; font-weight:300; line-height:1; }
.button { min-height:52px; display:inline-flex; align-items:center; justify-content:center; gap:28px; padding:14px 22px; border:1px solid transparent; border-radius:4px; font-size:.76rem; font-weight:700; line-height:1.4; transition:background var(--fast),color var(--fast),transform var(--fast); }
.button-white { background:var(--white); color:var(--ink); }
.button-ink { background:var(--ink); color:var(--white); }
.button-outline { background:transparent; border-color:var(--line); color:var(--white); }
.button-small { min-height:42px; font-size:.7rem; padding:10px 14px; gap:10px; }
.button .icon { width:17px; height:17px; }
.text-link,.text-button { display:inline-flex; align-items:center; gap:12px; min-height:44px; font-size:.75rem; font-weight:600; line-height:1.4; background:none; padding:4px 0; }
.text-link .icon,.text-button .icon { width:17px; height:17px; }
.icon-button { width:42px; height:42px; flex:none; display:grid; place-items:center; border:1px solid var(--line); border-radius:4px; background:transparent; font-size:1.2rem; }
.site-header { position:sticky; top:0; z-index:20; background:var(--black); border-bottom:1px solid var(--line); }
.nav { min-height:86px; display:flex; align-items:center; gap:32px; }
.brand { display:inline-flex; align-items:center; gap:11px; flex:none; font-size:1.27rem; font-weight:800; letter-spacing:-.065em; line-height:1; }
.brand-mark { display:block; width:32px; height:32px; flex:none; background:url("assets/mark.svg") center/contain no-repeat; }
.brand-period { display:inline-block; margin-left:5px; font-size:.64rem; vertical-align:top; padding-top:1px; }
.desktop-links { display:flex; align-items:center; justify-content:center; gap:30px; margin-left:auto; }
.desktop-links a { position:relative; display:flex; align-items:center; gap:8px; min-height:44px; font-size:.72rem; color:var(--muted); }
.desktop-links a[aria-current="location"] { color:var(--white); }
.desktop-links a[aria-current="location"]::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:1px; background:currentColor; }
.nav-dot { height:4px; width:4px; border-radius:50%; background:currentColor; }
.nav-join { min-height:42px; padding:10px 16px; gap:22px; font-size:.7rem; margin-left:12px; }
.menu-toggle { display:none; width:44px; height:44px; padding:12px; margin-left:auto; background:none; border:1px solid var(--line); border-radius:4px; }
.menu-toggle span { display:block; height:1px; background:var(--white); margin:5px 0; }
.hero { padding-top:30px; }
.hero-meta { display:flex; align-items:center; justify-content:space-between; gap:20px; font: .58rem/1.4 var(--mono); letter-spacing:.12em; color:var(--muted); }
.hero-meta>span:first-child { display:flex; align-items:center; gap:13px; }
.hero-meta .index-cross { color:var(--white); font-size:1.1rem; }
.hero-meta>span:last-child>span { padding-left:8px; }
.hero-layout { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:0; min-height:640px; }
.hero-copy { position:relative; z-index:1; padding:50px 0; }
.hero h1 { font-size:clamp(4.1rem,7.65vw,7.35rem); line-height:.9; letter-spacing:-.075em; margin:27px 0 30px; font-weight:900; }
.type-outline { -webkit-text-stroke:1px var(--white); color:transparent; }
.hero-description { max-width:360px; font-size:.9rem; line-height:1.85; color:var(--muted); }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:32px; }
.hero-note { display:flex; align-items:center; gap:10px; margin-top:25px; color:var(--muted); font: .6rem/1.5 var(--mono); }
.small-line { width:24px; height:1px; background:var(--dim); }
.hero-visual { position:relative; min-width:0; overflow:clip; align-self:stretch; display:flex; align-items:center; justify-content:center; }
.orbital-art { width:116%; max-width:none; margin-left:-6%; animation:orbit-drift 8s ease-in-out infinite alternate; }
.art-registration { position:absolute; top:50px; left:10%; right:0; display:flex; justify-content:space-between; gap:15px; font: .5rem/1.4 var(--mono); letter-spacing:.08em; color:var(--muted); }
.art-cross { position:absolute; font: 1.5rem/1 var(--mono); color:var(--muted); }
.art-cross-top { top:85px; right:8px; }
.art-cross-bottom { bottom:85px; left:15px; }
.art-caption { position:absolute; bottom:48px; right:0; left:27%; display:flex; justify-content:space-between; align-items:center; font:.53rem/1.8 var(--mono); letter-spacing:.12em; color:var(--muted); }
.art-arrow { font:2rem/1 var(--font); color:var(--white); }
@keyframes orbit-drift { from { transform:translateY(-7px) rotate(-2deg); } to { transform:translateY(7px) rotate(2deg); } }
.hero-signal { display:grid; grid-template-columns:1fr 1fr 1fr; border-block:1px solid var(--line); margin-bottom:42px; }
.hero-signal>div,.signal-link { padding:26px 32px; min-width:0; }
.hero-signal>:first-child { padding-left:0; }
.hero-signal>:last-child { padding-right:0; }
.hero-signal>*+* { border-left:1px solid var(--line); }
.signal-status { display:flex; align-items:center; gap:14px; }
.connection-dot { width:8px; height:8px; border:1px solid var(--muted); border-radius:50%; display:inline-block; flex:none; }
.signal-status strong { display:block; margin-top:5px; font-size:.8rem; font-weight:500; }
.signal-count { display:flex; align-items:center; justify-content:center; gap:18px; }
.signal-count>strong { font-size:2.9rem; font-weight:500; letter-spacing:-.08em; line-height:1; }
.signal-count>span { font-size:.76rem; line-height:1.5; }
.signal-count small { color:var(--muted); font-size:.59rem; }
.signal-link { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:.78rem; }
.signal-link .icon { width:28px; height:28px; }
.topic-strip { border-bottom:1px solid var(--line); padding:20px 0; }
.topic-strip>.container { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.topic-strip span { font-size:clamp(.68rem,1.25vw,1rem); font-weight:700; letter-spacing:.06em; }
.topic-strip i { color:var(--dim); font-style:normal; font-size:1.15rem; }
.light-section { background:var(--white); color:var(--ink); color-scheme:light; }
.light-section .section-label { color:var(--light-muted); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:44px; }
.section-heading>p { font-size:.82rem; line-height:1.9; color:var(--muted); }
.light-section .section-heading>p { color:var(--light-muted); }
.community .section-heading { margin-bottom:50px; }
.community h2 { font-size:clamp(2.7rem,5vw,4.8rem); letter-spacing:-.065em; }
.community-path { display:grid; grid-template-columns:52px 1.08fr 1fr 54px; align-items:center; gap:24px; padding:32px 0; border-top:1px solid var(--light-line); transition:padding var(--fast); }
.community-path:last-child { border-bottom:1px solid var(--light-line); }
.path-number { align-self:start; padding-top:9px; font:.7rem/1 var(--mono); color:var(--light-muted); }
.path-title h3 { font-size:clamp(2rem,3.3vw,3.1rem); letter-spacing:-.055em; }
.path-tag { display:block; color:var(--light-muted); margin-top:12px; font-size:.55rem; }
.community-path>p { max-width:310px; padding-left:30px; font-size:.78rem; line-height:1.9; color:var(--light-muted); }
.path-arrow { width:52px; height:52px; border:1px solid var(--light-line); border-radius:50%; display:grid; place-items:center; transition:background var(--fast),color var(--fast); }
.path-arrow .icon { width:23px; height:23px; }
.community-foot { display:flex; justify-content:space-between; gap:24px; margin-top:28px; font: .55rem/1.6 var(--mono); letter-spacing:.08em; color:var(--light-muted); }
.community-foot span span { margin-left:20px; }
.discord-section .section-heading h2 { font-size:clamp(2.7rem,5vw,4.8rem); }
.heading-dot { color:var(--dim); }
.dashboard { border:1px solid var(--line); border-radius:12px; overflow:hidden; background:var(--panel); }
.dashboard-top { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:18px; padding:26px 28px; border-bottom:1px solid var(--line); }
.dashboard-identity { display:flex; align-items:center; gap:13px; min-width:0; }
.dashboard-identity .brand-mark { width:38px; height:38px; }
.dashboard-identity h3 { font-size:1.25rem; margin-top:4px; overflow-wrap:anywhere; }
.dashboard-tools { display:flex; align-items:center; gap:16px; }
.status-badge { display:inline-flex; align-items:center; gap:8px; font:.65rem/1.4 var(--mono); color:var(--muted); }
.dashboard[data-mode="live"] .connection-dot { background:var(--white); border-color:var(--white); box-shadow:0 0 0 4px #ffffff0d; }
.dashboard[data-mode="connecting"] .connection-dot,.dashboard[data-mode="refreshing"] .connection-dot { border-style:dashed; }
.dashboard[data-mode="offline"] .connection-dot,.dashboard[data-mode="unavailable"] .connection-dot { border-radius:1px; }
.dashboard-overview { display:grid; grid-template-columns:1fr 1.45fr; border-bottom:1px solid var(--line); }
.online-metric { display:flex; align-items:center; gap:24px; padding:28px; }
.online-metric>strong { font-size:4.6rem; font-weight:500; line-height:1; letter-spacing:-.08em; font-variant-numeric:tabular-nums; }
.online-metric>div>span { display:block; }
.online-label { font-size:1rem; margin-bottom:4px; }
.online-metric .micro-label { font-size:.5rem; max-width:90px; }
.sync-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-left:1px solid var(--line); padding:28px; gap:20px; align-content:center; }
.sync-metrics dt { color:var(--muted); font: .54rem/1.65 var(--mono); text-transform:uppercase; }
.sync-metrics dd { margin-top:10px; font-size:.74rem; line-height:1.6; overflow-wrap:anywhere; }
.connection-message { display:flex; gap:12px; align-items:center; padding:12px 28px; background:var(--raised); border-bottom:1px solid var(--line); color:var(--muted); font-size:.65rem; line-height:1.7; }
.message-symbol { font-size:1rem; color:var(--white); }
.noscript-note { padding:18px 28px; border-bottom:1px solid var(--line); font-size:.8rem; }
.dashboard-columns { display:grid; grid-template-columns:minmax(0,1fr) 280px; }
.roster-panel { padding:28px; min-width:0; }
.panel-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:22px; }
.panel-heading h4 { display:flex; align-items:center; gap:8px; font-size:.98rem; font-weight:600; letter-spacing:-.025em; }
.panel-heading h4 .icon { width:17px; height:17px; }
.count-tag { color:var(--muted); font:.65rem/1.4 var(--mono); white-space:nowrap; }
.roster-controls { display:grid; grid-template-columns:minmax(0,1fr) 128px; gap:10px; }
.search-field { display:flex; align-items:center; gap:10px; padding:0 12px; background:var(--black); border:1px solid var(--line); border-radius:4px; min-width:0; }
.search-field:focus-within { border-color:var(--muted); outline:1px solid var(--muted); }
.search-field .icon { width:16px; height:16px; color:var(--muted); }
.search-field input { min-width:0; width:100%; min-height:44px; background:none; border:0; outline:0; color:var(--white); font-size:.8rem; }
.search-field input::placeholder { color:var(--muted); opacity:1; }
.sort-field select { width:100%; min-height:46px; padding:10px 8px; color:var(--white); background:var(--black); border:1px solid var(--line); border-radius:4px; font-size:.74rem; }
.member-filters { display:flex; flex-wrap:wrap; gap:6px; margin-top:14px; }
.member-filters button { min-height:34px; border:1px solid var(--line); border-radius:3px; padding:6px 9px; background:none; font-size:.68rem; }
.member-filters button span { margin-left:5px; color:var(--muted); font-family:var(--mono); font-size:.62rem; }
.member-filters button[aria-pressed="true"] { background:var(--white); color:var(--black); border-color:var(--white); }
.member-filters button[aria-pressed="true"] span { color:var(--light-muted); }
.result-summary { margin:20px 0 12px; color:var(--muted); font-size:.7rem; line-height:1.7; }
.member-grid { padding:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.member-card { display:flex; align-items:center; gap:12px; min-width:0; min-height:86px; padding:14px; background:var(--raised); border:1px solid #303030; border-radius:5px; }
.member-avatar { position:relative; width:48px; height:48px; flex:none; border-radius:50%; background:#333333; }
.avatar-fallback { position:absolute; inset:0; display:grid; place-items:center; color:var(--white); font-size:.72rem; font-weight:700; }
.member-avatar img { position:absolute; inset:0; width:48px; height:48px; border-radius:50%; object-fit:cover; opacity:0; transition:opacity var(--fast); }
.member-avatar img.is-loaded { opacity:1; }
.member-dot { position:absolute; bottom:0; right:0; width:10px; height:10px; border:2px solid var(--raised); border-radius:50%; background:var(--dim); }
.member-card[data-status="online"] .member-dot { background:var(--white); }
.member-card[data-status="idle"] .member-dot { background:var(--muted); border-radius:2px; }
.member-card[data-status="dnd"] .member-dot { background:var(--black); }
.member-card[data-status="dnd"] .member-dot::after { content:""; width:4px; height:1px; position:absolute; top:2.5px; left:1px; background:var(--white); }
.member-card[data-status="offline"] .member-dot,.member-card[data-status="unknown"] .member-dot { background:var(--panel); box-shadow:0 0 0 1px var(--dim); }
.member-content { min-width:0; flex:1; line-height:1.45; }
.member-name { display:block; font-size:.82rem; font-weight:600; letter-spacing:-.02em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.member-status { display:block; margin-top:3px; color:var(--muted); font:.62rem/1.5 var(--mono); }
.member-activity { display:block; margin-top:4px; font-size:.7rem; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.empty-state { min-height:240px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border:1px dashed var(--line); padding:30px 20px; border-radius:5px; }
.empty-mark { display:grid; place-items:center; width:40px; height:40px; border:1px solid var(--line); border-radius:50%; margin-bottom:18px; font-weight:800; font-size:1.1rem; }
.empty-state>strong { font-size:.9rem; font-weight:600; }
.empty-state>p { max-width:310px; color:var(--muted); font-size:.7rem; margin-top:10px; }
.empty-state>.text-button { margin-top:12px; font-size:.65rem; }
.roster-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; }
#more-online { font-size:.66rem; color:var(--muted); }
.pagination { display:flex; align-items:center; gap:10px; margin-left:auto; }
.pagination .icon-button { height:36px; width:36px; font-size:.9rem; }
#page-label { font:.58rem/1.4 var(--mono); min-width:36px; text-align:center; color:var(--muted); }
.roster-disclaimer { margin-top:18px; font-size:.65rem; color:var(--muted); line-height:1.75; }
.voice-panel { padding:28px 22px; border-left:1px solid var(--line); background:#161616; min-width:0; }
.voice-room { border-bottom:1px solid var(--line); }
.voice-room summary { min-height:65px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 0; cursor:pointer; list-style:none; }
summary::-webkit-details-marker { display:none; }
.voice-room summary::marker,.snapshot-log summary::marker,.connection-details summary::marker { content:""; }
.voice-room summary>span { min-width:0; }
.voice-room strong { display:block; font-size:.78rem; font-weight:500; line-height:1.5; overflow-wrap:anywhere; }
.voice-room small { display:block; margin-top:5px; color:var(--muted); font-size:.64rem; }
.voice-room .icon { width:14px; height:14px; transition:transform var(--fast); }
.voice-room details[open] .icon { transform:rotate(180deg); }
.voice-members { list-style:none; display:grid; gap:7px; font-size:.64rem; border-left:1px solid var(--line); padding:0 0 2px 12px; margin:8px 0 20px 2px; overflow-wrap:anywhere; }
.voice-empty { padding:12px 0 22px; font-size:.69rem; color:var(--muted); }
.voice-note { color:var(--muted); font-size:.65rem; line-height:1.8; margin-top:18px; }
.voice-invite { margin-top:30px; padding:24px 18px; border-radius:5px; background:var(--white); color:var(--ink); }
.voice-invite>.small-cross { display:block; margin-bottom:24px; font-size:2.2rem; }
.voice-invite h4 { font-size:1.65rem; letter-spacing:-.06em; }
.voice-invite p { color:var(--light-muted); font-size:.66rem; line-height:1.75; margin-top:10px; }
.voice-invite .button { display:flex; margin-top:22px; min-height:43px; padding:10px 14px; background:var(--ink); color:var(--white); gap:16px; font-size:.68rem; }
.voice-invite .text-button { display:flex; justify-content:center; margin:8px auto 0; font-size:.6rem; gap:8px; }
.dashboard-bottom { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); background:#161616; }
.dashboard-bottom>details { min-width:0; padding:10px 26px; }
.dashboard-bottom>details+details { border-left:1px solid var(--line); }
.dashboard-bottom summary { display:flex; align-items:center; gap:10px; min-height:44px; font-size:.64rem; font-weight:500; cursor:pointer; list-style:none; }
.dashboard-bottom summary .icon { width:15px; height:15px; margin-left:auto; }
.snapshot-log summary>span { color:var(--muted); font:.5rem/1.4 var(--mono); }
.dashboard-bottom details>p { font-size:.65rem; line-height:1.8; margin:10px 0 16px; color:var(--muted); }
.snapshot-log ol { list-style:none; padding:0; }
.snapshot-log li { display:flex; align-items:baseline; justify-content:space-between; gap:14px; padding:10px 0; border-top:1px solid var(--line); font-size:.62rem; }
.snapshot-log li>span { overflow-wrap:anywhere; }
.snapshot-log time { color:var(--muted); font:.52rem/1.5 var(--mono); white-space:nowrap; }
.dashboard-caption { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-top:16px; color:var(--muted); font-size:.59rem; }
.dashboard-caption>span { display:flex; gap:10px; align-items:center; }
.dashboard-caption .text-button { font-size:.6rem; font-weight:400; }
.about-section { border-top:1px solid var(--line); padding-top:90px; }
.about-layout { display:grid; grid-template-columns:1fr 1.65fr; gap:80px; }
.about-aside { display:flex; flex-direction:column; align-items:flex-start; }
.collective-seal { width:230px; height:230px; border:1px solid var(--line); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:25px; margin-top:54px; }
.collective-seal .brand-mark { width:84px; height:84px; }
.seal-top,.seal-bottom { font:.51rem/1.5 var(--mono); letter-spacing:.18em; color:var(--muted); }
.about-caption { font-size:.7rem; line-height:1.7; color:var(--muted); margin:24px 0 0 34px; }
.about-main h2 { font-size:clamp(3.2rem,5.1vw,5rem); letter-spacing:-.06em; }
.about-main h2 .muted { color:#888888; }
.about-copy { max-width:450px; margin-top:34px; color:var(--muted); font-size:.85rem; line-height:1.9; }
.principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:40px; padding-top:26px; border-top:1px solid var(--line); gap:24px; }
.principles>div>span { font:.54rem/1.5 var(--mono); color:var(--muted); }
.principles h3 { font-size:.88rem; letter-spacing:-.03em; margin-top:20px; }
.principles p { color:var(--muted); font-size:.66rem; margin-top:10px; line-height:1.75; }
.join-section { padding:48px 0 72px; }
.join-top { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-bottom:28px; border-bottom:1px solid var(--light-line); }
.join-top .section-label { margin:0; font-size:.59rem; }
.join-layout { display:grid; grid-template-columns:1.5fr 1fr; align-items:end; gap:70px; padding-top:60px; }
.join-section h2 { font-size:clamp(3.7rem,7.6vw,7.3rem); font-weight:900; line-height:.95; letter-spacing:-.075em; }
.join-section h2>span { color:var(--light-muted); }
.join-copy { padding-bottom:4px; }
.join-copy>p { font-size:1.06rem; line-height:1.5; letter-spacing:-.02em; }
.join-copy .button { margin-top:24px; min-width:220px; justify-content:space-between; }
.join-note { display:block; margin-top:18px; font:.51rem/1.6 var(--mono); letter-spacing:.04em; color:var(--light-muted); }
.site-footer { padding-block:44px 26px; }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:28px; padding-bottom:30px; }
.footer-top>p { font-size:.65rem; color:var(--muted); margin-left:auto; }
.footer-top nav { display:flex; gap:24px; font-size:.66rem; }
.footer-top nav a { display:flex; align-items:center; min-height:44px; }
.footer-wordmark { font-size:clamp(4rem,18.2vw,15rem); line-height:.9; font-weight:900; letter-spacing:-.08em; color:transparent; -webkit-text-stroke:1px #404040; padding:20px 0 40px; user-select:none; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid var(--line); padding-top:20px; color:var(--muted); font:.52rem/1.6 var(--mono); }
.footer-tools,.legal-links { display:flex; align-items:center; flex-wrap:wrap; gap:10px 18px; }
.footer-tools button,.legal-links a { display:flex; align-items:center; min-height:32px; font:inherit; background:none; padding:0; }
.legal-note { margin-top:16px; max-width:700px; font-size:.63rem; color:var(--muted); }
.legal-note summary { padding-block:10px; cursor:pointer; }
.legal-note p { margin-top:12px; line-height:1.9; }
dialog { color:var(--white); border:1px solid var(--line); background:var(--panel); border-radius:8px; }
dialog:not([open]) { display:none; }
dialog::backdrop { background:#000000cc; }
.mobile-menu { position:fixed; inset:12px 12px auto; width:auto; max-width:none; max-height:calc(100dvh - 24px); margin:0; padding:24px; overflow:auto; }
.mobile-menu-top { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.mobile-menu-top>strong { font:.65rem/1.5 var(--mono); color:var(--muted); }
.mobile-menu nav { display:grid; margin-top:20px; }
.mobile-menu nav>a:not(.button) { display:flex; justify-content:space-between; align-items:center; gap:14px; padding:19px 0; font-size:1.45rem; font-weight:700; letter-spacing:-.04em; border-bottom:1px solid var(--line); }
.mobile-menu nav>a>span { font:.6rem/1.4 var(--mono); color:var(--muted); }
.mobile-menu .button { margin-top:24px; justify-content:space-between; }
.mobile-menu>p { font-size:.65rem; color:var(--muted); margin-top:24px; }
.copy-dialog { width:min(460px,calc(100% - 32px)); padding:28px; }
.copy-dialog h2 { font-size:1.65rem; }
.copy-dialog p { font-size:.8rem; color:var(--muted); margin:22px 0; }
.copy-dialog label { font-size:.65rem; color:var(--muted); }
.copy-dialog input { width:100%; margin:8px 0 20px; background:var(--black); color:var(--white); border:1px solid var(--line); border-radius:4px; padding:14px; font-size:.78rem; }
.copy-dialog .button { width:100%; }
.toast { position:fixed; bottom:24px; left:50%; z-index:50; max-width:calc(100% - 32px); width:max-content; padding:14px 22px; border:1px solid var(--line); border-radius:4px; color:var(--black); background:var(--white); font-size:.75rem; opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:opacity var(--fast),transform var(--fast),visibility var(--fast); }
.toast.is-visible { opacity:1; visibility:visible; transform:translate(-50%,0); }
@media (hover:hover) and (pointer:fine) {
  .button:not(:disabled):hover { transform:translateY(-2px); }
  .button-white:hover { background:#d9d9d9; }
  .button-ink:hover,.voice-invite .button:hover { background:#333333; }
  .button-outline:hover,.icon-button:not(:disabled):hover { background:var(--raised); }
  .desktop-links a:hover,.text-link:hover,.footer-top nav a:hover { color:var(--white); }
  .text-link:hover .icon,.signal-link:hover .icon { transform:translate(2px,-2px); }
  .community-path:hover .path-arrow { background:var(--ink); color:var(--white); border-color:var(--ink); }
  .community-path:hover { padding-inline:12px; }
  .member-card:hover { border-color:#555555; }
}
@media (min-width:1600px) { .hero-layout { min-height:700px; } }
@media (max-width:1100px) {
  .container { width:calc(100% - 56px); }
  .desktop-links { gap:20px; }
  .nav { gap:20px; }
  .hero-layout { min-height:580px; }
  .hero-actions { gap:12px; }
  .hero-actions .button { padding-inline:18px; gap:16px; }
  .hero-actions .text-link { font-size:.67rem; }
  .art-registration { left:10%; font-size:.44rem; }
  .hero-signal>div,.signal-link { padding-inline:24px; }
  .community-path { grid-template-columns:40px 1fr 1fr 48px; gap:18px; }
  .community-path>p { padding-left:0; }
  .dashboard-columns { grid-template-columns:minmax(0,1fr) 250px; }
  .roster-panel { padding:24px 20px; }
  .member-card { padding:12px 10px; gap:9px; }
  .member-name { font-size:.8rem; }
  .voice-panel { padding-inline:20px; }
  .about-layout { gap:50px; grid-template-columns:1fr 1.6fr; }
  .join-layout { gap:40px; }
}
@media (max-width:900px) {
  .desktop-links,.nav-join { display:none; }
  .menu-toggle { display:block; }
  .nav { min-height:72px; }
  .hero-layout { grid-template-columns:1.2fr 1fr; min-height:520px; }
  .hero h1 { font-size:clamp(3.5rem,7.8vw,5.6rem); }
  .hero-description { max-width:320px; font-size:.8rem; }
  .hero-copy { padding:45px 0; }
  .hero-actions { display:grid; justify-items:start; }
  .hero-actions .text-link { font-size:.73rem; }
  .art-registration>span:last-child { display:none; }
  .art-caption { left:18%; bottom:35px; }
  .art-cross-top { top:100px; }
  .hero-signal { grid-template-columns:1.2fr 1fr 1fr; }
  .hero-signal>div,.signal-link { padding:24px 18px; }
  .signal-link { font-size:.65rem; }
  .signal-count { gap:12px; }
  .signal-count>strong { font-size:2.4rem; }
  .signal-count>span { font-size:.65rem; }
  .dashboard-columns { grid-template-columns:minmax(0,1fr); }
  .voice-panel { border-left:0; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; column-gap:32px; padding:28px; }
  .voice-panel>.panel-heading { grid-column:1; }
  #voice-list,.voice-empty,.voice-note { grid-column:1; }
  .voice-invite { grid-column:2; grid-row:1 / span 5; margin-top:0; align-self:start; }
  .roster-panel { padding:28px; }
  .member-card { padding:16px; gap:14px; }
  .member-name { font-size:.78rem; }
  .dashboard-overview { grid-template-columns:.9fr 1.4fr; }
  .online-metric { gap:16px; }
  .sync-metrics { padding:24px; gap:14px; }
  .online-metric>strong { font-size:3.8rem; }
  .online-label { font-size:.85rem; }
  .community-path { grid-template-columns:28px 1fr 1fr 44px; gap:15px; }
  .path-arrow { width:44px; height:44px; }
  .community-path>p { font-size:.7rem; }
  .section-heading { gap:30px; }
  .section-heading>p { font-size:.71rem; }
  .about-layout { gap:35px; grid-template-columns:.9fr 1.5fr; }
  .collective-seal { width:190px; height:190px; }
  .about-main h2 { font-size:clamp(2.8rem,5.5vw,4rem); }
  .principles { gap:20px; }
  .join-section h2 { font-size:clamp(3.5rem,8vw,6rem); }
  .join-copy>p { font-size:.95rem; }
  .join-copy .button { min-width:190px; }
  .footer-top>p { display:none; }
}
@media (max-width:700px) {
  .container { width:calc(100% - 40px); }
  .hero-meta { font-size:.48rem; gap:12px; }
  .hero-meta>span:last-child { max-width:98px; text-align:right; }
  .hero-layout { grid-template-columns:1fr; min-height:0; }
  .hero-copy { padding:50px 0 20px; }
  .hero h1 { font-size:clamp(4.4rem,12vw,6.1rem); margin-top:24px; }
  .hero-description { max-width:350px; font-size:.85rem; }
  .hero-actions { display:flex; gap:20px; margin-top:28px; }
  .hero-note { margin-top:20px; }
  .hero-visual { width:100%; height:430px; margin-top:8px; }
  .orbital-art { width:470px; max-width:112%; margin:0; }
  .art-registration { top:15px; left:0; right:0; font-size:.48rem; }
  .art-registration>span:last-child { display:inline; }
  .art-cross-top { top:60px; right:0; }
  .art-cross-bottom { bottom:65px; left:0; }
  .art-caption { left:0; bottom:12px; font-size:.48rem; }
  .hero-signal { grid-template-columns:1fr 1fr; margin-top:18px; margin-bottom:28px; }
  .hero-signal>div { padding:22px 16px; }
  .hero-signal>:first-child { padding-left:0; }
  .signal-count { justify-content:flex-end; padding-right:0!important; }
  .signal-status strong { font-size:.71rem; }
  .signal-status .micro-label { font-size:.55rem; }
  .signal-link { grid-column:1 / -1; border-left:0!important; border-top:1px solid var(--line); padding:16px 0; font-size:.7rem; }
  .signal-link .icon { width:22px; height:22px; }
  .topic-strip { padding:18px 0; }
  .topic-strip>.container { gap:12px; }
  .topic-strip span { font-size:.51rem; letter-spacing:.015em; }
  .topic-strip i { font-size:.8rem; }
  .section-heading { display:block; margin-bottom:30px; }
  .section-label { margin-bottom:20px; font-size:.6rem; }
  .section-heading>p { margin-top:22px; font-size:.78rem; }
  .community .section-heading { margin-bottom:35px; }
  .community h2,.discord-section .section-heading h2 { font-size:clamp(2.3rem,6.7vw,3.5rem); }
  .community-path { grid-template-columns:28px minmax(0,1fr) 44px; gap:14px; padding:27px 0; }
  .path-number { padding-top:7px; font-size:.62rem; }
  .path-title h3 { font-size:2.3rem; }
  .path-tag { font-size:.49rem; margin-top:9px; }
  .community-path>p { grid-column:2; grid-row:2; font-size:.75rem; margin-top:2px; max-width:350px; }
  .path-arrow { grid-column:3; grid-row:1; align-self:start; }
  .community-foot { font-size:.49rem; }
  .community-foot>span:last-child { max-width:170px; text-align:right; }
  .dashboard-top { padding:22px; gap:20px; }
  .dashboard-tools { width:100%; justify-content:space-between; }
  .dashboard-overview { grid-template-columns:1fr; }
  .online-metric { padding:24px; gap:20px; }
  .online-metric>strong { font-size:4.3rem; }
  .online-metric .micro-label { max-width:none; font-size:.55rem; }
  .sync-metrics { border-left:0; border-top:1px solid var(--line); padding:20px 24px; gap:18px; }
  .sync-metrics dt { font-size:.49rem; }
  .sync-metrics dd { font-size:.67rem; }
  .connection-message { padding:13px 22px; font-size:.62rem; }
  .roster-panel { padding:24px 20px; }
  .member-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .member-card { padding:12px 10px; gap:10px; min-height:82px; }
  .member-name { font-size:.8rem; }
  .member-avatar { width:40px; height:40px; }
  .member-avatar img { width:40px; height:40px; }
  .voice-panel { padding:24px 20px; gap:24px; }
  .voice-invite { padding:22px 18px; }
  .voice-invite h4 { font-size:1.4rem; }
  .voice-invite .button { font-size:.62rem; gap:8px; }
  .dashboard-bottom { grid-template-columns:1fr; }
  .dashboard-bottom>details { padding:10px 20px; }
  .dashboard-bottom>details+details { border-left:0; border-top:1px solid var(--line); }
  .dashboard-caption { font-size:.55rem; }
  .dashboard-caption>span { gap:7px; }
  .about-section { padding-top:64px; }
  .about-layout { grid-template-columns:1fr; gap:32px; }
  .about-aside { flex-direction:row; align-items:center; justify-content:space-between; gap:25px; }
  .about-aside .section-label { align-self:start; margin:0; }
  .collective-seal { width:94px; height:94px; flex:none; margin:0; gap:8px; }
  .collective-seal .brand-mark { width:38px; height:38px; }
  .seal-top,.seal-bottom { font-size:.28rem; letter-spacing:.05em; }
  .about-caption { display:none; }
  .about-main h2 { font-size:clamp(2.7rem,9vw,4rem); }
  .about-copy { font-size:.8rem; margin-top:24px; max-width:440px; }
  .principles { margin-top:30px; gap:25px; }
  .principles h3 { font-size:.86rem; }
  .principles p { font-size:.64rem; }
  .join-section { padding:32px 0 50px; }
  .join-top { padding-bottom:24px; }
  .join-top .section-label { font-size:.53rem; }
  .join-layout { grid-template-columns:1fr; gap:30px; padding-top:35px; }
  .join-section h2 { font-size:clamp(3.6rem,10.8vw,5.7rem); }
  .join-copy { display:grid; grid-template-columns:1fr auto; align-items:center; gap:18px; }
  .join-copy>p { font-size:.85rem; }
  .join-copy .button { margin:0; min-width:180px; }
  .join-note { grid-column:1 / -1; margin-top:0; font-size:.46rem; }
  .site-footer { padding-top:32px; }
  .footer-top { flex-wrap:wrap; gap:18px; padding-bottom:18px; }
  .footer-top nav { gap:24px; font-size:.63rem; }
  .footer-wordmark { padding:16px 0 30px; font-size:18.7vw; }
  .footer-bottom { gap:12px 22px; }
  .footer-tools { order:3; flex-basis:100%; }
}
@media (max-width:480px) {
  .hero h1 { font-size:clamp(3.35rem,13vw,4.1rem); }
  .hero .eyebrow { font-size:.52rem; }
  .hero-copy { padding-top:38px; }
  .hero-actions { gap:12px; }
  .hero-actions .button { min-height:49px; font-size:.7rem; padding:13px 16px; }
  .hero-actions .text-link { font-size:.62rem; gap:8px; }
  .hero-note { font-size:.51rem; }
  .hero-visual { height:340px; }
  .orbital-art { width:385px; max-width:115%; }
  .signal-count>strong { font-size:2.5rem; }
  .signal-count>span { font-size:.6rem; }
  .signal-count small { font-size:.49rem; }
  .signal-status { gap:10px; }
  .signal-status strong { font-size:.62rem; }
  .signal-status .micro-label { font-size:.5rem; }
  .topic-strip>.container { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; text-align:center; }
  .topic-strip i:nth-of-type(2) { display:none; }
  .topic-strip span { font-size:.64rem; }
  .community h2,.discord-section .section-heading h2 { font-size:clamp(2.05rem,8.2vw,2.7rem); }
  .path-title h3 { font-size:2rem; }
  .community-path>p { font-size:.69rem; }
  .panel-heading { gap:8px; }
  .panel-heading h4 { font-size:.9rem; }
  .roster-controls { grid-template-columns:minmax(0,1fr); }
  .sort-field select { min-height:41px; font-size:.65rem; }
  .member-grid { grid-template-columns:1fr; }
  .member-card { padding:14px; gap:14px; }
  .member-avatar { width:48px; height:48px; }
  .member-avatar img { width:48px; height:48px; }
  .member-name { font-size:.77rem; }
  .member-status { font-size:.58rem; }
  .member-activity { font-size:.64rem; }
  .voice-panel { display:block; }
  .voice-invite { margin-top:26px; }
  .voice-invite h4 { font-size:1.65rem; }
  .voice-invite .button { font-size:.7rem; justify-content:space-between; }
  .dashboard-caption>span { align-items:flex-start; line-height:1.8; }
  .sync-metrics { grid-template-columns:1fr; gap:12px; padding:18px 20px; }
  .sync-metrics>div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
  .sync-metrics dt { font-size:.6rem; }
  .sync-metrics dd { font-size:.7rem; margin:0; }
  .roster-panel { padding-inline:18px; }
  .dashboard-top { padding-inline:20px; }
  .connection-message { padding-inline:20px; align-items:flex-start; }
  .member-filters { gap:5px; }
  .member-filters button { font-size:.65rem; padding-inline:8px; }
  .about-main h2 { font-size:clamp(2.5rem,10vw,3rem); }
  .principles { grid-template-columns:1fr; gap:0; border-top:0; padding-top:0; }
  .principles>div { display:grid; grid-template-columns:24px 1fr; gap:8px 12px; padding:18px 0; border-top:1px solid var(--line); }
  .principles h3 { margin:0; font-size:.95rem; }
  .principles p { grid-column:2; margin:0; font-size:.71rem; }
  .principles>div>span { padding-top:2px; }
  .join-section h2 { font-size:clamp(3.1rem,12vw,4.3rem); }
  .join-copy { grid-template-columns:1fr; }
  .join-copy .button { justify-content:space-between; }
  .footer-top nav { width:100%; justify-content:space-between; }
  .mobile-menu { padding:20px; }
  .mobile-menu nav>a:not(.button) { font-size:1.3rem; }
  .copy-dialog { padding:22px; }
  .copy-dialog h2 { font-size:1.4rem; }
}
@media (max-width:360px) {
  .container { width:calc(100% - 32px); }
  .hero-actions { display:grid; justify-items:stretch; }
  .hero-actions .button { justify-content:space-between; }
  .hero-actions .text-link { justify-content:center; }
  .hero-meta { font-size:.43rem; }
  .hero-visual { height:310px; }
  .hero-signal>div { padding-inline:10px; }
  .signal-count { gap:10px; }
  .signal-count>strong { font-size:2.15rem; }
  .dashboard-tools { gap:8px; }
  .status-badge { font-size:.53rem; }
  .panel-heading h4 { font-size:.81rem; }
  .count-tag { font-size:.62rem; }
  .community-path { grid-template-columns:22px minmax(0,1fr) 38px; gap:10px; }
  .path-title h3 { font-size:1.85rem; }
  .path-arrow { width:38px; height:38px; }
  .path-tag { font-size:.45rem; }
}
@media (max-height:560px) and (orientation:landscape) { .mobile-menu nav>a:not(.button) { padding-block:12px; } .mobile-menu>p { display:none; } }
html[data-reduce-motion="true"] { scroll-behavior:auto; }
html[data-reduce-motion="true"] *,html[data-reduce-motion="true"] *::before,html[data-reduce-motion="true"] *::after { animation:none!important; transition:none!important; }
body.is-hidden .orbital-art { animation-play-state:paused; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
@media (prefers-reduced-transparency:reduce) { dialog::backdrop { background:#111111; } }
@media (prefers-contrast:more) { :root { --muted:#d0d0d0; --line:#777777; --light-muted:#404040; --light-line:#777777; } .type-outline { color:var(--white); -webkit-text-stroke:0; } .about-main h2 .muted { color:var(--muted); } }
@media (forced-colors:active) {
  .button,.member-card,.status-badge,.count-tag,.search-field,.dashboard,.join-section,.community-path,.path-arrow { border:1px solid CanvasText; }
  .button,.member-filters button[aria-pressed="true"] { background:ButtonFace; color:ButtonText; }
  .member-filters button[aria-pressed="true"] { border:2px solid Highlight; }
  .type-outline,.footer-wordmark { color:CanvasText; -webkit-text-stroke:0; }
  .connection-dot,.member-dot { border:2px solid CanvasText; }
  .hero-visual { display:none; } :focus-visible { outline-color:Highlight; }
}