body{background:var(--void)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(52vw 42vh at 12% -6%,rgba(var(--beam-rgb),.1),transparent 62%),radial-gradient(48vw 40vh at 92% 12%,rgba(var(--aurora-rgb),.1),transparent 62%)}.sys-header{position:sticky;top:0;z-index:var(--z-header);background:var(--glass-1);backdrop-filter:var(--blur-1);-webkit-backdrop-filter:var(--blur-1);border-bottom:1px solid var(--line)}.sys-header-in{max-width:var(--shell);margin-inline:auto;padding:var(--s-3) var(--gutter);display:flex;align-items:center;gap:var(--s-5);min-height:62px}.sys-header .mark{display:inline-flex;align-items:center;gap:var(--s-3);color:var(--fg-hi)}.sys-header .mark-orbit{width:26px;height:26px;color:var(--beam)}.sys-header .mark-word{font-weight:700;font-size:13px;letter-spacing:.32em}.sys-badge{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.16em;color:var(--beam);border:1px solid var(--line-beam-2);border-radius:999px;padding:4px 10px}.sys-header nav{margin-left:auto;display:flex;gap:var(--s-5);flex-wrap:wrap}.sys-header nav a{color:var(--fg-dim);font-size:var(--t-sm)}.sys-header nav a:hover{color:var(--beam)}@media(max-width:820px){.sys-header nav{display:none}}main{position:relative;z-index:var(--z-page)}.sys-hero{padding-block:var(--sec-y) var(--s-16)}.sys-hero h1{max-width:18ch}.sys-hero .t-lead{max-width:60ch;margin-top:var(--s-5)}.sys-section{padding-block:var(--s-16);border-top:1px solid var(--line)}.sys-section>.shell>header{margin-bottom:var(--s-10);max-width:68ch}.sys-section h2{margin-bottom:var(--s-3)}.spec{border:1px solid var(--line);border-radius:var(--r-lg);background:rgba(var(--panel-rgb),.5);overflow:hidden}.spec-head{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-5);border-bottom:1px solid var(--line);background:rgba(var(--void-rgb),.45)}.spec-head b{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:500;letter-spacing:var(--tr-label);text-transform:uppercase;color:var(--fg-dim)}.spec-head small{color:var(--mut);font-size:var(--t-xs);margin-left:auto}.spec-body{padding:var(--s-6);display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center}.spec-body.is-block{display:block}.spec-note{padding:0 var(--s-6) var(--s-6);color:var(--fg-dim);font-size:var(--t-sm);max-width:70ch}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(184px,1fr));gap:var(--s-3)}.swatch{border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;background:var(--panel-2)}.swatch-chip{height:76px;border-bottom:1px solid var(--line)}.swatch-meta{padding:var(--s-3) var(--s-4);display:grid;gap:3px}.swatch-name{font-size:var(--t-sm);color:var(--fg-hi);font-weight:500}.swatch-hex{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--beam);text-transform:uppercase;letter-spacing:.06em}.swatch-role{font-size:var(--t-xs);color:var(--mut);line-height:1.45}.type-row{display:grid;grid-template-columns:128px minmax(0,1fr);gap:var(--s-6);align-items:baseline;padding-block:var(--s-4);border-top:1px solid var(--line)}.type-row:first-child{border-top:0}.type-key{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--mut);letter-spacing:.08em;display:grid;gap:2px}.type-key b{color:var(--fg-dim);font-weight:500}.type-sample{color:var(--fg-hi);min-width:0}@media(max-width:700px){.type-row{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}}.space-row{display:grid;grid-template-columns:72px 64px minmax(0,1fr);gap:var(--s-4);align-items:center;padding-block:var(--s-2)}.space-bar{height:12px;border-radius:3px;background:var(--beam);opacity:.7}.space-key{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--fg-dim)}.space-val{font-family:var(--font-mono);font-size:var(--t-micro);color:var(--mut)}.motion-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--s-4)}.motion-card{border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4);display:grid;gap:var(--s-3);background:var(--panel-2)}.motion-track{height:34px;position:relative;border-radius:var(--r-sm);background:rgba(var(--void-rgb),.6);overflow:hidden}.motion-dot{position:absolute;top:50%;left:8px;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--beam);box-shadow:0 0 12px var(--beam)}.motion-card:hover .motion-dot{left:calc(100% - 20px)}.motion-meta{display:flex;justify-content:space-between;gap:var(--s-2);font-family:var(--font-mono);font-size:var(--t-micro);color:var(--mut)}.motion-meta b{color:var(--fg-hi);font-weight:500}.rules{display:grid;gap:var(--s-3)}.rule{display:grid;grid-template-columns:76px minmax(0,1fr);gap:var(--s-4);padding:var(--s-4) var(--s-5);border-radius:var(--r-md);border:1px solid var(--line);background:var(--panel-2)}.rule-tag{font-family:var(--font-mono);font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;font-weight:600;padding-top:2px}.rule.is-do{border-color:rgba(var(--signal-rgb),.28)}.rule.is-do .rule-tag{color:var(--signal)}.rule.is-dont{border-color:rgba(var(--alarm-rgb),.26)}.rule.is-dont .rule-tag{color:var(--alarm)}.rule p{color:var(--fg-dim);font-size:var(--t-sm)}.rule b{color:var(--fg-hi);font-weight:600}@media(max-width:620px){.rule{grid-template-columns:minmax(0,1fr);gap:var(--s-2)}}.reuse{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--col-gap)}.reuse .card{display:grid;gap:var(--s-3);align-content:start}.reuse .card h4{display:flex;align-items:center;gap:var(--s-2)}.reuse ul{list-style:none;display:grid;gap:var(--s-2)}.reuse li{color:var(--fg-dim);font-size:var(--t-sm);padding-left:var(--s-4);position:relative}.reuse li:before{content:"—";position:absolute;left:0;color:var(--beam)}pre.code{background:rgba(var(--void-rgb),.62);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s-4) var(--s-5);overflow-x:auto;font-size:var(--t-xs);line-height:1.7;color:var(--fg-dim)}pre.code .k{color:var(--beam)}pre.code .c{color:var(--mut)}.sys-footer{border-top:1px solid var(--line);padding-block:var(--s-12);color:var(--mut);font-size:var(--t-sm)}.sys-footer a{color:var(--fg-dim)}.sys-footer a:hover{color:var(--beam)}