:root{color:#191919;background:#f2f2f0;font-family:Space Grotesk,IBM Plex Sans,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ark-ink: #191919;--ark-paper: #f2f2f0;--ark-signal: #fffa00;--ark-state: #00ffa2;--ark-muted: #686b65;--ark-rule: rgba(25, 25, 25, .18);--ark-panel: rgba(255, 255, 255, .74);--ark-rail: #e7e7e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(90deg,rgba(25,25,25,.055) 1px,transparent 1px),linear-gradient(rgba(25,25,25,.045) 1px,transparent 1px),radial-gradient(circle at 83% 12%,rgba(255,250,0,.22),transparent 25rem),var(--ark-paper);background-size:72px 72px,72px 72px,auto,auto}button,input,textarea{font:inherit}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--ark-signal);outline-offset:3px}.ark-shell{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);grid-template-rows:72px auto auto;min-height:100svh}.edge-rail{position:sticky;top:0;z-index:4;grid-row:1 / -1;display:grid;grid-template-rows:72px 1fr auto;min-height:100svh;background:var(--ark-rail);border-right:1px solid var(--ark-ink)}.rail-mark{display:grid;place-items:center;color:var(--ark-signal);background:var(--ark-ink);font-family:Arial Narrow,Roboto Condensed,sans-serif;font-size:1.25rem;font-weight:900;text-decoration:none}.rail-nav{display:flex;flex-direction:column;gap:12px;padding:24px 14px}.rail-nav a{min-height:72px;padding:10px 8px;color:var(--ark-ink);text-decoration:none;border:1px solid var(--ark-rule);background:#ffffff61;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);transition:background .22s ease,transform .22s ease,border-color .22s ease}.rail-nav a:hover{background:var(--ark-signal);border-color:var(--ark-ink);transform:translate(4px)}.rail-nav span,.rail-nav strong,.rail-status,.dock-label,.eyebrow,.status-strip em,.friend-meta,.primary-button small{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}.rail-nav span{display:block;margin-bottom:12px;color:var(--ark-muted);font-size:.67rem}.rail-nav strong{writing-mode:vertical-rl;font-size:.78rem}.rail-status{margin:0;padding:18px 10px;color:var(--ark-muted);font-size:.62rem;line-height:1.5;writing-mode:vertical-rl}.utility-dock{z-index:3;grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(18px,3vw,40px);background:#f2f2f0db;border-bottom:1px solid var(--ark-ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.utility-dock strong{display:block;margin-top:4px;font-size:.98rem}.dock-label{color:var(--ark-muted);font-size:.68rem}.dock-state{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 14px;color:var(--ark-state);background:var(--ark-ink);border:1px solid var(--ark-ink);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.76rem;text-transform:uppercase}.dock-state span{width:8px;height:8px;background:var(--ark-state);box-shadow:0 0 0 5px #00ffa229}.field-stage{position:relative;grid-column:2;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.72fr);gap:clamp(24px,4vw,56px);min-height:550px;padding:clamp(28px,6vw,76px) clamp(18px,4vw,56px) 34px;overflow:hidden;color:#f5f5ef;background:linear-gradient(120deg,#191919f5,#191919b8 54%,#191919f0),radial-gradient(circle at 74% 24%,rgba(255,250,0,.34),transparent 16rem),linear-gradient(135deg,#2f332c,#111);isolation:isolate}.stage-grid,.stage-sector,.stage-calibrator{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.stage-grid{z-index:-3;opacity:.44;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(90deg,black,transparent 82%);mask-image:linear-gradient(90deg,black,transparent 82%)}.stage-sector{z-index:-2;left:auto;width:min(56vw,720px);background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,250,0,.12) 18px 20px),linear-gradient(135deg,rgba(255,250,0,.18),transparent 58%);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}.stage-calibrator{z-index:-1;inset:auto clamp(18px,8vw,120px) 54px auto;width:min(34vw,420px);aspect-ratio:1;border:1px solid rgba(255,250,0,.54);border-radius:50%;opacity:.62;animation:calibrate 9s linear infinite}.stage-calibrator:before,.stage-calibrator:after{position:absolute;content:"";top:16%;right:16%;bottom:16%;left:16%;border:1px dashed rgba(255,255,255,.32);border-radius:50%}.stage-calibrator:after{top:49%;right:-12%;bottom:49%;left:-12%;height:1px;border:0;background:#fffa00ad;transform:rotate(-18deg)}.hero-copy{align-self:center;max-width:760px}.eyebrow{margin:0 0 10px;color:var(--ark-signal);font-size:.78rem;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:820px;margin-bottom:22px;font-family:Arial Narrow,Roboto Condensed,DIN Condensed,sans-serif;font-size:clamp(3.2rem,8vw,7.6rem);font-weight:900;letter-spacing:-.04em;line-height:.9}h1 span{display:block}.hero-copy p:not(.eyebrow){margin-bottom:0;max-width:640px;color:#f5f5efcc;font-size:1rem;line-height:1.75}.mission-board{align-self:end;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:#ffffff47;border:1px solid rgba(255,255,255,.34);box-shadow:18px 18px #0003}.mission-board div{min-height:112px;padding:16px;background:#090909bd}.mission-board dt{color:#f5f5ef9e;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.7rem;text-transform:uppercase}.mission-board dd{margin:18px 0 0;color:var(--ark-signal);font-family:Arial Narrow,Roboto Condensed,sans-serif;font-size:clamp(1.7rem,4vw,3.1rem);font-weight:900;line-height:.92}.status-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:18px 0 0;padding:0;list-style:none;background:#ffffff52;border:1px solid rgba(255,255,255,.28)}.status-strip li{position:relative;min-height:84px;padding:16px;overflow:hidden;background:#191919c2;clip-path:polygon(0 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%)}.status-strip li:before{position:absolute;inset:0 auto auto 0;width:5px;height:100%;background:var(--ark-signal);content:""}.status-strip span{color:var(--ark-signal);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.72rem}.status-strip strong{display:block;margin-top:10px;font-size:.98rem}.status-strip em{display:block;margin-top:4px;color:#f5f5ef8a;font-size:.62rem;font-style:normal}.workspace{grid-column:2;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:clamp(18px,2.5vw,28px);align-items:start;padding:clamp(20px,4vw,44px)}.form-panel,.list-panel{position:relative;padding:clamp(20px,3vw,30px);background:var(--ark-panel);border:1px solid var(--ark-ink);border-radius:0;box-shadow:10px 10px #19191914;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form-panel:before,.list-panel:before{position:absolute;top:-1px;left:-1px;width:88px;height:5px;background:var(--ark-signal);content:""}.section-heading{position:relative;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--ark-rule)}.section-heading h2{margin-bottom:10px;font-family:Arial Narrow,Roboto Condensed,sans-serif;font-size:clamp(1.45rem,3vw,2rem);letter-spacing:-.02em}.section-heading p:not(.eyebrow){margin-bottom:0;color:var(--ark-muted);line-height:1.7}label{display:grid;gap:8px;margin-bottom:18px;color:var(--ark-ink);font-weight:800}label span{display:flex;align-items:center;gap:10px;font-size:.9rem}label em{color:var(--ark-muted);font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.68rem;font-style:normal}input,textarea{width:100%;color:var(--ark-ink);background:#ffffffa8;border:1px solid rgba(25,25,25,.28);border-radius:0;outline:0;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input{min-height:46px;padding:0 13px}textarea{min-height:112px;padding:13px;resize:vertical}input:focus,textarea:focus{background:#fff;border-color:var(--ark-ink);box-shadow:5px 5px 0 var(--ark-signal)}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.primary-button{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:50px;margin-top:4px;padding:0 18px;color:var(--ark-ink);background:var(--ark-signal);border:1px solid var(--ark-ink);border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%);cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:6px 6px 0 var(--ark-ink)}.primary-button small{font-size:.66rem}.primary-button:disabled{cursor:not-allowed;opacity:.68}.result-box,.empty-state{margin-top:18px;padding:16px;border-radius:0;line-height:1.65}.result-box p,.result-box ul{margin:6px 0 0}.result-box.success{color:#063f2a;background:#00ffa21f;border:1px solid rgba(0,128,82,.42)}.result-box.error,.empty-state.error{color:#841919;background:#ff3d3d1a;border:1px solid rgba(132,25,25,.34)}.empty-state{color:var(--ark-muted);background:#ffffff8a;border:1px dashed rgba(25,25,25,.28)}.friend-grid{display:grid;gap:14px}.friend-card{position:relative;display:grid;grid-template-columns:58px 1fr;gap:14px;padding:16px;overflow:hidden;text-decoration:none;background:#ffffff94;border:1px solid rgba(25,25,25,.2);border-radius:0;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.friend-card:after{position:absolute;right:0;bottom:0;width:42px;height:8px;background:var(--ark-signal);content:"";transform:translate(24px);transition:transform .16s ease}.friend-card:hover{border-color:var(--ark-ink);box-shadow:7px 7px #1919191f;transform:translate(-2px,-2px)}.friend-card:hover:after{transform:none}.friend-card img,.avatar-fallback{width:58px;height:58px;border-radius:0;border:1px solid var(--ark-ink);clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%)}.friend-card img{object-fit:cover;background:#deded6}.avatar-fallback{display:grid;place-items:center;color:var(--ark-signal);background:var(--ark-ink);font-size:1.4rem;font-weight:800}.friend-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;color:var(--ark-muted);font-size:.64rem}.friend-meta span{color:var(--ark-ink)}.friend-card h3{margin-bottom:6px;font-size:1.04rem}.friend-card p{margin-bottom:8px;color:var(--ark-muted);line-height:1.55}.friend-card div>span:last-child{display:block;overflow:hidden;color:#4c4c04;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}code{color:var(--ark-ink);background:var(--ark-signal);border-radius:0;padding:2px 5px}@keyframes calibrate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.ark-shell{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.edge-rail{position:static;grid-row:auto;grid-template-columns:70px 1fr auto;grid-template-rows:64px;min-height:0;border-right:0;border-bottom:1px solid var(--ark-ink)}.rail-nav{flex-direction:row;padding:8px}.rail-nav a{display:flex;align-items:center;gap:8px;min-height:48px}.rail-nav span{margin:0}.rail-nav strong,.rail-status{writing-mode:horizontal-tb}.rail-status{align-self:center;padding:0 12px;white-space:nowrap}.utility-dock,.field-stage,.workspace{grid-column:1}.utility-dock{min-height:68px}.field-stage{grid-template-columns:1fr;min-height:auto}.mission-board{max-width:620px}.status-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace,.field-grid{grid-template-columns:1fr}}@media(max-width:620px){.utility-dock{align-items:flex-start;flex-direction:column;justify-content:center;padding-block:14px}.rail-status{display:none}.edge-rail{grid-template-columns:64px 1fr}.rail-nav a{min-height:44px;padding:8px}.field-stage{padding-top:34px}.mission-board,.status-strip{grid-template-columns:1fr}.workspace{padding:18px 12px 30px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}