:root{--bg-primary:#121216;--bg-secondary:#ffffff0e;--bg-tertiary:#ffffff09;--text-primary:#ececf1;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff14;--border-color-solid:#2a2a2e;--checkbox-border-color:#ffffff21;--accent-color:#5b9cf6;--accent-hover:#4a8ae8;--danger-color:#ef5350;--success-color:#4caf50;--input-bg:#161618;--card-bg:#1b1b1b;--bg-color:#111114;--text-color:var(--text-primary);--primary-color:#5b9cf6;--section-border:#ffffff0a;--section-shadow:#0000004d;--badge-bg:#ffffff1a;--badge-text:#ffffffb3;--toggle-secondary-bg:#ffffff2e;--input-focus-border-color:#5b9cf680;--warning-color:#e6a117;--notice-color:#60a5fa;--attention-color:#e6a117;--attention-bg:#e6a1171f;--attention-border:#e6a1174d;--bezier:cubic-bezier(.4, 0, .2, 1);--rail-color:#fff3;--rail-color-advanced-muted:#ffffff4d;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23ececf1' stroke-opacity='0.4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3e%3c/svg%3e")}[data-theme=light]{--bg-primary:#f0f2f5;--bg-secondary:#fff;--bg-tertiary:#0323560a;--text-primary:#222;--text-secondary:#666;--text-muted:#999;--border-color:#0000001a;--border-color-solid:#dcdcdc;--checkbox-border-color:#00000026;--accent-color:#4285f4;--accent-hover:#3367d6;--success-color:#2e7d32;--input-bg:#fff;--card-bg:#fff;--bg-color:#f5f7fa;--text-color:var(--text-primary);--primary-color:#4285f4;--section-border:#0000;--section-shadow:#71717a27;--badge-bg:#00000073;--badge-text:#fff;--toggle-secondary-bg:#00000040;--input-focus-border-color:#4285f480;--warning-color:#e6a117;--notice-color:#3b82f6;--attention-color:#b45309;--attention-bg:#e6a11729;--attention-border:#e6a11773;--rail-color:#00000045;--rail-color-advanced-muted:#0000004d;--select-arrow:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath fill='none' stroke='%23222222' stroke-opacity='0.4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9 6 6 6-6'/%3e%3c/svg%3e")}:root{--page-max-width:1200px;--content-max-width:900px;--page-violet:#8b5cf6;--page-pink:#ec4899;--page-teal:#2bb8a8;--page-gold:#e6a117;--page-hairline:#ffffff1a;--page-card-end:#ffffff08;--page-glass:#14141e99;--page-shot-shadow:0 20px 50px #00000073;--topbar-h:65px;--shell-pad-inline:24px;--content-pad-block:28px;--body-pad:20px;--star-fill:#e6a117;--star-base:#ffffff2e;--accent-tint:#5b9cf629;--panel-bg:#1c1c22}[data-theme=light]{--bg-secondary:#ffffff73;--page-violet:#7c4fe0;--page-pink:#d63384;--page-teal:#1f9587;--page-gold:#b07d0e;--page-hairline:#0000001a;--page-card-end:#ffffffb3;--page-glass:#ffffffbf;--page-shot-shadow:0 12px 32px #0000001f;--star-base:#00000026;--accent-tint:#4285f41f;--panel-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}button,input,optgroup,select,textarea{font-family:inherit}body{background:var(--bg-primary);color:var(--text-primary);min-height:100vh;padding:var(--body-pad);text-autospace:normal;-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,sans-serif;font-size:14px}.btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:13px;line-height:1.2;text-decoration:none;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s,border-color .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn>svg,.btn>.btn-icon>svg{width:1.15em;height:1.15em}.btn-xs{border-radius:6px;gap:4px;padding:4px 10px;font-size:12px}.btn-sm{border-radius:6px;gap:5px;padding:6px 12px;font-size:12.5px}.btn-lg{border-radius:8px;gap:8px;padding:10px 20px;font-size:14px}.btn-icon-only{aspect-ratio:1;height:calc(1.2em + 14px);padding:0}.btn-xs.btn-icon-only{height:calc(1.2em + 8px)}.btn-sm.btn-icon-only{height:calc(1.2em + 12px)}.btn-lg.btn-icon-only{height:calc(1.2em + 20px)}.btn-primary{background:var(--accent-color);color:#fff;box-shadow:0 0 0 .75px var(--accent-color)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 0 .75px var(--accent-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 0 0 .75px var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);box-shadow:0 0 0 2px var(--input-focus-border-color)}.btn-danger{background:var(--danger-color);color:#fff;box-shadow:0 0 0 .75px var(--danger-color)}.btn-danger:hover:not(:disabled){background:var(--danger-color);box-shadow:0 0 0 .75px var(--danger-color);opacity:.9}.btn-ghost{color:var(--text-secondary);box-shadow:0 0 0 .75px var(--border-color);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--accent-color);box-shadow:0 0 0 2px var(--input-focus-border-color);background:color-mix(in srgb, var(--accent-color) 6%, transparent)}.btn-ghost.danger:hover:not(:disabled){color:var(--danger-color);box-shadow:0 0 0 2px color-mix(in srgb, var(--danger-color) 50%, transparent);background:color-mix(in srgb, var(--danger-color) 6%, transparent)}.btn-dashed{border:1.5px dashed var(--border-color);color:var(--text-muted);background:0 0;padding:5.5px 12.5px}.btn-dashed.btn-xs{padding:2.5px 8.5px}.btn-dashed.btn-sm{padding:4.5px 10.5px}.btn-dashed.btn-lg{padding:8.5px 18.5px}.btn-dashed:hover:not(:disabled){border-color:var(--accent-color);background:color-mix(in srgb, var(--accent-color) 6%, transparent);color:var(--accent-color)}select,input[type=text],input[type=number],input[type=password],input[type=search],input[type=email],input[type=url],textarea{box-shadow:0 0 0 .75px var(--border-color);background:var(--input-bg);color:var(--text-primary);border:0;border-radius:6px;padding:7px 12px;font-family:inherit;font-size:13px;line-height:1.2;transition:box-shadow .15s}textarea{line-height:1.5}select{appearance:none;background-image:var(--select-arrow);background-position:right 6px center;background-repeat:no-repeat;background-size:16px;padding-inline:10px 26px}:is([dir=rtl] select,:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) select){background-position:6px}input[type=text]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=search]::placeholder,input[type=email]::placeholder,input[type=url]::placeholder,textarea::placeholder{color:var(--text-muted)}select option{background:var(--input-bg);color:var(--text-primary)}select:focus,input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,textarea:focus{box-shadow:0 0 0 2px var(--input-focus-border-color);outline:none}input[type=checkbox]{appearance:none;width:1.2em;height:1.2em;box-shadow:0 0 0 1px var(--checkbox-border-color);cursor:pointer;vertical-align:middle;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:4px;outline:none;margin-inline-end:3px;transition:background-color .1s,box-shadow .1s;position:relative}input[type=checkbox]:checked{background-color:var(--accent-color);box-shadow:0 0 0 1px var(--accent-color);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}input[type=checkbox]:hover{border-color:var(--accent-color)}input[type=checkbox]:focus-visible{box-shadow:0 0 0 1px var(--checkbox-border-color), 0 0 0 3px var(--input-focus-border-color);outline:none}input[type=checkbox]:checked:focus-visible{box-shadow:0 0 0 1px var(--accent-color), 0 0 0 3px var(--input-focus-border-color)}.container{max-width:var(--content-max-width);margin:0 auto}.card{background:var(--bg-secondary);border:1px solid var(--section-border);box-shadow:var(--section-shadow) 0px 1px 3px 0px;border-radius:20px;margin-bottom:20px;padding:20px 26px}.icon-tile{width:40px;height:40px;color:var(--icon-color,var(--accent-color));background:oklch(from var(--icon-color,var(--accent-color)) l c h / 12%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.badge{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.8em;display:inline-flex}.badge.badge-warning{color:var(--warning-color);border-color:var(--warning-color)}.tinted-card{border:1px solid var(--page-hairline);background:linear-gradient(160deg, oklch(from var(--card-tint,var(--accent-color)) l c h / var(--card-tint-alpha,8%)), var(--page-card-end) 70%);border-radius:20px}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toggle{flex-shrink:0;width:45px;height:26px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle .slider{cursor:pointer;background-color:var(--rail-color);border-radius:26px;transition:all .3s;position:absolute;inset:0}.toggle .slider:before{content:"";width:20px;height:20px;transition:transform .2s var(--bezier), width .2s var(--bezier), left .2s var(--bezier);background-color:#fff;border-radius:10px;position:absolute;bottom:3px;left:3px}.toggle input:checked+.slider{background-color:var(--accent-color)}.toggle input:checked+.slider:before{transform:translate(19px)}.toggle .slider:active:before{width:28px}.toggle input:checked+.slider:active:before{left:-5px}.toggle input:focus-visible+.slider{box-shadow:0 0 0 2px var(--input-focus-border-color)}.toggle input[type=checkbox]{position:absolute;opacity:0!important;width:0!important;height:0!important;margin:0!important}.rail-page{flex-direction:column;gap:36px;display:flex;position:relative}.rail-page>.page-hero,.rail-page>.rail{z-index:1;position:relative}.page-hero{flex-direction:column;gap:18px;display:flex}.page-hero .page-heading{margin-bottom:10px}.page-lead{max-width:760px;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:16px;line-height:1.7}.rail{flex-direction:column;gap:42px;padding-left:36px;display:flex}.rail-line{background:linear-gradient(180deg, oklch(from var(--success-color) l c h / 50%), oklch(from var(--accent-color) l c h / 35%) 30%, oklch(from var(--page-violet) l c h / 25%) 65%, var(--page-hairline));width:1px;position:absolute;top:8px;bottom:8px;left:5px}.rail-node{--dot:var(--accent-color);flex-direction:column;gap:9px;margin:0;display:flex;position:relative}.rail-node.green{--dot:var(--success-color)}.rail-node.violet{--dot:var(--page-violet)}.rail-node.grey{--dot:var(--text-muted)}.rail-node.rail-wide{gap:14px}.rail-node:before{content:"";background:var(--dot);width:11px;height:11px;box-shadow:0 0 10px oklch(from var(--dot) l c h / 80%), 0 0 0 3px oklch(from var(--dot) l c h / 18%);border-radius:50%;position:absolute;top:4px;left:-36px}.rail-node[id]{scroll-margin-top:calc(var(--topbar-h) + 16px)}.rail-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.rail-node h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.rail-node p{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.7}.rail-basis{color:var(--dot);font-size:11.5px;font-weight:600}.rail-retention{color:var(--text-muted);margin-left:-6px;font-size:11.5px}@media (width<=640px){.rail{padding-left:24px}.rail-node:before{left:-24px}}
