@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-display:"Space Grotesk", "Segoe UI", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;--bg-0:#0a0d12;--bg-1:#11161e;--bg-2:#171f2a;--surface:#101620cc;--surface-strong:#131b26;--border:#2a3444;--line-soft:#334156;--text-0:#ecf2fb;--text-1:#c0ccdc;--text-2:#8d9bb0;--accent:#7eb6d8;--danger:#b06f6f;--shadow:0 20px 42px #00000052;--radius:16px}body[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#eceff3;--bg-1:#e3e8ef;--bg-2:#d8e0ea;--surface:#f7f9fccc;--surface-strong:#f8fafc;--border:#c5cfdb;--line-soft:#a9b8ca;--text-0:#0f1928;--text-1:#263548;--text-2:#5d7188;--accent:#2d5d7d;--danger:#8f4c4c;--shadow:0 16px 36px #293a4d2e}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);background:radial-gradient(1300px 700px at 75% -20%, #7eb6d81f, transparent 58%), radial-gradient(900px 450px at 0% 100%, #547e9e24, transparent 62%), linear-gradient(165deg, var(--bg-0), var(--bg-1) 55%, var(--bg-2));color:var(--text-0);letter-spacing:.01em}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:5;background:var(--surface-strong);color:var(--text-0);border-radius:12px;padding:.75rem 1rem;text-decoration:none;position:absolute;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.noise{pointer-events:none;opacity:.12;background-image:radial-gradient(circle at 20% 80%,#ffffff0f 0 1px,#0000 1px),radial-gradient(circle at 70% 30%,#ffffff0a 0 1px,#0000 1px);background-size:3px 3px,4px 4px;position:fixed;inset:0}.topbar{z-index:3;background:color-mix(in oklab, var(--bg-0) 82%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in oklab, var(--line-soft) 38%, transparent);flex-direction:column;align-items:stretch;gap:1rem;padding:1.3rem clamp(1.1rem,3vw,2.8rem);display:flex;position:sticky;top:0}.brand h1{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:clamp(1.35rem,2.6vw,2rem);font-weight:700}.brand-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.72rem}.brand-subtitle{max-width:52ch;color:var(--text-1);margin:.32rem 0 0;font-size:.92rem}.topbar-controls{align-items:stretch;gap:.65rem;display:grid}.public-route-actions{display:grid}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.mode-btn{min-width:0}.mode-btn.active{border-color:color-mix(in oklab, var(--accent) 70%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 32%, var(--surface-strong)), var(--surface-strong))}.layout{grid-template-columns:1fr;gap:1rem;padding:1rem clamp(1rem,2.5vw,2.4rem) 2.2rem;display:grid}.public-route-layout{padding:1rem clamp(1rem,2.5vw,2.4rem) 2.2rem}.left-rail,.content-grid{align-content:start;gap:.95rem;display:grid}.content-grid{grid-template-columns:1fr}.card{background:var(--surface);border:1px solid color-mix(in oklab, var(--border) 85%, transparent);border-radius:var(--radius);box-shadow:var(--shadow);padding:.95rem}.panel{gap:.72rem;display:grid}.panel h2{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text-1);margin:0;font-size:1.03rem;font-weight:600}.shell-nav-card{gap:.72rem;display:grid}.section-nav{gap:.55rem;display:grid}.nav-chip{width:100%}.section-card{scroll-margin-top:7rem}.section-card[data-active=true]{border-color:color-mix(in oklab, var(--accent) 70%, var(--border));box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 22%, transparent), var(--shadow)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--text-2);margin:0;font-size:.72rem}.hero-card{position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;background:linear-gradient(130deg, transparent, color-mix(in oklab, var(--accent) 20%, transparent), transparent);opacity:.25;position:absolute;inset:0}.identity-orbit{aspect-ratio:1;width:min(78vw,220px);margin:.55rem auto .4rem;position:relative}.ring{border:1px solid color-mix(in oklab, var(--accent) 52%, transparent);border-radius:50%;position:absolute;inset:0}.ring-a{animation:15s linear infinite spin}.ring-b{border-style:dashed;border-color:color-mix(in oklab, var(--line-soft) 75%, transparent);animation:12s linear infinite spinReverse;inset:16%}.ring-c{border-color:color-mix(in oklab, var(--accent) 36%, transparent);box-shadow:inset 0 0 24px color-mix(in oklab, var(--accent) 28%, transparent);animation:4.6s ease-in-out infinite pulse;inset:34%}.core{background:radial-gradient(circle at 30% 25%, var(--accent), color-mix(in oklab, var(--bg-0) 86%, var(--accent)));box-shadow:0 0 20px color-mix(in oklab, var(--accent) 32%, transparent);border-radius:50%;position:absolute;inset:45%}.identity-state{color:var(--text-1);text-align:center;margin:0;font-size:.88rem}.identity-fingerprint{text-align:center;color:var(--accent);letter-spacing:.08em;margin:0;font-family:IBM Plex Mono,Courier New,monospace;font-size:.82rem}.session-card,.response-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.session-line{color:var(--text-1);margin:0;font-size:.86rem}.response-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.response-console{border:1px solid color-mix(in oklab, var(--border) 60%, transparent);background:color-mix(in oklab, var(--surface-strong) 88%, transparent);min-height:210px;max-height:350px;color:var(--text-1);white-space:pre-wrap;border-radius:12px;margin:0;padding:.75rem;font-size:.8rem;line-height:1.5;overflow:auto}.stack{gap:.55rem;display:grid}.inline-form{grid-template-columns:1fr;align-items:end;gap:.55rem}.inline-form .field,.inline-form .field.grow,.inline-form .btn{grid-column:auto}.field{gap:.32rem;display:grid}.checkbox-field{color:var(--text-1);align-items:center;gap:.6rem;font-size:.84rem;display:flex}.checkbox-field input{width:auto;margin:0}.field.compact{width:100%}.field span{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;font-size:.76rem}input,select,textarea,button{font:inherit;min-height:44px}input,select,textarea{border:1px solid color-mix(in oklab, var(--border) 80%, transparent);background:color-mix(in oklab, var(--surface-strong) 92%, transparent);width:100%;color:var(--text-0);border-radius:10px;outline:none;padding:.56rem .65rem;transition:border-color .16s,box-shadow .16s}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in oklab, var(--accent) 24%, transparent)}textarea{resize:vertical;min-height:110px}.btn{appearance:none;border:1px solid color-mix(in oklab, var(--accent) 45%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 24%, var(--surface-strong)), var(--surface-strong));color:var(--text-0);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.66rem .92rem;transition:transform .13s,background-color .13s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn.ghost{border-color:color-mix(in oklab, var(--line-soft) 66%, var(--border));background:0 0}.btn.subtle{background:color-mix(in oklab, var(--surface-strong) 94%, transparent);border-color:color-mix(in oklab, var(--border) 74%, transparent)}.btn.danger{border-color:color-mix(in oklab, var(--danger) 70%, var(--border));background:color-mix(in oklab, var(--danger) 26%, var(--surface-strong))}.panel-title{color:var(--text-1);margin:0;font-weight:600}.field-hint,.field-error{margin:-.08rem 0 0;font-size:.78rem}.field-hint{color:var(--text-2)}.field-error{color:color-mix(in oklab, var(--danger) 88%, white 12%)}.subheading{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-0);margin:0;font-size:.95rem;font-weight:600}.auth-status{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--surface-strong) 94%, transparent);border-radius:12px;gap:.32rem;padding:.8rem;display:grid}.auth-status-neutral{border-color:color-mix(in oklab, var(--accent) 35%, var(--border))}.auth-status-error{border-color:color-mix(in oklab, var(--danger) 78%, var(--border));background:color-mix(in oklab, var(--danger) 16%, var(--surface-strong))}.inline-notice{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--surface-strong) 94%, transparent);border-radius:12px;gap:.32rem;padding:.8rem;display:grid}.inline-notice-neutral{border-color:color-mix(in oklab, var(--accent) 28%, var(--border))}.inline-notice-warn{border-color:color-mix(in oklab, #d8b26c 60%, var(--border));background:color-mix(in oklab, #d8b26c 10%, var(--surface-strong))}.inline-notice-ok{border-color:color-mix(in oklab, #73b28a 58%, var(--border));background:color-mix(in oklab, #73b28a 12%, var(--surface-strong))}.inline-notice-error{border-color:color-mix(in oklab, var(--danger) 78%, var(--border));background:color-mix(in oklab, var(--danger) 16%, var(--surface-strong))}.account-removal-form{border:1px solid color-mix(in oklab, var(--danger) 46%, var(--border));background:color-mix(in oklab, var(--danger) 8%, var(--surface-strong));border-radius:12px;padding:.8rem}.actions-row{flex-wrap:wrap;gap:.5rem;display:flex}.profile-grid{gap:.85rem;display:grid}.profile-card{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--surface-strong) 92%, transparent);border-radius:12px;gap:.55rem;padding:.8rem;display:grid}.profile-meta-grid{gap:.3rem;display:grid}.profile-projection-card{background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 10%, var(--surface-strong)), var(--surface-strong))}.profile-preview-state{border:1px solid color-mix(in oklab, var(--accent) 30%, var(--border));background:color-mix(in oklab, var(--surface-strong) 92%, transparent);border-radius:1rem;gap:.32rem;padding:.85rem 1rem;display:grid}.sync-status-card{border:1px solid color-mix(in oklab, var(--accent) 26%, var(--border));background:linear-gradient(160deg, color-mix(in oklab, var(--accent) 8%, var(--surface-strong)), var(--surface-strong));border-radius:1rem;gap:.45rem;padding:.9rem 1rem;display:grid}.sync-status-card-ok{border-color:color-mix(in oklab, #73b28a 58%, var(--border))}.sync-status-card-warn{border-color:color-mix(in oklab, #d8b26c 60%, var(--border))}.sync-detail-grid{gap:.28rem;display:grid}.projection-stack{gap:.3rem;display:grid}.projection-title,.projection-handle{margin:0}.projection-title{font-family:var(--font-display);color:var(--text-0);font-size:1.08rem}.projection-handle{color:var(--accent);letter-spacing:.05em;font-family:IBM Plex Mono,Courier New,monospace;font-size:.82rem}.list-output{gap:.45rem;display:grid}.list-item{border:1px solid color-mix(in oklab, var(--border) 70%, transparent);background:color-mix(in oklab, var(--surface-strong) 92%, transparent);border-radius:11px;gap:.28rem;padding:.6rem;display:grid}.item-title{color:var(--text-0);margin:0;font-size:.88rem}.item-meta{color:var(--text-2);margin:0;font-size:.8rem}.link{color:var(--accent);text-decoration:none}.link:hover{text-decoration:underline}@media (width>=700px){.section-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=860px){.topbar{align-items:flex-start}.topbar-controls{grid-template-columns:repeat(12,minmax(0,1fr));width:100%}.mode-switch{grid-column:span 5}.field.compact{grid-column:span 4}.topbar-controls>.btn.ghost{grid-column:span 3}.inline-form{grid-template-columns:repeat(12,minmax(0,1fr))}.inline-form .field{grid-column:span 3}.inline-form .field.grow{grid-column:span 5}.inline-form .btn{grid-column:span 2}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-projection-card{grid-column:span 2}}@media (width>=1180px){.layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr)}.auth-panel,.profile-panel,.account-panel,.feed-panel,.sync-panel,.network-panel,.admin-info-panel{grid-column:span 6}.social-panel,.admin-panel{grid-column:span 12}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover{transform:none}.ring-a,.ring-b,.ring-c{animation:none!important}}.publication-card,.public-profile-destination{gap:.9rem;display:grid}.publication-blockers{border:1px solid color-mix(in srgb, var(--border-color,#fff) 70%, transparent);background:color-mix(in srgb, var(--surface-color,#111) 88%, transparent);border-radius:1rem;padding:.9rem 1rem}.plain-list{margin:0;padding-left:1.2rem}.public-profile-hero{background:linear-gradient(145deg,#2c569a2e,#091229ad);border:1px solid #8fc0ff33;border-radius:1.2rem;padding:1.1rem 1.2rem}.public-profile-title{margin:0;font-size:clamp(1.5rem,2.2vw,2.2rem)}.public-profile-accounts{gap:.9rem;display:grid}.public-route-shell{gap:.95rem;width:min(100%,980px);margin:0 auto;display:grid}.public-route-card{gap:.9rem}
