:root{--page-width: 45rem;--font-size: 20px;--color-0: #F9A825;--color-1: #BFBFBF;--color-2: #23262fac;--color-3: #555;--color-4: rgba(20, 23, 28, 1);--color-5: rgba(34, 37, 43, 0.5);--color-6: rgba(24, 24, 24, 0.95);--color-link: var(--color-3) ;--color-link-highlight: #DDD;--color-button: #212830;--color-button-hover: #464C56;--color-card-bg: rgba(0, 0, 0, 0.85);--color-inline-code-bg:  rgba(175, 184, 193, 0.1);--color-inline-code-border:  rgba(255,255,255,0.1);--color-card-shadow: rgba(0,0,0,0.5);--color-card-border: var(--color-2);--color-card-border-hover: rgba(125,125,125,1);--color-image-frame: rgba(255,255,255,0.01);--color-image-frame-border: rgba(255,255,255,0.025);--color-text-href: #888;--color-text-href-hover: #ccc;--color-shadow-0: #000;--color-bg-code: rgba(24,27,32,0.5);--color-scrollbar-bg: rgba(255,255,255,0.03);--color-scrollbar-border: rgba(255,255,255,0.05);--radius: 0.1em;--entry: rgba(30, 30, 30, 1.0);--primary: rgb(148, 148, 149);--secondary: rgb(105, 106, 107);--tertiary: rgb(65, 66, 68);--color-inset: rgba(248, 248, 248, 0.2);--color-inset-hover: rgba(248, 248, 248, 0.7);--content: rgb(196, 196, 197);--border-color: rgb(40, 40, 40);--border-color-active: rgb(96, 96, 101);--pagination-button-border-radius: 5rem;--blog-padding: 1rem;--entry-gap: 1rem;--entry-padding-vertical: 0.1rem;--entry-padding-horizontal: 0rem;--font-main: 'main', sans-serif;--font-head: 'head', arial;--font-mono: 'mono', monospace;--bg-0: #14171C url("/img/bg-noise.png") repeat;--shadow-color: 0deg 0% 49%;--shadow-elevation-low:
        0px 0.6px 0.6px hsl(var(--shadow-color) / 0.72),
        0.1px 1px 0.9px -1.9px hsl(var(--shadow-color) / 0.56),
        0.2px 2.9px 2.7px -3.7px hsl(var(--shadow-color) / 0.4);--shadow-elevation-medium:
        0px 0.6px 0.6px hsl(var(--shadow-color) / 0.76),
        0.1px 1.7px 1.6px -1.2px hsl(var(--shadow-color) / 0.63),
        0.4px 5.4px 5.1px -2.5px hsl(var(--shadow-color) / 0.51),
        1px 14.7px 13.8px -3.7px hsl(var(--shadow-color) / 0.38);--shadow-elevation-high:
        0px 0.6px 0.6px hsl(var(--shadow-color) / 0.81),
        0.2px 3.2px 3px -0.6px hsl(var(--shadow-color) / 0.73),
        0.5px 7.3px 6.9px -1.2px hsl(var(--shadow-color) / 0.65),
        1.1px 15.2px 14.3px -1.9px hsl(var(--shadow-color) / 0.58),
        2.1px 29.4px 27.6px -2.5px hsl(var(--shadow-color) / 0.5),
        3.7px 52.1px 49px -3.1px hsl(var(--shadow-color) / 0.42),
        6.1px 85.7px 80.5px -3.7px hsl(var(--shadow-color) / 0.35)}:root{--bg: #0b0f14;--bg-2: #0f141b;--panel: #0e141b;--panel-2: #101821;--text: #e9f1ff;--muted: #8aa0b6;--accent: #4ea3ff;--tile: #121a23;--tile-hover: #182231;--ring: rgba(78, 163, 255, .35);--border: #1a2330}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 75% 20%, #0c1420, #070b10 60%, #05080c 100%),var(--bg);color:var(--text);font:16px/1.5 ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji"}.rq-wrap{display:grid;grid-template-columns:320px 1fr;min-height:calc(100vh - 2rem);gap:0;padding:1rem 0}.rq-sidebar{height:calc(100vh - 2rem);position:sticky;top:1rem;margin-left:1rem;padding:.75rem;background:linear-gradient(180deg, var(--panel), var(--panel-2));border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 40px rgba(0,0,0,0.35);overflow:auto}.rq-sidebar .rq-brand{display:flex;gap:.6rem;align-items:center;padding:.35rem .35rem .6rem;border-bottom:1px solid var(--border);margin-bottom:.5rem}.rq-sidebar .rq-brand .rq-logo{font-size:1.2rem;opacity:.9}.rq-sidebar .rq-brand .rq-title{font-weight:700;letter-spacing:.03em}.rq-sidebar .rq-brand .rq-subtitle{margin-top:-.25rem;font-size:1.05rem;opacity:.9}.rq-sidebar .rq-list{display:grid;gap:.6rem;margin-top:.6rem}.rq-item{user-select:none;cursor:pointer;background:var(--tile);border:1px solid var(--border);border-radius:12px;padding:.9rem;transition:transform .12s ease, background .12s ease, border-color .12s ease, box-shadow .12s ease;display:grid;gap:.6rem}.rq-item:hover{background:var(--tile-hover);transform:translateY(-1px)}.rq-item.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--ring)}.rq-item .rq-tile-main{display:block;text-decoration:none;color:inherit}.rq-item .rq-tile-main:focus{outline:2px solid var(--ring);outline-offset:2px}.rq-item .rq-tile-main:focus{outline:none}.rq-item .rq-tile-title{font-weight:700;letter-spacing:.02em;margin-bottom:.35rem}.rq-item .rq-tile-desc{margin:.1rem 0 0;color:var(--muted);font-size:.92rem}.rq-item .rq-meta{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-top:.75rem}.rq-item .rq-meta .rq-tile-tags{display:flex;flex-wrap:wrap;gap:.35rem}.rq-item .rq-meta .rq-badge{border:1px solid var(--ring);border-radius:.5rem;display:inline-block;padding:.15rem .5rem;font-size:.75rem;letter-spacing:.04em;text-transform:lowercase;background:rgba(78,163,255,0.12);color:var(--accent)}.rq-item .rq-meta .rq-blog-link{border:1px solid var(--ring);border-radius:.5rem;font-size:.75rem;white-space:nowrap;color:var(--accent);text-decoration:none;padding:.15rem .5rem;transition:background .15s ease, color .15s ease}.rq-item .rq-meta .rq-blog-link:hover{background:var(--accent);color:#fff}.rq-stage{padding:0 1rem 0 .75rem;display:flex;flex-direction:column;min-height:calc(100vh - 2rem)}.rq-stage .rq-stage-bar{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem .6rem 1rem;margin-bottom:.6rem}.rq-stage .rq-stage-bar .rq-stage-title{font-weight:700;letter-spacing:.02em}.rq-stage .rq-stage-bar .rq-btn{appearance:none;border:1px solid var(--ring);border-radius:.5rem;border-color:var(--border);background:var(--panel);color:var(--text);padding:.4rem .6rem;cursor:pointer}.rq-stage .rq-stage-bar .rq-btn[disabled]{opacity:.5;cursor:not-allowed}.rq-stage .rq-iframe-wrap{position:relative;background:#03060a;border:1px solid var(--border);border-radius:12px;overflow:hidden;flex:1 1 auto;min-height:400px;box-shadow:0 8px 40px rgba(0,0,0,0.35) inset}.rq-stage .rq-iframe-wrap #rq-iframe{width:100%;height:100%;display:block;border:0;background:transparent}.rq-stage .rq-iframe-wrap .rq-blank{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);pointer-events:none}.rq-stage .rq-noscript{margin-top:1rem;background:var(--panel);border:1px solid var(--border);padding:1rem;border-radius:10px}@media (max-width: 900px){.rq-wrap{grid-template-columns:1fr;gap:1rem}.rq-sidebar{position:relative;height:auto;top:auto;margin:0 1rem}.rq-stage{padding:0 1rem 1rem}}

/*# sourceMappingURL=demos.css.map */