.hero-canvas[data-astro-cid-up6vlkyl]{aspect-ratio:4;width:100%}canvas[data-astro-cid-up6vlkyl]{width:100%;height:100%;image-rendering:pixelated;display:block}:root{--bg:#1e1e1e;--fg:#d4d4d4;--strong:#fff;--muted:#a6a6a6;--line:#2b2b2b;--accent:#3794ff;--side:#252526;--side-fg:#ccc;--bar:#333;--bar-fg:#858585;--title:#1f1f1f;--tabs:#252526;--tab:#2d2d2d;--tab-fg:#969696;--hover:#2a2d2e;--sel:#04395e;--status:#007acc;--widget:#252526;--widget-line:#454545;--input:#3c3c3c;--code-bg:#2d2d2d;--gutter:#6e7681;--curline:#282828;--rule:#333;--t-k:#569cd6;--t-ctl:#c586c0;--t-s:#ce9178;--t-n:#b5cea8;--t-p:#9cdcfe;--t-v:#4fc1ff;--t-f:#dcdcaa;--t-c:#6a9955;--t-t:#4ec9b0;--ok:#23d18b;--err:#f14c4c;--font-mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Consolas, Menlo, monospace;--font-sans:system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}html.light{--bg:#fff;--fg:#3b3b3b;--strong:#1f1f1f;--muted:#767676;--line:#e5e5e5;--accent:#005fb8;--side:#f8f8f8;--side-fg:#3b3b3b;--bar:#f8f8f8;--bar-fg:#8a8a8a;--title:#f8f8f8;--tabs:#f8f8f8;--tab:#f8f8f8;--tab-fg:#868686;--hover:#f0f0f0;--sel:#e4e6f1;--status:#005fb8;--widget:#f8f8f8;--widget-line:#d0d0d0;--input:#fff;--code-bg:#f0f0f0;--gutter:#9a9a9a;--curline:#f5f5f5;--rule:#e5e5e5;--t-k:#00f;--t-ctl:#af00db;--t-s:#a31515;--t-n:#098658;--t-p:#001080;--t-v:#0070c1;--t-f:#795e26;--t-c:green;--t-t:#267f99;--ok:#107c10;--err:#cd3131;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font:14px/1.5 var(--font-sans);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}kbd{font:11px var(--font-mono);border:1px solid var(--widget-line);background:var(--code-bg);border-bottom-width:2px;border-radius:3px;padding:1px 5px}code{font-family:var(--font-mono);background:var(--code-bg);border-radius:3px;padding:1px 4px;font-size:.92em}svg{fill:currentColor;width:16px;height:16px}.spacer{flex:1}.ide,.ide *{transition:background-color .25s,border-color .25s,color .25s}.ide{grid-template-rows:32px minmax(0,1fr) 22px;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.titlebar{background:var(--title);border-bottom:1px solid var(--line);align-items:center;gap:16px;min-width:0;padding:0 12px;display:flex;overflow:hidden}.dots{gap:8px;display:flex}.dots span{background:#ff5f57;border-radius:50%;width:12px;height:12px}.dots span:nth-child(2){background:#febc2e}.dots span:nth-child(3){background:#28c840}.menu{color:var(--side-fg);gap:14px;font-size:12px;display:flex}.command-center{background:var(--input);border:1px solid var(--widget-line);height:22px;color:var(--muted);border-radius:6px;flex:0 420px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:0 12px;font-size:12px;display:flex}.command-center:hover{color:var(--fg)}.command-center svg{width:12px;height:12px}.workbench{grid-template-columns:48px 260px minmax(0,1fr);min-height:0;display:grid}.ide.no-side .workbench{grid-template-columns:48px minmax(0,1fr)}.ide.no-side .sidebar{display:none}.activity{background:var(--bar);scrollbar-width:none;flex-direction:column;display:flex;overflow-y:auto}.act{height:48px;color:var(--bar-fg);border-left:2px solid #0000;flex:none;place-items:center;display:grid;position:relative}.act svg{width:24px;height:24px}.act:hover{color:var(--strong)}.act.active{color:var(--strong);border-left-color:var(--strong)}.badge{background:var(--status);color:#fff;min-width:16px;height:16px;font:700 9px/16px var(--font-sans);border-radius:8px;padding:0 4px;animation:.4s cubic-bezier(.3,1.6,.6,1) 1.2s both pop;position:absolute;bottom:8px;right:8px}.sidebar{background:var(--side);min-width:0;color:var(--side-fg);overflow:hidden}.view{flex-direction:column;height:100%;display:flex}.view[hidden]{display:none}.side-title{text-transform:uppercase;letter-spacing:.04em;padding:10px 20px;font-size:11px}.tree,.graph{flex:1;overflow-y:auto}.tree ul{margin:0;padding:0;list-style:none}.tree>ul>li{animation:.35s both slide-in;animation-delay:calc(var(--i) * 60ms + .15s)}.folder-name{padding:2px 8px;font-size:11px;font-weight:700}.tree summary{list-style:none}.tree summary::-webkit-details-marker{display:none}.folder,.file{text-align:left;white-space:nowrap;align-items:center;gap:6px;width:100%;height:22px;padding-left:20px;display:flex}.folder{cursor:pointer}.folder:before{content:"›";width:10px;transition:transform .15s;display:inline-block}details[open]>.folder:before{transform:rotate(90deg)}.file{padding-left:38px}.file.top{padding-left:20px}.folder:hover,.file:hover{background:var(--hover)}.file.active{background:var(--sel);outline:1px solid var(--accent);outline-offset:-1px;color:var(--strong)}[data-icon]:before{width:22px;font:700 9px var(--font-mono);text-align:center;flex:none}[data-icon=md]:before{content:"M↓";color:#519aba}[data-icon=json]:before{content:"{}";color:#cbcb41}[data-icon=sh]:before{content:"$_";color:#89e051}[data-icon=yml]:before{content:"YML";color:#cb171e;font-size:8px}[data-icon=js]:before{content:"JS";color:#e8d44d}[data-icon=jsx]:before{content:"⚛";color:#61dafb;font-size:13px}[data-icon=lua]:before{content:"☾";color:#51a0cf;font-size:13px}[data-icon=cbl]:before{content:"CBL";color:#ad8a5f;font-size:8px}.side-foot{color:var(--muted);border-top:1px solid var(--line);padding:12px 20px;font-size:12px}.side-foot p{margin:0}.graph{margin:0;padding:4px 0 16px;list-style:none}.graph li{position:relative}.graph li:before{content:"";background:var(--accent);transform-origin:top;width:2px;animation:.3s both grow;animation-delay:calc(var(--i) * 90ms);position:absolute;top:0;bottom:0;left:25px}.graph li:first-child:before{top:14px}.graph li:last-child:before{bottom:calc(100% - 14px)}.graph button{text-align:left;grid-template-columns:22px 1fr;column-gap:10px;width:100%;padding:6px 12px 6px 16px;display:grid}.graph button:hover{background:var(--hover)}.graph .node{background:var(--side);border:2px solid var(--accent);z-index:1;width:12px;height:12px;animation:.35s cubic-bezier(.3,1.6,.6,1) both pop;animation-delay:calc(var(--i) * 90ms + .12s);border-radius:50%;grid-row:span 2;margin:3px 0 0 4px;position:relative}.graph .feat .node{background:var(--accent)}.graph .wip .node{border-style:dashed;animation:.35s both pop,1.6s 1.5s infinite pulse}.graph .release .node{background:var(--ok);border-color:var(--ok)}.graph .msg{color:var(--strong);font-size:12.5px;line-height:1.35}.graph .msg b{color:var(--t-ctl);font-weight:600}.graph .when{font:11px var(--font-mono);color:var(--muted);margin-top:2px}.graph .head{background:var(--status);color:#fff;font:600 10px/16px var(--font-sans);border-radius:3px;margin-left:6px;padding:0 5px;display:inline-block}.editor-col{flex-direction:column;min-width:0;min-height:0;display:flex}.tabs{background:var(--tabs);scrollbar-width:none;flex:none;height:35px;display:flex;overflow-x:auto}.tab{background:var(--tab);height:100%;color:var(--tab-fg);border-right:1px solid var(--tabs);white-space:nowrap;cursor:pointer;align-items:center;gap:4px;padding:0 6px 0 10px;animation:.18s ease-out tab-in;display:flex}.tab.active{background:var(--bg);color:var(--strong);box-shadow:inset 0 1px 0 var(--accent)}.tab .x{text-align:center;visibility:hidden;border-radius:4px;width:20px;height:20px;line-height:20px}.tab.active .x,.tab:hover .x{visibility:visible}.tab .x:hover{background:var(--hover)}.crumbs-row{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:12px;min-height:30px;padding:0 12px 0 16px;display:flex}.crumbs{min-width:0;color:var(--muted);white-space:nowrap;flex:1;align-items:center;gap:4px;font-size:12px;display:flex;overflow:hidden}.mode{background:var(--code-bg);border-radius:6px;flex:none;padding:2px;display:flex}.mode[hidden]{display:none}.mode button{color:var(--muted);border-radius:4px;padding:2px 10px;font-size:12px}.mode button.on{background:var(--accent);color:#fff}.ide:not(.mode-code) .code ol,.ide.mode-code .code .doc{display:none}.doc{max-width:68ch;color:var(--fg);padding:32px 40px 64px;font-size:16px;line-height:1.7}.doc .eyebrow{font:600 12px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin:0}.doc h1{color:var(--strong);margin:6px 0 4px;font-size:2em;line-height:1.2}.doc h2{color:var(--strong);margin:28px 0 10px;font-size:1.05em}.doc .sub{color:var(--muted);margin:0 0 20px;font-size:1.1em}.doc .muted{color:var(--muted)}.doc .tasks{margin:0;padding:0;list-style:none}.doc .tasks li{border-bottom:1px solid var(--line);padding:8px 0 8px 22px;position:relative}.doc .tasks li:before{content:"›";color:var(--accent);font-weight:700;position:absolute;left:4px}.doc .chips{flex-wrap:wrap;gap:8px;margin:20px 0 0;display:flex}.doc .chips span{background:var(--code-bg);border:1px solid var(--line);border-radius:999px;padding:3px 10px;font-size:13px;transition:transform .15s,border-color .15s}.doc .chips span:hover{border-color:var(--accent);transform:translateY(-2px)}.doc section h2{margin-top:24px}.doc .video{margin:0 0 24px}.doc .video video{aspect-ratio:16/9;border:1px solid var(--widget-line);background:#000;border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 12px 32px -12px #000a}.doc .video figcaption{color:var(--muted);margin-top:6px;font-size:12px}.doc .status{background:var(--ok);color:#fff;text-transform:none;letter-spacing:0;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:11px}.doc .status.wip{background:#d18616}.doc .timeline{border-left:2px solid var(--accent);margin:16px 0 0;padding:0 0 0 18px;list-style:none}.doc .timeline li{flex-direction:column;padding:0 0 18px 8px;display:flex;position:relative}.doc .timeline li:before{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-26px}.doc .timeline .when{font:12px var(--font-mono);color:var(--muted)}.doc .langs{margin:0;padding:0;list-style:none}.doc .langs li{grid-template-columns:90px 1fr 60px;align-items:center;gap:12px;padding:6px 0;display:grid}.doc .bar{background:var(--code-bg);border-radius:3px;height:6px;overflow:hidden}.doc .bar i{height:100%;width:var(--w);background:var(--accent);border-radius:3px;display:block}.reveal .doc .bar i{animation:.9s cubic-bezier(.2,.8,.2,1) .3s both fill}.doc .actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.doc .btn{border:1px solid var(--widget-line);background:var(--code-bg);color:var(--fg);border-radius:6px;padding:8px 14px;font-size:14px;text-decoration:none}.doc .btn:hover{border-color:var(--accent);color:var(--strong)}.doc .btn.primary{background:var(--status);border-color:var(--status);color:#fff}.reveal .doc>*{animation:.4s both fade-up}.reveal .doc>:nth-child(2){animation-delay:60ms}.reveal .doc>:nth-child(3){animation-delay:.12s}.reveal .doc>:nth-child(n+4){animation-delay:.18s}.reveal .doc .tasks li{animation:.35s both fade-up}.reveal .doc .tasks li:nth-child(2){animation-delay:.25s}.reveal .doc .tasks li:nth-child(3){animation-delay:.3s}.reveal .doc .tasks li:nth-child(4){animation-delay:.35s}.reveal .doc .tasks li:nth-child(n+5){animation-delay:.4s}.crumbs span+span:before{content:"›";margin-right:4px}.panes{flex:1;min-height:0;position:relative}.pane{position:absolute;inset:0;overflow:auto}.pane[hidden]{display:none}.code ol{font:15px/23px var(--font-mono);counter-reset:ln;margin:0;padding:8px 16px 40px 0;list-style:none}.code ol>li{counter-increment:ln;white-space:pre-wrap;overflow-wrap:anywhere;display:flex}.code ol>li>span{min-width:0}.code ol>li:before{content:counter(ln);text-align:right;width:64px;color:var(--gutter);user-select:none;flex:none;padding-right:24px}.code ol>li.cur{background:var(--curline)}.code ol>li.cur:before{color:var(--fg)}.code ol>li:last-child>span:after{content:"";vertical-align:-3px;background:var(--strong);width:2px;height:19px;margin-left:1px;animation:1.1s step-end infinite blink;display:inline-block}.pane.reveal li{animation:.35s both type-in;animation-delay:calc(var(--i) * 45ms)}.code a{text-decoration:none}.code a:hover{text-decoration:underline}.code .skill{cursor:default;border-radius:3px}.code .skill:hover{background:color-mix(in srgb, var(--accent) 22%, transparent);outline:1px solid var(--accent)}.t-k{color:var(--t-k)}.t-ctl{color:var(--t-ctl)}.t-s{color:var(--t-s)}.t-n{color:var(--t-n)}.t-p{color:var(--t-p)}.t-v{color:var(--t-v)}.t-f{color:var(--t-f)}.t-c{color:var(--t-c);font-style:italic}.t-t{color:var(--t-t)}.preview .md{max-width:72ch;padding:24px 40px 64px;font-size:16px;line-height:1.7}.md h1{border-bottom:1px solid var(--rule);color:var(--strong);padding-bottom:.3em;font-size:2em}.md h1.name{border:0;margin:4px 0 0;padding:0}.md h2{border-bottom:1px solid var(--rule);color:var(--strong);margin-top:1.6em;padding-bottom:.3em;font-size:1.4em}.md a,.inline-link{color:var(--accent);text-decoration:none}.md a:hover,.inline-link:hover{text-decoration:underline}.md .lead{color:var(--muted);margin-top:2px;font-size:1.15em}.md .meta{color:var(--muted);margin-bottom:0;font-size:12px}.md pre{background:var(--code-bg);padding:16px;overflow-x:auto}.md img{max-width:100%}.preview.reveal .md>*{animation:.45s both fade-up}.preview.reveal .md>:nth-child(2){animation-delay:.1s}.preview.reveal .md>:nth-child(3){animation-delay:.15s}.preview.reveal .md>:nth-child(n+4){animation-delay:.25s}.badges{flex-wrap:wrap;gap:6px;display:flex}.badges span{font:600 11px/20px var(--font-sans);color:#fff;background:var(--status);animation:.35s both pop;animation-delay:calc(var(--i) * 70ms + .4s);border-radius:3px;padding-right:7px;display:inline-flex;overflow:hidden}.badges i{background:#555;margin-right:6px;padding:0 6px;font-style:normal}.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:24px 0 8px;display:grid}.stats div{border:1px solid var(--rule);border-radius:6px;padding:12px 14px;transition:transform .2s,border-color .2s}.stats div:hover{border-color:var(--accent);transform:translateY(-2px)}.stats b{font:700 22px var(--font-mono);color:var(--accent);display:block}.stats span{color:var(--muted);font-size:12px}.empty{text-align:center;color:var(--muted);place-items:center;display:grid}.empty .big{font:700 48px var(--font-mono);opacity:.25;margin:0 0 12px}.panel{border-top:1px solid var(--widget-line);flex-direction:column;flex:none;height:clamp(120px,28vh,220px);display:flex}.ide.no-panel .panel{display:none}.panel-head{align-items:center;height:34px;padding:0 12px 0 20px;display:flex}.panel-tab{text-transform:uppercase;letter-spacing:.04em;color:var(--strong);border-bottom:1px solid var(--strong);padding:4px 0;font-size:11px}.panel-close{width:22px;height:22px;color:var(--muted);border-radius:4px;font-size:16px}.panel-close:hover{background:var(--hover)}.term{font:14px/21px var(--font-mono);flex:1;padding:0 20px 8px;overflow-y:auto}.term p{white-space:pre-wrap;margin:0}.term p.boot{animation:.25s both fade-up}.term .dim{color:var(--muted)}.term a{color:var(--accent)}.term form{gap:8px;display:flex}.term .u,.term .ok{color:var(--ok)}.term .d{color:var(--accent)}.term .y{color:var(--t-f)}.term input{min-width:0;color:var(--fg);font:inherit;caret-color:var(--strong);background:0 0;border:0;outline:none;flex:1}.term .err{color:var(--err)}.statusbar{background:var(--status);color:#fff;align-items:center;gap:2px;min-width:0;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.sb-item{white-space:nowrap;padding:0 6px;line-height:22px}button.sb-item:hover{background:#ffffff1f}.toast{z-index:9;background:var(--widget);border:1px solid var(--widget-line);border-radius:6px;width:min(380px,100vw - 32px);padding:12px 14px;animation:.35s cubic-bezier(.2,1.3,.4,1) both toast-in;position:fixed;bottom:34px;right:16px;box-shadow:0 6px 20px #0006}.toast[hidden]{display:none}.toast.out{animation:.2s both toast-out}.toast p{gap:10px;margin:0 0 10px;display:flex}.toast .info{background:var(--accent);color:#fff;text-align:center;border-radius:50%;flex:none;width:18px;height:18px;font:700 11px/18px serif}.toast-actions{justify-content:flex-end;gap:8px;display:flex}.toast-actions button{border-radius:3px;padding:3px 10px}.toast .primary{background:var(--status);color:#fff}.toast .ghost{background:var(--input)}.palette{z-index:10;position:fixed;inset:0}.palette[hidden]{display:none}.palette-box{background:var(--widget);border:1px solid var(--widget-line);border-radius:6px;width:min(600px,100vw - 32px);padding:6px;animation:.15s ease-out drop;position:absolute;top:40px;left:50%;translate:-50%;box-shadow:0 8px 24px #0009}.palette input{background:var(--input);border:1px solid var(--accent);width:100%;height:28px;color:var(--fg);font:inherit;border-radius:2px;outline:none;padding:0 8px}.palette ul{max-height:50vh;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.palette li{cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:3px 8px;display:flex}.palette li small{color:var(--muted)}.palette li.sel{background:var(--sel);outline:1px solid var(--accent);outline-offset:-1px}.search-box{padding:0 12px 8px 20px}.search-box input{background:var(--input);border:1px solid var(--widget-line);width:100%;height:28px;color:var(--fg);font:inherit;border-radius:2px;outline:none;padding:0 8px}.search-box input:focus{border-color:var(--accent)}.search-summary{color:var(--muted);margin:8px 0 0;font-size:12px}.search-results{flex:1;margin:0;padding:0 0 16px;list-style:none;overflow-y:auto}.search-results ul{margin:0;padding:0;list-style:none}.sr-file{color:var(--strong);align-items:baseline;gap:6px;padding:4px 12px 2px 20px;font-weight:600;display:flex}.sr-file small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.sr-file em{background:var(--code-bg);border-radius:8px;margin-left:auto;padding:0 6px;font-size:11px;font-style:normal}.search-results button{text-align:left;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--side-fg);padding:2px 12px 2px 34px;font-size:12.5px;display:block;overflow:hidden}.search-results button:hover{background:var(--hover)}.search-results mark,mark.hit{color:inherit;background:#ea5c0073;border-radius:2px;outline:1px solid #ea5c0099}.file[data-hits]:after{content:attr(data-hits);color:#fff;min-width:18px;font:600 10px/16px var(--font-sans);text-align:center;background:#ea5c00;border-radius:9px;margin-left:auto;margin-right:12px;padding:0 5px;animation:.25s both pop}.file[data-hits]{color:var(--strong)}.flash{animation:1.2s ease-out flash}.secrets-title,.secrets b{font-family:"Silkscreen", var(--font-mono)}.secrets-title{letter-spacing:.06em;justify-content:space-between;font-size:13px;display:flex}.secrets{flex:1;margin:0;padding:0 12px 16px 20px;list-style:none;overflow-y:auto}.secrets li{border:1px dashed var(--widget-line);border-radius:4px;flex-direction:column;margin-bottom:6px;padding:8px 10px;display:flex}.secrets b{letter-spacing:.04em;color:var(--muted);font-size:13px;font-weight:400}.secrets span{color:var(--muted);font-size:12px;font-style:italic}.secrets li.found{border:1px solid color-mix(in srgb, var(--ok) 50%, transparent);background:color-mix(in srgb, var(--ok) 8%, transparent)}.secrets li.found b{color:var(--ok)}.secrets li.found span{color:var(--fg);font-style:normal}.badge.gold{background:#d4a72c}.badge[hidden]{display:none}.achv{z-index:20;background:var(--widget);max-width:calc(100vw - 32px);color:var(--strong);border:1px solid #d4a72c;border-radius:8px;align-items:center;gap:12px;padding:10px 18px 10px 12px;display:flex;position:fixed;top:44px;left:50%;translate:-50%;box-shadow:0 8px 28px #0008}.achv[hidden]{display:none}.achv.in{animation:3.8s both achv}.achv .trophy{font-size:26px}.achv small{color:var(--muted);font-size:11px;display:block}.achv b{font:400 16px "Silkscreen", var(--font-mono);color:#d4a72c;letter-spacing:.04em}.confetti{z-index:30;pointer-events:none;width:9px;height:9px;animation:2s ease-in both confetti;position:fixed;top:-12px}.matrix{z-index:4;pointer-events:none;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.matrix.out{opacity:0}.md.knock{animation:.35s knock}#pixel-hero{cursor:pointer}.avail i{background:#3fdc8a;border-radius:50%;width:8px;height:8px;margin-right:4px;animation:2s infinite beacon;display:inline-block}.pdf{background:var(--side);flex-direction:column;display:flex}.pdf[hidden]{display:none}.pdf-bar{border-bottom:1px solid var(--line);color:var(--muted);flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.pdf-btn{background:var(--input);color:var(--fg);border-radius:4px;padding:4px 12px;text-decoration:none}.pdf-btn.primary{background:var(--status);color:#fff}.pdf-btn:hover{filter:brightness(1.15)}.pdf-stage{flex:1;min-height:0;padding:16px;overflow:hidden}.pdf-stage iframe{background:#e9e9e9;border:0;border-radius:2px;width:100%;height:100%;display:block}[data-icon=pdf]:before{content:"PDF";color:#f14c4c;font-size:8px}@keyframes flash{0%,30%{background:#ea5c004d}}@keyframes achv{0%{opacity:0;transform:translateY(-16px)scale(.9)}8%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@keyframes confetti{to{transform:translateY(105vh) rotate(var(--r))}}@keyframes knock{30%{transform:translateY(4px)rotate(-.5deg)}60%{transform:translateY(-2px)rotate(.4deg)}}@keyframes beacon{0%{box-shadow:0 0 #3fdc8a99}70%,to{box-shadow:0 0 0 6px #3fdc8a00}}.ide.shake{animation:.5s shake}@keyframes type-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}@keyframes slide-in{0%{opacity:0;transform:translate(-10px)}}@keyframes tab-in{0%{opacity:0;transform:translateY(6px)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}}@keyframes fill{0%{width:0}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes blink{50%{opacity:0}}@keyframes pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 25%, transparent)}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}@keyframes toast-in{0%{opacity:0;transform:translateY(24px)scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(12px)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-8px)rotate(-.4deg)}40%,60%{transform:translate(8px)rotate(.4deg)}}@media (width<=1100px){.workbench{grid-template-columns:48px 220px minmax(0,1fr)}.hide-md{display:none}.menu{gap:10px}.preview .md,.doc{padding-left:28px;padding-right:28px}}@media (width<=767px),(height<=500px){.menu,.hide-sm,.hide-md,.dots{display:none}.titlebar{padding:0 8px}.mode button{padding:2px 8px}.crumbs-row{padding:0 8px 0 12px}.pdf-bar{padding:8px 12px}.pdf-stage{padding:8px}.achv{top:40px}.command-center{margin:0 auto}.workbench,.ide.no-side .workbench{grid-template-columns:48px minmax(0,1fr);position:relative}.sidebar{z-index:5;width:min(280px,100vw - 64px);position:absolute;top:0;bottom:0;left:48px;box-shadow:4px 0 16px #0008}.preview .md{padding:16px 16px 48px}.code ol{font-size:13px;line-height:20px}.doc{padding:20px 16px 48px;font-size:15px}.doc .langs li{grid-template-columns:76px 1fr 48px}.code ol>li:before{width:36px;padding-right:12px}.term{padding:0 12px 8px}.toast{width:calc(100vw - 24px);bottom:30px;right:12px}.stats{grid-template-columns:1fr 1fr}}@media (height<=500px){.act{height:40px}.act svg{width:20px;height:20px}.panel{height:120px}.panel-head{height:28px}}@media (width<=360px){.crumbs{display:none}.crumbs-row{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}