:root{--sys-bg:#bec2c6;--sys-surface:#b5bac1;--sys-elevated:#a8acb0;--sys-muted:#1a1a1a1f;--sys-tertiary:#6b6e74;--sys-secondary:#3a3d42;--sys-primary:#1a1a1a;--sys-contrast:#0a0a0c;--sys-accent:#0f8;--sys-accent-dim:#0f86;--sys-noise-opacity:.035}[data-theme=dark]{--sys-bg:#0a0a0c;--sys-surface:#111115;--sys-elevated:#1a1a20;--sys-muted:#ffffff1a;--sys-tertiary:#7a7a8c;--sys-secondary:#b0b0c4;--sys-primary:#dcdce8;--sys-contrast:#f0f0f8;--sys-noise-opacity:.025}body:after{content:"";z-index:9999;pointer-events:none;opacity:var(--sys-noise-opacity);mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:320px 320px;position:fixed;inset:0}[data-theme=dark] body:after{mix-blend-mode:screen}.sys-bracket{font-family:var(--font-tech), "Share Tech Mono", "JetBrains Mono", "SF Mono", monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--sys-secondary);align-items:center;gap:4px;font-size:9px;display:inline-flex}.sys-bracket:before{content:"[";color:var(--sys-tertiary)}.sys-bracket:after{content:"]";color:var(--sys-tertiary)}.sys-bracket--accent{color:var(--sys-accent)}.sys-bracket--accent:before,.sys-bracket--accent:after{color:var(--sys-accent-dim)}.sys-ruled-line{font-family:var(--font-tech), "Share Tech Mono", "JetBrains Mono", monospace;letter-spacing:.12em;text-transform:uppercase;align-items:baseline;gap:10px;margin-bottom:6px;font-size:10px;display:flex}.sys-ruled-line .sys-key{color:var(--sys-tertiary);white-space:nowrap}.sys-ruled-line .sys-dots{border-bottom:1px dotted var(--sys-muted);flex:1;min-width:24px;transform:translateY(-3px)}.sys-ruled-line .sys-value{color:var(--sys-primary);white-space:nowrap}.sys-card{border:1px solid var(--sys-muted);background:#ffffff59;padding:24px;transition:border-color .4s,background .4s;position:relative}.sys-card:hover{border-color:var(--sys-secondary);background:#ffffff80}.sys-btn-small{font-family:var(--font-tech), "Share Tech Mono", "JetBrains Mono", monospace;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--sys-muted);color:var(--sys-secondary);cursor:pointer;background:0 0;padding:5px 12px;font-size:9px;transition:all .3s}.sys-btn-small:hover{color:var(--sys-accent);border-color:var(--sys-accent-dim)}.sys-dotted-rule{border:0;border-bottom:1px dotted var(--sys-muted);height:0;margin:16px 0}