:root{--deep-blue:#184eff;--royal-blue:#4c95ff;--ice-cyan:#6de9ff;--pale-sky:#d6f5ff;--bg:#06080f;--bg-panel:#0b0f1c;--border:#1b2440;--text:#c8d4ea;--text-dim:#6b7896;--mono:"SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, Menlo, monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);min-height:100vh;font-size:15px;line-height:1.65}a{color:var(--ice-cyan);text-decoration:none}a:hover{text-decoration:underline}.gradient-text{background:linear-gradient(135deg, var(--deep-blue), var(--ice-cyan), var(--pale-sky));color:#0000;-webkit-background-clip:text;background-clip:text}.wrap{max-width:880px;margin:0 auto;padding:0 24px}.split{flex-direction:column;height:100vh;display:flex}@media (min-width:720px){.split{flex-direction:row}}.half{flex-direction:column;flex:1;transition:flex .35s,background .25s;display:flex;position:relative;overflow:hidden}.teaser{cursor:pointer;color:inherit;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:64px 32px;text-decoration:none;display:flex}.teaser:hover{text-decoration:none}.half.fash:hover{background:radial-gradient(#184eff24,#0000 70%)}.half.mash:hover{background:radial-gradient(#6de9ff1a,#0000 70%)}.teaser h1{letter-spacing:-2px;font-size:56px;font-weight:700}.half .tag{color:var(--text-dim);text-align:center;max-width:320px;font-size:15px}.half .hint{color:var(--text-dim);opacity:0;margin-top:8px;font-size:13px;transition:opacity .25s,transform .25s;transform:translateY(4px)}.half:hover .hint{opacity:1;transform:none}.orbital{white-space:pre;background:linear-gradient(160deg, var(--deep-blue), var(--ice-cyan));color:#0000;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;align-items:flex-end;min-height:170px;font-size:9px;line-height:1.1;display:flex}.half .content,.half .rail{display:none}.half.open{cursor:default;flex:1}.half.open .teaser{display:none}.half.open .content{flex:1;padding:56px 48px 24px;display:block;overflow-y:auto}.half.open .content>*{max-width:780px;margin-left:auto;margin-right:auto}.half.collapsed{cursor:pointer;flex:0 0 72px;min-width:72px}.half.collapsed .teaser{display:none}.half.collapsed .rail{flex:1;justify-content:center;align-items:center;text-decoration:none;transition:background .25s;display:flex}.half.collapsed .rail:hover{background:#4c95ff14;text-decoration:none}.rail-label{writing-mode:vertical-rl;letter-spacing:4px;font-size:22px;font-weight:700}@media (max-width:719px){.half.collapsed{flex:0 0 56px;min-width:0}.rail-label{writing-mode:horizontal-tb;letter-spacing:3px;font-size:18px}}.hero{align-items:center;gap:40px;margin-bottom:56px;display:flex}.hero-text{flex:2;min-width:0}.hero-art{flex:1;justify-content:center;min-height:0}@media (max-width:719px){.hero-art{display:none}}.hero h1{letter-spacing:-1.5px;margin-bottom:10px;font-size:44px}.hero p.sub{color:var(--text-dim);max-width:620px;font-size:17px}.block{margin-bottom:56px}h2{text-transform:uppercase;letter-spacing:2px;color:var(--royal-blue);margin-bottom:18px;font-size:15px}p{margin-bottom:12px}p code,li code,td code{background:var(--bg-panel);border:1px solid var(--border);color:var(--pale-sky);border-radius:4px;padding:1px 6px;font-size:13px}.term{background:var(--bg-panel);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:18px 22px;overflow-x:auto}.term pre{font-size:13.5px;line-height:1.8}.term .p{color:var(--royal-blue)}.term .c{color:var(--text-dim)}.term .hl{color:var(--ice-cyan)}.term .ok{color:var(--pale-sky)}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}th{color:var(--text-dim);text-transform:uppercase;letter-spacing:1.5px;font-size:11px;font-weight:500}td:first-child{white-space:nowrap;color:var(--ice-cyan)}ul{list-style:none}ul li{margin-bottom:8px;padding-left:20px;position:relative}ul li:before{content:"✦";color:var(--royal-blue);font-size:11px;position:absolute;top:4px;left:0}ol{padding-left:22px}ol li{margin-bottom:8px}.steps .term{margin-top:8px}.crosslink{border:1px solid var(--border);background:linear-gradient(135deg,#184eff14,#6de9ff0d);border-radius:10px;padding:20px 24px}footer{border-top:1px solid var(--border);color:var(--text-dim);padding:28px 0 48px;font-size:13px}
