:root{--cream: #F5F0E6;--cream-2: #EDE6D6;--paper: #FBF7EE;--ink: #1A1A1A;--ink-2: #3A3530;--muted: #7C736A;--orange: oklch(75% .18 50);--green: oklch(78% .16 145);--blue: oklch(75% .14 240);--purple: oklch(72% .16 305);--yellow: oklch(88% .16 90);--pink: oklch(78% .15 0);--teal: oklch(78% .12 195);--orange-d: oklch(62% .18 50);--green-d: oklch(58% .16 145);--blue-d: oklch(55% .16 240);--purple-d: oklch(52% .18 305);--shadow-hard: 3px 3px 0 var(--ink);--shadow-hard-sm: 2px 2px 0 var(--ink);--shadow-hard-lg: 5px 5px 0 var(--ink);--font-ui: "Inter Tight", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-hand: "Caveat", cursive}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--cream);background-image:radial-gradient(rgba(26,26,26,.05) 1px,transparent 1px);background-size:18px 18px;-webkit-font-smoothing:antialiased;overflow:hidden}button{font-family:inherit;cursor:pointer}input,button{font-family:inherit}.topbar{background:var(--paper);border-bottom:1.5px solid var(--ink);display:flex;align-items:center;padding:0 16px;gap:12px;height:52px;flex-shrink:0;overflow:hidden;white-space:nowrap;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;font-size:16px}.brand-mark{width:26px;height:26px;border:1.5px solid var(--ink);background:var(--orange);border-radius:6px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:14px;box-shadow:2px 2px 0 var(--ink);transform:rotate(-3deg)}.topbar-route{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.topbar-sep{color:var(--muted);font-size:14px}.topbar-tag{font-family:var(--font-hand);font-size:18px;color:var(--muted)}.topbar-tagline{font-family:var(--font-hand);font-size:16px;color:var(--muted)}.canvas-apoie-btn{display:none}.apoie-btn{display:inline-flex;align-items:center;gap:5px;background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:5px 14px;font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform 80ms,box-shadow 80ms,background 80ms;white-space:nowrap}.apoie-btn:hover{background:#ffb1e5;background:oklch(85% .15 340);transform:translate(-1px,-1px);box-shadow:var(--shadow-hard)}.apoie-btn:active{transform:translate(1px,1px);box-shadow:none}.apoie-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:tooltipIn .16s ease forwards}.apoie-modal{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:16px;box-shadow:var(--shadow-hard);padding:32px 28px 28px;max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.apoie-modal-close{position:absolute;top:12px;right:14px;background:transparent;border:1.5px solid var(--ink);border-radius:6px;padding:2px 8px;font-size:13px;cursor:pointer;color:var(--ink)}.apoie-modal-close:hover{background:var(--cream-2)}.apoie-modal-icon{font-size:40px;line-height:1;color:#c841a5}.apoie-modal-title{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.apoie-modal-body{font-size:14px;line-height:1.6;color:var(--ink-2);margin:0}.apoie-modal-cta{display:inline-flex;align-items:center;gap:8px;background:#845cf7;color:#fff;border:2px solid var(--ink);border-radius:24px;padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:var(--shadow-hard);transition:transform 80ms,box-shadow 80ms}.apoie-modal-cta:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.apoie-modal-cta:active{transform:translate(1px,1px);box-shadow:none}.apoie-modal-note{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin:0}.brand-sub{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.topbar-tabs{display:flex;align-items:stretch;gap:4px;height:100%;margin-left:12px}.topbar-tab{display:inline-flex;align-items:center;gap:6px;padding:0 16px;height:100%;border:0;background:transparent;font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;position:relative;border-bottom:2.5px solid transparent;transition:color .12s,border-color .12s,background .12s;white-space:nowrap}.topbar-tab:hover{color:var(--ink);background:var(--cream)}.topbar-tab.active{color:var(--ink);border-bottom-color:var(--orange);background:var(--cream)}.tab-glyph{font-family:var(--font-mono);font-size:13px}.pill-button{border:1.5px solid var(--ink);border-radius:8px;background:var(--orange);color:var(--ink);padding:7px 14px;font-weight:700;font-size:13px;box-shadow:var(--shadow-hard-sm);transition:transform 80ms,box-shadow 80ms}.pill-button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.pill-button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.pill-button[disabled]{opacity:.5;cursor:not-allowed;transform:none;box-shadow:var(--shadow-hard-sm)}.canvas-tool{border:1.5px solid var(--ink);background:var(--paper);padding:6px 10px;font-size:12px;font-weight:600;border-radius:6px;box-shadow:var(--shadow-hard-sm);display:inline-flex;align-items:center;gap:6px}.canvas-tool:hover{background:var(--yellow)}.canvas-tool.primary{background:var(--green)}.canvas-tool[disabled]{opacity:.5;cursor:not-allowed}.inline-btn{border:1.5px solid var(--ink);background:var(--paper);border-radius:5px;padding:3px 8px;font-family:var(--font-mono);font-size:11px;font-weight:600}.inline-btn:hover{background:var(--yellow)}.row-flex{display:flex;gap:6px;align-items:center;flex-wrap:wrap}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:var(--cream)}::-webkit-scrollbar-thumb{background:var(--cream-2);border:1.5px solid var(--ink);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--yellow)}@keyframes dashFlow{to{stroke-dashoffset:-36}}@keyframes comboIn{0%{transform:translate(-50%,16px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes celebPop{0%{transform:rotate(-2deg) scale(.6);opacity:0}to{transform:rotate(-2deg) scale(1);opacity:1}}@keyframes celebFade{0%,80%{opacity:1}to{opacity:0}}@keyframes tooltipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-shell{height:100vh;width:100vw;display:flex;flex-direction:column;overflow:hidden}.app-body{flex:1;position:relative;min-height:0}.missions-canvas-app{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:220px 1fr 300px;grid-template-rows:1fr 270px;grid-template-areas:"rail main insp" "rail preview insp";background:var(--cream);overflow:hidden}.missions-rail{grid-area:rail;border-right:1.5px solid var(--ink);background:var(--paper);overflow-y:auto;padding:14px 12px 24px}.missions-rail-head{padding:4px 4px 14px;border-bottom:1.5px dashed var(--ink);margin-bottom:14px;line-height:1.2}.missions-rail-head>div{white-space:nowrap}.missions-rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.mr-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid var(--ink);border-radius:7px;background:var(--cream);cursor:pointer;font-size:12px}.mr-item:hover:not(.locked){background:var(--cream-2);transform:translate(-1px,-1px);box-shadow:var(--shadow-hard-sm)}.mr-item.active{background:var(--yellow);box-shadow:var(--shadow-hard)}.mr-item.locked{opacity:.45;cursor:not-allowed}.mr-item.done .mr-num{background:var(--green)}.mr-num{font-family:var(--font-mono);font-size:11px;font-weight:700;border:1.5px solid var(--ink);padding:2px 6px;border-radius:4px;background:var(--paper);flex-shrink:0}.mr-body{flex:1;min-width:0}.mr-title{font-weight:700;font-size:12.5px}.mr-chapter{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.mr-status{font-family:var(--font-mono);font-size:12px;flex-shrink:0}.missions-main{grid-area:main;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.palette{background:var(--paper);border-bottom:1.5px solid var(--ink);padding:10px 16px 12px;display:grid;grid-template-columns:1.2fr 1fr 1.6fr;gap:16px}.palette-mission{padding-right:14px;border-right:1.5px dashed var(--ink)}.palette-mission-tag{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.palette-mission-title{font-size:17px;font-weight:800;letter-spacing:-.02em;margin:2px 0 3px}.palette-mission-brief{font-size:11.5px;line-height:1.45;color:var(--ink-2)}.palette-section{min-width:0}.palette-section-title{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:6px}.palette-hints-wrap{position:relative;cursor:pointer;border:1.5px solid var(--ink);border-radius:8px;padding:7px 10px;-webkit-user-select:none;user-select:none;transition:background .1s}.palette-hints-wrap:hover{background:var(--cream-2)}.palette-hints-wrap.all-done{cursor:default;opacity:.7}.palette-hints-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.hints-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.hints-badge{font-family:var(--font-mono);font-size:10px;background:var(--ink);color:var(--paper);border-radius:20px;padding:1px 7px}.palette-hint-panel{margin-top:8px;padding-top:8px;border-top:1px dashed var(--ink);display:flex;flex-direction:column;gap:6px}.hint-text{font-size:11.5px;line-height:1.45}.hint-cta{font-size:11px;color:var(--muted);font-style:italic}.hint-next{font-family:var(--font-mono);font-size:10px;color:var(--muted)}.hint-done{font-family:var(--font-mono);font-size:10px;color:var(--green-d)}.palette-grid{display:flex;flex-wrap:wrap;gap:5px}.palette-card{border:1.5px solid var(--ink);border-radius:7px;padding:5px 9px;display:flex;align-items:center;gap:5px;font-weight:600;font-size:12px;cursor:pointer;box-shadow:1.5px 1.5px 0 var(--ink);transition:transform 80ms,box-shadow 80ms}.palette-card:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-hard-sm)}.palette-glyph{font-family:var(--font-mono);font-weight:700;font-size:12px}.palette-cat{font-family:var(--font-mono);font-size:9px;opacity:.6;text-transform:uppercase;letter-spacing:.06em;margin-left:3px}.missions-canvas{position:relative;overflow:hidden}.missions-canvas-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(26,26,26,.1) 1px,transparent 1px);background-size:22px 22px;pointer-events:none}.cnode{position:absolute;border:1.5px solid var(--ink);border-radius:9px;background:var(--paper);box-shadow:var(--shadow-hard);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;z-index:2;transition:box-shadow .1s}.cnode:hover{box-shadow:var(--shadow-hard-lg);z-index:3}.cnode.selected{box-shadow:0 0 0 3px var(--yellow),var(--shadow-hard);z-index:4}.cnode.dragging{cursor:grabbing;transform:rotate(-1deg);z-index:5}.cnode.container{background:#a78bfa1a!important;border-style:dashed;z-index:1!important}.cnode.container.selected{box-shadow:0 0 0 3px var(--yellow)}.cnode-head{display:flex;align-items:center;gap:6px;padding:5px 8px;border-bottom:1.5px solid var(--ink);font-family:var(--font-mono);font-size:11px;border-radius:7px 7px 0 0}.cnode.container .cnode-head{border-radius:7px 7px 0 0;background:var(--purple)!important}.cnode-glyph{font-weight:700}.cnode-name{font-weight:700;flex:1}.cnode-cat{font-size:9px;opacity:.65;text-transform:uppercase;letter-spacing:.06em}.cnode-x{border:0;background:transparent;font-family:var(--font-mono);font-weight:700;font-size:14px;cursor:pointer;padding:0 2px;line-height:1}.cnode-x:hover{color:var(--pink)}.cnode-body{padding:6px 8px 8px}.cnode-prop{display:flex;align-items:center;gap:6px;margin-bottom:3px}.cnode-prop label{font-family:var(--font-mono);font-size:10px;color:var(--muted);min-width:50px}.cnode-prop input{flex:1;border:1px solid var(--ink);border-radius:4px;padding:2px 6px;font-family:var(--font-mono);font-size:11px;background:var(--cream);outline:none}.cnode-prop input:focus{background:var(--paper);box-shadow:1px 1px 0 var(--ink)}.cnode-prop.inline{margin:0}.cnode-prop.inline label{min-width:auto}.cnode-prop.inline input{width:90px;flex:none}.cnode-empty{font-family:var(--font-mono);font-size:10px;color:var(--muted);font-style:italic}.cnode-container-label{padding:6px 10px;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1.5px dashed rgba(26,26,26,.3)}.cnode-drop-hint{font-family:var(--font-hand);font-size:14px;color:var(--muted);text-align:center;padding:6px}.cnode-resize{position:absolute;right:0;bottom:0;width:14px;height:14px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--ink) 50%)}.cnode-port{position:absolute;top:50%;width:12px;height:12px;background:var(--ink);border-radius:50%;border:2px solid var(--paper);cursor:crosshair;transform:translateY(-50%);transition:background 80ms,transform 80ms}.cnode-port:hover{background:var(--green-d);transform:translateY(-50%) scale(1.35)}.port-out{right:-6px;background:var(--orange)}.port-out:hover{background:var(--orange);filter:brightness(1.3);transform:translateY(-50%) scale(1.35)}.port-in{left:-6px;background:var(--blue)}.port-in:hover{background:var(--blue);filter:brightness(1.3);transform:translateY(-50%) scale(1.35)}.missions-canvas .wires{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}.missions-canvas .wire{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:5 4;animation:dashFlow 1.2s linear infinite}.missions-canvas .wire.active{stroke:var(--green-d)}.missions-canvas .wire.draft{stroke:var(--orange-d);stroke-dasharray:3 3}.canvas-status{position:absolute;top:12px;right:12px;display:flex;gap:6px;z-index:5}.status-item{font-family:var(--font-mono);font-size:11px;background:var(--paper);border:1.5px solid var(--ink);padding:3px 9px;border-radius:5px;box-shadow:1.5px 1.5px 0 var(--ink);font-weight:600}.canvas-nav{position:absolute;bottom:16px;left:16px;display:flex;gap:6px;z-index:5}@keyframes bannerExit{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}.mission-done-banner{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:var(--yellow);border:2px solid var(--ink);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow-hard-lg);z-index:6;animation:comboIn .36s cubic-bezier(.2,1.6,.4,1) forwards,bannerExit .4s ease-in 2.6s forwards}.canvas-empty-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.empty-hint-card{border:1.5px dashed var(--ink);background:var(--paper);padding:22px 28px;border-radius:10px;text-align:center;line-height:1.4;max-width:460px}.empty-hint-card>div{line-height:1.4}.celebrate-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:100;pointer-events:none;animation:celebFade 2.4s ease-out}.celebrate-overlay .celebrate-card{border:2px solid var(--ink);background:var(--yellow);border-radius:14px;padding:22px 36px;text-align:center;box-shadow:8px 8px 0 var(--ink);transform:rotate(-2deg);animation:celebPop .48s cubic-bezier(.2,1.6,.4,1)}.inspector{border-left:1.5px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.missions-canvas-app>.inspector{grid-area:insp}.inspector-head{border-bottom:1.5px solid var(--ink);padding:12px 14px;display:flex;align-items:center;gap:8px;flex-shrink:0}.inspector-head h2{margin:0;font-size:14px;font-weight:800;letter-spacing:-.01em;flex:1}.inspector-head .badge{font-family:var(--font-mono);font-size:10px;background:var(--cream-2);border:1px solid var(--ink);border-radius:4px;padding:2px 6px}.inspector-empty{padding:24px 16px;font-family:var(--font-mono);font-size:12px;color:var(--muted);text-align:center}.inspector-empty .hand{font-family:var(--font-hand);font-size:24px;color:var(--ink);margin-top:8px;display:block}.inspector-content{padding:12px 14px 24px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.cat-chip{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--ink);border-radius:6px;padding:2px 7px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:600;box-shadow:1.5px 1.5px 0 var(--ink)}.section{border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;background:var(--cream);flex-shrink:0}.section-head{background:var(--cream-2);padding:5px 10px;border-bottom:1.5px solid var(--ink);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:6px;font-weight:700}.section-head .tag{margin-left:auto;font-size:9px;opacity:.7;font-weight:500}.section-body{padding:9px 11px;font-size:12px;line-height:1.5;color:var(--ink-2)}.section-body p{margin:0 0 6px}.section-body p:last-child{margin:0}.section-body strong{color:var(--ink);font-weight:700}.section-body .mistake{font-family:var(--font-hand);font-size:16px;color:var(--ink);background:var(--yellow);padding:2px 6px;border-radius:3px;display:inline-block}.code-block{font-family:var(--font-mono);font-size:11px;line-height:1.5;background:var(--cream-2);border:1px solid var(--ink);border-radius:6px;padding:8px 10px;white-space:pre;overflow-x:auto;margin:0}.code-block .kw{color:var(--purple-d);font-weight:600}.code-block .fn{color:var(--blue-d);font-weight:600}.code-block .str{color:var(--green-d)}.code-block .com{color:var(--muted);font-style:italic}.code-block .num{color:var(--orange-d)}.inspector .code-block,.tooltip .code-block{white-space:pre-wrap;overflow-wrap:break-word;overflow-x:hidden}.tooltip{position:fixed;z-index:1000;border:1.5px solid var(--ink);background:var(--paper);border-radius:10px;width:300px;max-width:90vw;box-shadow:var(--shadow-hard-lg);pointer-events:none;overflow:hidden;animation:tooltipIn .14s ease-out}.tooltip-head{padding:7px 12px;border-bottom:1.5px solid var(--ink);display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px}.tooltip-glyph{font-weight:700;font-size:13px}.tooltip-name{font-weight:700;font-size:13px;flex:1}.tooltip-cat{font-size:9px;opacity:.65;text-transform:uppercase;letter-spacing:.06em}.tooltip-body{padding:9px 12px}.tooltip-desc{font-size:12px;line-height:1.45;color:var(--ink-2)}.tooltip-when{font-family:var(--font-hand);font-size:16px;color:var(--ink);line-height:1.2;margin-top:7px;padding-top:7px;border-top:1px dashed var(--ink)}.tooltip-code{margin-top:8px}.pg-app{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:240px 1fr 300px;background:var(--cream);overflow:hidden}.pg-sidebar{border-right:1.5px solid var(--ink);background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.pg-sidebar-head{padding:14px 14px 10px;border-bottom:1.5px dashed var(--ink);flex-shrink:0}.pg-sidebar-title{font-size:16px;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:7px;margin-bottom:3px}.pg-sidebar-glyph{font-family:var(--font-mono);font-size:18px;color:var(--purple-d)}.pg-sidebar-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pg-search-wrap{position:relative;padding:10px 12px 8px;flex-shrink:0;border-bottom:1.5px solid var(--ink)}.pg-search{width:100%;border:1.5px solid var(--ink);border-radius:7px;background:var(--cream);padding:6px 30px 6px 10px;font-family:var(--font-mono);font-size:12px;color:var(--ink);outline:none;transition:box-shadow .12s}.pg-search::placeholder{color:var(--muted)}.pg-search:focus{box-shadow:2px 2px 0 var(--orange)}.pg-search-clear{position:absolute;right:20px;top:50%;transform:translateY(-50%);border:0;background:transparent;font-size:16px;cursor:pointer;color:var(--muted);line-height:1;padding:0}.pg-search-clear:hover{color:var(--ink)}.pg-palette-scroll{flex:1;min-height:0;overflow-y:auto;padding:8px 10px;display:block}.pg-group{flex-shrink:0;border:1.5px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--paper);box-shadow:2px 2px 0 var(--ink);margin-bottom:6px}.pg-group-header{display:flex;align-items:center;gap:8px;padding:8px 10px;font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--cat-color, var(--cream-2)) 40%,transparent)}.pg-group-icon{width:24px;height:24px;border-radius:6px;border:1.5px solid var(--ink);background:var(--cat-color, var(--cream-2));display:grid;place-items:center;font-family:var(--font-mono);font-size:12px;font-weight:700;box-shadow:1.5px 1.5px 0 var(--ink);flex-shrink:0}.pg-group-label{flex:1}.pg-group-count{background:var(--cat-color, var(--cream-2));border:1.5px solid var(--ink);border-radius:5px;padding:1px 7px;font-family:var(--font-mono);font-size:10px;font-weight:700;box-shadow:1px 1px 0 var(--ink)}.pg-group-chevron{font-size:15px;color:var(--muted);margin-left:2px;line-height:1}.pg-group-nodes{display:flex;flex-direction:column;border-top:1.5px solid var(--ink);padding:4px 0 6px}.pg-node-btn{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 14px;border:0;background:transparent;font-size:12.5px;font-weight:600;cursor:pointer;text-align:left;width:100%;color:var(--ink);transition:background 80ms}.pg-node-btn:hover{background:color-mix(in srgb,var(--cat-dot, var(--muted)) 12%,transparent)}.pg-node-btn:hover .pg-node-drag{opacity:1}.pg-node-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--cat-dot, var(--muted));border:1.5px solid var(--ink)}.pg-node-icon{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--ink);display:grid;place-items:center;font-family:var(--font-mono);font-size:11px;font-weight:700;box-shadow:1px 1px 0 var(--ink);flex-shrink:0}.pg-node-label{flex:1}.pg-node-drag{font-family:var(--font-mono);font-size:9px;letter-spacing:-2px;color:var(--muted);opacity:0;line-height:1;-webkit-user-select:none;user-select:none;transition:opacity 80ms}.pg-empty-search{padding:28px 16px;text-align:center;font-size:12px;color:var(--muted);font-family:var(--font-mono);line-height:1.6}.pg-sidebar-footer{padding:10px 12px 14px;border-top:1.5px solid var(--ink);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pg-stats{display:flex;gap:6px;justify-content:center}.pg-canvas-badge{position:absolute;bottom:16px;right:16px;font-family:var(--font-hand);font-size:18px;color:var(--muted);pointer-events:none;z-index:1}.empty-hint-headline{font-weight:700;font-size:15px;letter-spacing:-.01em}.preview-panel{grid-area:preview;border-top:1.5px solid var(--ink);display:flex;overflow:hidden;position:relative}.preview-panel-resize{position:absolute;top:-5px;left:0;right:0;height:10px;cursor:ns-resize;z-index:20}.preview-panel-resize:after{content:"";position:absolute;left:50%;transform:translate(-50%);top:3px;width:40px;height:3px;background:var(--ink);border-radius:99px;opacity:0;transition:opacity .15s}.preview-panel-resize:hover:after{opacity:.25}.preview-panel-side{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.preview-panel-side+.preview-panel-side{border-left:1.5px solid var(--ink)}.preview-side-head{display:flex;align-items:center;gap:6px;padding:0 10px;height:30px;flex-shrink:0;background:var(--cream-2);border-bottom:1.5px solid var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:700;-webkit-user-select:none;user-select:none}.psh-dot{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(0,0,0,.2);flex-shrink:0}.psh-dot-red{background:#ff6059}.psh-dot-yellow{background:var(--yellow)}.psh-dot-green{background:var(--green)}.psh-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.psh-code-glyph{font-size:12px;color:var(--muted)}.psh-badge{font-size:10px;background:var(--cream);border:1.5px solid var(--ink);border-radius:4px;padding:1px 6px;font-weight:600;white-space:nowrap}.preview-side-body{flex:1;overflow:auto;min-height:0}.preview-code-side .preview-side-head{background:#252526;color:#ccc;border-bottom-color:#3c3c3c}.preview-code-side .psh-badge{background:#3c3c3c;border-color:#555;color:#ccc}.preview-code-side .preview-side-body{background:#1e1e1e}.preview-code{margin:0;padding:10px 14px;font-family:var(--font-mono);font-size:11px;line-height:1.65;background:transparent;border:none;border-radius:0;white-space:pre;overflow:visible;color:#d4d0c8;display:block}.preview-code .kw{color:#569cd6;font-weight:600}.preview-code .fn{color:#dcdcaa}.preview-code .str{color:#ce9178}.preview-code .com{color:#6a9955;font-style:italic}.preview-code .num{color:#b5cea8}.lp-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-family:var(--font-mono);font-size:12px}.lp-empty-icon{font-size:32px;opacity:.4;line-height:1}.lp-empty-text{font-size:11px}.lp-runtime{min-height:100%;display:flex;flex-direction:column;gap:8px;padding:8px 10px;overflow-y:auto}.lp-hook-row{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}@keyframes lp-change{0%{transform:scale(1.1);box-shadow:0 0 0 3px var(--yellow),2px 2px 0 var(--ink)}to{transform:scale(1);box-shadow:1.5px 1.5px 0 var(--ink)}}.lp-hook-chip{display:inline-flex;align-items:center;gap:5px;border:1.5px solid var(--ink);border-radius:6px;padding:3px 8px;font-family:var(--font-mono);font-size:11px;font-weight:600;box-shadow:1.5px 1.5px 0 var(--ink);line-height:1}.lp-hook-chip.changed{animation:lp-change .4s ease-out forwards}.lp-hook-state{background:var(--yellow)}.lp-hook-effect{background:var(--blue)}.lp-hook-reducer{background:var(--purple)}.lp-hook-ctx{background:var(--teal)}.lp-hook-provider{background:#bc88f4}.lp-hook-fetch{background:var(--green)}.lp-hook-memo{background:var(--orange)}.lp-hook-cb{background:var(--pink)}.lp-hc-glyph{font-weight:800;font-size:12px}.lp-hc-deps{font-size:10px;opacity:.75;font-family:var(--font-mono)}.lp-hc-val{background:#0000001f;border-radius:4px;padding:0 5px;font-weight:800;font-size:12px;min-width:18px;text-align:center}.lp-hc-runs{font-size:10px;background:#0000001f;border-radius:4px;padding:0 5px}.lp-ui-area{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 14px;background:var(--paper);border:1.5px solid var(--ink);border-radius:8px;box-shadow:var(--shadow-hard-sm);min-height:52px;flex-shrink:0}.lp-ui-label{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;width:100%;margin-bottom:-4px}.lp-btn{border:1.5px solid var(--ink);border-radius:6px;background:var(--orange);padding:7px 18px;font-weight:700;font-size:13px;font-family:var(--font-ui);box-shadow:var(--shadow-hard-sm);cursor:pointer;transition:transform 60ms,box-shadow 60ms}.lp-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.lp-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.lp-input{border:1.5px solid var(--ink);border-radius:6px;padding:7px 10px;font-size:13px;font-family:var(--font-ui);background:var(--cream);outline:none;min-width:140px;transition:box-shadow .12s}.lp-input:focus{box-shadow:2px 2px 0 var(--orange)}@keyframes lp-flash{0%{background:var(--yellow);box-shadow:0 0 0 3px var(--yellow),var(--shadow-hard-sm)}to{background:var(--cream-2);box-shadow:var(--shadow-hard-sm)}}.lp-display{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--cream-2);border:1.5px solid var(--ink);border-radius:6px;box-shadow:var(--shadow-hard-sm)}.lp-display.changed{animation:lp-flash .5s ease-out forwards}.lp-display-label{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.lp-display-val{font-family:var(--font-mono);font-size:15px;font-weight:800}.lp-hooks-only{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:4px;padding:16px;min-height:60px}.lp-hooks-only-text{font-family:var(--font-hand);font-size:18px;color:var(--ink)}.lp-hooks-only-sub{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:center;line-height:1.5}.lp-effect-row{display:flex;flex-wrap:wrap;gap:4px}.lp-effect-badge{display:inline-flex;align-items:center;gap:5px;border:1.5px dashed var(--ink);border-radius:6px;padding:3px 8px;font-family:var(--font-mono);font-size:11px;background:var(--cream);color:var(--muted)}.lp-effect-badge code{font-family:var(--font-mono);font-size:10px}.lp-cleanup-tag{color:var(--green-d);font-weight:700}.lp-fetch-tag{color:var(--blue-d);font-weight:700}.missions-rail-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.palette-mobile-header{display:none;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1.5px dashed var(--ink)}.palette-drag-handle{width:40px;height:4px;background:var(--ink);border-radius:99px;opacity:.25;flex-shrink:0}.palette-close-btn{font-family:var(--font-mono);font-size:11px;font-weight:700;background:transparent;border:1.5px solid var(--ink);border-radius:6px;padding:3px 8px;cursor:pointer;color:var(--ink)}.rail-close-btn{display:none;background:transparent;border:1.5px solid var(--ink);border-radius:6px;padding:2px 8px;font-size:12px;cursor:pointer;flex-shrink:0}.mobile-fabs{display:none;position:absolute;top:12px;left:12px;right:12px;justify-content:space-between;z-index:50;pointer-events:none}.mobile-fab-btn{pointer-events:all;display:flex;align-items:center;gap:6px;background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:8px 14px;font-size:13px;font-weight:700;font-family:var(--font-sans);box-shadow:var(--shadow-hard);cursor:pointer;white-space:nowrap}.mobile-fab-btn:active{transform:translate(2px,2px);box-shadow:none}.mobile-tab-bar{display:none;flex-shrink:0;border-bottom:1.5px solid var(--ink)}.mobile-tab-btn{flex:1;border:none;border-right:1.5px solid var(--ink);background:var(--cream-2);padding:10px 8px;font-size:12px;font-weight:700;font-family:var(--font-mono);cursor:pointer;color:var(--ink)}.mobile-tab-btn:last-child{border-right:none}.mobile-tab-btn.active{background:var(--yellow)}.mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:250}.hint-desktop{display:inline}.hint-mobile{display:none}@media(max-width:768px){.missions-canvas-app{grid-template-columns:1fr!important;grid-template-rows:1fr 260px!important;grid-template-areas:"main" "preview"!important}.missions-main{grid-area:main;grid-template-rows:1fr}.missions-rail{grid-area:unset;position:fixed;top:0;left:0;bottom:0;width:280px;z-index:300;transform:translate(-100%);transition:transform .24s cubic-bezier(.4,0,.2,1);box-shadow:6px 0 32px #0003;border-right:2px solid var(--ink);overflow-y:auto}.mobile-missions-open .missions-rail{transform:translate(0)}.rail-close-btn{display:block}.inspector{display:none!important}.palette{position:fixed;left:0;right:0;bottom:0;z-index:300;grid-template-columns:1fr;border-radius:16px 16px 0 0;border-top:2px solid var(--ink);border-left:2px solid var(--ink);border-right:2px solid var(--ink);border-bottom:none;max-height:78vh;overflow-y:auto;padding:14px 16px 24px;background:var(--paper);box-shadow:0 -8px 40px #0000002e;transform:translateY(100%);transition:transform .24s cubic-bezier(.4,0,.2,1);gap:14px}.mobile-palette-open .palette{transform:translateY(0)}.palette-mobile-header{display:flex;grid-column:1 / -1}.palette-mission{padding-right:0;border-right:none;border-bottom:1.5px dashed var(--ink);padding-bottom:10px}.mobile-palette-open .mobile-backdrop,.mobile-missions-open .mobile-backdrop{display:block}.mobile-fabs{display:flex}.preview-panel{flex-direction:column;grid-area:preview}.preview-panel-resize{display:none}.preview-panel-side+.preview-panel-side{border-left:none}.mobile-tab-bar{display:flex}.mobile-hidden{display:none!important}.canvas-nav{gap:6px}.canvas-tool{padding:6px 10px;font-size:11px}.hint-desktop{display:none}.hint-mobile{display:inline}.canvas-status,.apoie-btn{display:none}.canvas-apoie-btn{display:inline-flex;align-items:center;gap:5px;position:absolute;bottom:16px;right:16px;z-index:5;background:var(--paper);border:2px solid var(--ink);border-radius:24px;padding:6px 13px;font-size:12px;font-weight:700;font-family:var(--font-ui);box-shadow:var(--shadow-hard-sm);cursor:pointer;color:var(--ink)}.canvas-apoie-btn:active{transform:translate(1px,1px);box-shadow:none}.topbar-tagline{display:none}.mission-done-banner{flex-direction:column;gap:8px;padding:14px 16px}}