.landing{--land-bg: #0f0d15;--land-card: #181520;--land-line: #2b2635;--land-text: #f4f0f8;--land-muted: #a49baa;--land-accent: #8b6cff;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;color:var(--land-text);background:radial-gradient(circle at 74% 8%,rgba(124,92,255,.13),transparent 31%),radial-gradient(circle at 15% 41%,rgba(20,184,166,.07),transparent 27%),var(--land-bg)}.landing a{color:inherit;text-decoration:none}.landing-nav{position:sticky;top:0;z-index:20;width:min(1180px,calc(100% - 40px));height:72px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);background:#0f0d15c2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.landing-brand{display:inline-flex;align-items:center;gap:10px;width:max-content}.landing-brand>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#a489ff,#6745dd);box-shadow:0 8px 22px #6f4ce140}.landing-brand strong{font-size:17px;letter-spacing:-.03em}.landing-nav__links{display:flex;gap:30px;color:#a69eac;font-size:12px}.landing-nav__links a{transition:.15s ease}.landing-nav__links a:hover{color:#fff}.nav-demo{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #3a3347;border-radius:11px;color:#d9d0e4;font-size:11px;font-weight:700;transition:.15s ease}.nav-demo:hover{border-color:#7059bd;background:#211b30;transform:translateY(-1px)}.hero{width:min(1180px,calc(100% - 40px));min-height:650px;margin:0 auto;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:46px;padding:76px 0 82px}.hero__copy{position:relative;z-index:2}.landing-kicker{display:flex;align-items:center;gap:8px;color:#a89db8;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.landing-kicker>span{width:18px;height:2px;border-radius:2px;background:linear-gradient(90deg,#8b6cff,#31ccb2)}.hero h1{margin:24px 0 22px;line-height:.96;letter-spacing:-.068em}.hero h1>span,.hero h1 em{display:block}.hero h1>span{color:#f4f0f8;font-size:clamp(38px,4.45vw,60px)}.hero h1 em{color:transparent;background:linear-gradient(100deg,#a98fff,#67d8c7);background-clip:text;-webkit-background-clip:text;font-size:clamp(52px,6.4vw,86px);font-style:normal}.hero__copy>p{max-width:545px;margin:0;color:#aba2b2;font-size:16px;line-height:1.7}.hero__actions{display:flex;align-items:center;gap:12px;margin-top:32px}.landing-primary,.landing-secondary{min-height:48px;padding:0 20px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:800;transition:.16s ease}.landing-primary{color:#fff;background:linear-gradient(135deg,#8d6cf5,#6845df);box-shadow:0 13px 30px #6845df45}.landing-primary:hover{transform:translateY(-2px);box-shadow:0 17px 37px #6845df57}.landing-secondary{border:1px solid #393342;color:#c9c1ce;background:#18151f}.landing-secondary:hover{border-color:#64577d;color:#fff;transform:translateY(-1px)}.hero__notes{display:flex;gap:20px;margin-top:19px;color:#817989;font-size:10px}.hero__notes span{display:flex;align-items:center;gap:5px}.hero__notes svg{color:#42c4a7}.product-map{position:relative;height:510px;border:1px solid #2e2938;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 50% 48%,#262032 0,#17141f 56%,#121019);box-shadow:0 30px 90px #00000052}.product-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:radial-gradient(#9f93ad 1px,transparent 1px);background-size:23px 23px}.product-map:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 90px #0000006b;pointer-events:none}.product-map svg{position:absolute;inset:9% 3% auto;width:94%;height:82%;overflow:visible}.product-map path{fill:none;stroke:url(#none);stroke:#685994;stroke-width:2;opacity:.72}.map-node{position:absolute;width:78px;height:78px;border:2px solid var(--node);border-radius:50%;display:grid;place-items:center;padding:8px;text-align:center;color:#eee9f4;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--node) 24%,#211c2a),#1e1a26 68%);box-shadow:0 9px 25px color-mix(in srgb,var(--node) 17%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--node) 8%,transparent);font-size:9px;font-weight:750}.map-node--root{--node: #8b6cff;left:calc(50% - 49px);top:calc(50% - 49px);width:98px;height:98px;color:#fff;background:radial-gradient(circle at 34% 25%,#ad96ff,#7552ea 61%,#5132bd);font-size:12px;box-shadow:0 16px 42px #734ee959,inset 0 0 0 6px #ffffff1c}.map-node--work{--node: #6e9cff;right:10%;top:10%}.map-node--home{--node: #24c5ab;right:7%;bottom:9%}.map-node--study{--node: #f5a623;left:6%;top:14%}.map-node--ideas{--node: #ed5c9c;left:4%;bottom:11%}.map-node--project{--node: #8a6bf3;right:5%;top:41%}.map-node--step{--node: #84cc16;right:0;top:26%;width:62px;height:62px;font-size:8px}.map-tip{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid #3b3546;border-radius:99px;color:#a79eaf;background:#1a1621e0;font-size:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.map-tip kbd{padding:4px 7px;border:1px solid #51485e;border-bottom-width:2px;border-radius:6px;color:#ddd5e6;background:#332d3d;font:700 9px ui-sans-serif}.landing-section,.licenses-section{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:110px 0}.landing-section{border-top:1px solid #26222e}.section-heading{max-width:665px}.section-heading--center{margin:0 auto;text-align:center}.section-heading--center .landing-kicker{justify-content:center}.section-heading h2,.how-copy h2,.final-cta h2{margin:20px 0 17px;font-size:clamp(34px,3.8vw,50px);line-height:1.06;letter-spacing:-.055em}.section-heading>p,.how-copy>p{margin:0;color:#9f96a6;font-size:14px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:48px}.feature-card{min-height:205px;padding:25px;border:1px solid #2b2634;border-radius:18px;background:linear-gradient(145deg,#191620,#15121b);transition:.18s ease}.feature-card:hover{border-color:#4a3e62;transform:translateY(-3px);background:linear-gradient(145deg,#1d1828,#17131f)}.feature-card>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#a992ff;background:#282137}.feature-card h3{margin:23px 0 9px;font-size:15px;letter-spacing:-.02em}.feature-card p{margin:0;color:#968e9d;font-size:11px;line-height:1.65}.how-section{width:min(1180px,calc(100% - 40px));margin:15px auto 0;padding:72px;border:1px solid #302a3a;border-radius:30px;display:grid;grid-template-columns:.98fr 1.02fr;align-items:center;gap:64px;background:radial-gradient(circle at 15% 50%,rgba(124,92,255,.12),transparent 40%),#17141e}.steps{display:flex;flex-direction:column}.steps>div{position:relative;min-height:92px;display:grid;grid-template-columns:53px 1fr;gap:14px}.steps>div:not(:last-child):before{content:"";position:absolute;left:20px;top:45px;bottom:0;width:1px;background:linear-gradient(#7259c7,#3c3549)}.steps b{width:41px;height:41px;border:1px solid #594a74;border-radius:50%;display:grid;place-items:center;color:#bba9f4;background:#251f31;font-size:10px}.steps strong,.steps small{display:block}.steps strong{margin:3px 0 7px;font-size:14px}.steps small{color:#a39aa9;font-size:11px;line-height:1.5}.plans{display:grid;grid-template-columns:repeat(3,1fr);align-items:stretch;gap:14px;margin-top:50px}.plan{position:relative;padding:27px;border:1px solid #302a39;border-radius:21px;background:#17141e}.plan--featured{border-color:#7359cc;background:radial-gradient(circle at 80% 0,rgba(124,92,255,.18),transparent 40%),#1b1724;box-shadow:0 20px 55px #00000038}.plan__badge{position:absolute;right:18px;top:18px;padding:5px 8px;border-radius:99px;color:#cfc2f5;background:#392e52;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.plan__title{display:flex;align-items:center;gap:11px}.plan__title>span{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;color:#ad97f5;background:#282137}.plan__title h3{margin:0;font-size:16px}.plan__title small{display:block;margin-top:4px;color:#a89ead;font-size:12px;font-weight:650}.plan__price{margin:29px 0 13px;font-size:38px;font-weight:820;letter-spacing:-.05em}.plan>p{min-height:58px;margin:0;color:#aaa1b1;font-size:11px;line-height:1.6}.plan ul{min-height:98px;margin:22px 0;padding:19px 0;border-top:1px solid #2b2633;border-bottom:1px solid #2b2633;list-style:none}.plan li{display:flex;align-items:center;gap:8px;margin:9px 0;color:#c0b7c7;font-size:11px}.plan li svg{color:#49c7a9}.plan>a{width:100%;height:48px;border:1px solid #3c3547;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#ded6e7;font-size:13px;font-weight:800;transition:.15s ease}.plan>a:hover{border-color:#7259c5;color:#fff;background:#241e31;transform:translateY(-1px)}.plan--featured>a{border-color:transparent;color:#fff;background:linear-gradient(135deg,#8969f1,#6946df)}.license-note{max-width:780px;margin:24px auto 0;display:flex;align-items:flex-start;justify-content:center;gap:9px;color:#978e9f;font-size:11px;line-height:1.6;text-align:left}.license-note svg{flex:0 0 auto;color:#43bfa3}.license-note a{color:#c6b7ff;text-decoration:underline;text-underline-offset:2px}.final-cta{width:min(1180px,calc(100% - 40px));margin:15px auto 90px;padding:56px 62px;border:1px solid #3a3051;border-radius:28px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(circle at 0 50%,rgba(124,92,255,.19),transparent 37%),linear-gradient(120deg,#1b1725,#15121c)}.final-cta h2{margin:15px 0 9px;font-size:clamp(30px,3vw,36px)}.final-cta p{margin:0;color:#a79dad;font-size:13px}.final-cta .landing-primary{flex:0 0 auto}.landing-footer{width:min(1180px,calc(100% - 40px));min-height:100px;margin:0 auto;border-top:1px solid #28232f;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#968c9d;font-size:11px}.landing-footer p{margin:0}.landing-footer>a:last-child{justify-self:end;color:#c6b9cf;font-size:14px;font-weight:650;letter-spacing:.01em}@media(max-width:900px){.landing-nav{grid-template-columns:1fr auto}.landing-nav__links{display:none}.hero{min-height:auto;grid-template-columns:1fr;padding-top:60px}.hero__copy{text-align:center}.hero__copy .landing-kicker,.hero__actions,.hero__notes{justify-content:center}.hero__copy>p{margin-inline:auto}.product-map{height:480px}.feature-grid{grid-template-columns:repeat(2,1fr)}.how-section{padding:50px;grid-template-columns:1fr;gap:45px}.plans{grid-template-columns:1fr;max-width:560px;margin-inline:auto}.plan>p,.plan ul{min-height:0}}@media(max-width:600px){.landing-nav,.hero,.landing-section,.licenses-section,.how-section,.final-cta,.landing-footer{width:min(100% - 24px,1180px)}.nav-demo{padding:9px 11px;font-size:0}.nav-demo svg{width:18px;height:18px}.hero{padding:48px 0 62px}.hero h1>span{font-size:34px}.hero h1 em{font-size:47px}.hero__copy>p{font-size:13px}.hero__actions{flex-direction:column}.hero__actions a{width:100%}.hero__notes{flex-direction:column;gap:8px;align-items:center}.product-map{height:390px;border-radius:22px}.map-node{transform:scale(.78)}.map-node--work{right:8%;top:9%}.map-node--project{right:4%;top:42%}.map-node--step{right:-3%;top:26%}.landing-section,.licenses-section{padding:78px 0}.section-heading h2,.how-copy h2{font-size:36px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:180px}.how-section{padding:32px 24px}.final-cta{padding:38px 25px;flex-direction:column;align-items:flex-start}.final-cta .landing-primary{width:100%}.landing-footer{padding:28px 0;grid-template-columns:1fr;gap:15px;text-align:center}.landing-footer .landing-brand,.landing-footer>a:last-child{justify-self:center}}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #555;--xy-background-pattern-lines-color-default: #333;--xy-background-pattern-cross-color-default: #333;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#211b36;background:#f4f2fa;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app-loading{width:100%;height:100%;display:grid;place-items:center;color:#a997e8;background:#17141f;font-size:13px}.app-shell{width:100%;height:100%;display:flex;flex-direction:column;background:#f7f5fb}.topbar{height:74px;flex:0 0 74px;display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,520px) minmax(340px,1fr);align-items:center;gap:28px;padding:0 26px;background:#ffffffe6;border-bottom:1px solid #e8e3f0;box-shadow:0 4px 24px #3428560a;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand__mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#9a7dff,#6848e8);box-shadow:0 8px 20px #6948e842}.brand__name{font-size:18px;line-height:18px;font-weight:780;letter-spacing:-.03em}.brand__tagline{font-size:11px;margin-top:4px;color:#8c849d;letter-spacing:.02em}.search{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border:1px solid #e4dfee;border-radius:13px;background:#f8f7fb;color:#8b839a;transition:.16s ease}.search:focus-within{border-color:#9c85ee;background:#fff;box-shadow:0 0 0 4px #7c5cff17}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#251f37;font-size:13px}.search input::placeholder{color:#a49dac}.search kbd{border:1px solid #e4dfeb;border-bottom-width:2px;border-radius:6px;padding:2px 6px;font-size:10px;color:#a29aaa;background:#fff}.topbar__actions{justify-self:end;display:flex;align-items:center;gap:16px}.save-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#91899f;white-space:nowrap}.save-state span{width:6px;height:6px;border-radius:99px;background:#35c69a;box-shadow:0 0 0 3px #35c69a1f}.topbar-icon-button{width:38px;height:38px;border:1px solid #e5dfed;border-radius:12px;display:grid;place-items:center;color:#7b718b;background:#faf9fc;cursor:pointer;transition:.16s ease}.topbar-icon-button:hover{color:#6c4be3;border-color:#cfc2ee;background:#f3efff;transform:translateY(-1px)}.secondary-button,.primary-button,.danger-button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.16s ease}.secondary-button{min-height:40px;padding:0 16px;border-radius:12px;color:#6547d5;background:#f0ebff;font-size:12px;font-weight:700}.secondary-button:hover{transform:translateY(-1px);background:#e9e1ff}.primary-button{min-height:44px;padding:0 18px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#8568f4,#6846e4);box-shadow:0 10px 24px #6846e438;font-size:13px;font-weight:700}.primary-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 13px 28px #6846e447}.primary-button:disabled{opacity:.45;cursor:default;box-shadow:none}.primary-button--wide{width:100%}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 290px}.canvas-wrap{position:relative;min-width:0;overflow:hidden;background:radial-gradient(circle at 48% 46%,#fff 0,#faf9fd 42%,#f4f1f9)}.canvas-hint{position:absolute;left:50%;top:18px;z-index:4;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(218,211,231,.8);border-radius:99px;background:#ffffffd1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#91899e;font-size:10px;box-shadow:0 6px 22px #483a670d;pointer-events:none;white-space:nowrap}.react-flow__node-task{border:0;background:transparent;width:132px;height:132px}.task-node{--node-color: #7c5cff;position:relative;width:132px;height:132px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:22px;text-align:center;color:#2b2340;background:#fffffff7;border:2px solid color-mix(in srgb,var(--node-color) 75%,white);box-shadow:0 12px 32px #3223561f,inset 0 0 0 6px color-mix(in srgb,var(--node-color) 8%,white);cursor:grab;transition:transform .17s ease,box-shadow .17s ease,opacity .17s ease}.task-node:active{cursor:grabbing}.task-node:hover,.task-node--selected{transform:scale(1.045);box-shadow:0 17px 38px color-mix(in srgb,var(--node-color) 23%,transparent),inset 0 0 0 6px color-mix(in srgb,var(--node-color) 10%,white)}.task-node--selected{border-width:3px}.task-node--root{width:148px;height:148px;margin:-8px;color:#fff;border-color:#ffffffb8;background:radial-gradient(circle at 36% 28%,#a98fff,var(--node-color) 65%,#6040d7 100%);box-shadow:0 18px 44px #6846e452,inset 0 0 0 6px #ffffff1c}.task-node--root:hover,.task-node--root.task-node--selected{box-shadow:0 22px 50px #6846e466,inset 0 0 0 6px #ffffff24}.task-node--done{opacity:.62}.task-node--done .task-node__title{text-decoration:line-through}.task-node__glow{position:absolute;top:17px;right:17px;bottom:17px;left:17px;border-radius:inherit;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--node-color) 12%,white),transparent 68%);pointer-events:none}.task-node__title{position:relative;max-width:94px;font-size:13px;font-weight:720;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere}.task-node--root .task-node__title{max-width:105px;font-size:16px}.task-node__check{position:absolute;left:7px;top:7px;width:26px;height:26px;border-radius:50%;border:1px solid color-mix(in srgb,var(--node-color) 45%,white);display:grid;place-items:center;color:#fff;background:color-mix(in srgb,var(--node-color) 15%,white);cursor:pointer;opacity:0;transition:.15s ease}.task-node:hover .task-node__check,.task-node--selected .task-node__check,.task-node--done .task-node__check{opacity:1}.task-node--done .task-node__check{background:var(--node-color)}.task-node--root .task-node__check{border-color:#ffffff80;background:#ffffff2e}.task-node__add{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;border:3px solid #f9f8fc;display:grid;place-items:center;color:#fff;background:var(--node-color);box-shadow:0 6px 15px color-mix(in srgb,var(--node-color) 30%,transparent);cursor:pointer;transition:transform .15s ease}.task-node__add:hover{transform:translateY(-50%) scale(1.1)}.task-node__count{position:absolute;bottom:-5px;min-width:23px;height:23px;border-radius:99px;padding:0 6px;display:grid;place-items:center;border:3px solid #f8f7fb;background:#2d263e;color:#fff;font-size:9px;font-weight:700}.node-handle{width:3px!important;height:3px!important;min-width:3px!important;min-height:3px!important;border:0!important;background:transparent!important;opacity:0}.react-flow__controls{overflow:hidden;margin:18px;border:1px solid #e1dbea;border-radius:12px;box-shadow:0 8px 28px #352a511a}.react-flow__controls-button{width:32px;height:32px;color:#675e75;border-color:#eeeaf3;background:#fffffff0}.floating-tools{position:absolute;left:68px;bottom:18px;z-index:4;display:flex;overflow:hidden;border:1px solid #e1dbea;border-radius:12px;background:#fffffff0;box-shadow:0 8px 28px #352a511a}.floating-tools button{width:34px;height:34px;border:0;border-right:1px solid #eeeaf3;display:grid;place-items:center;color:#675e75;background:transparent;cursor:pointer}.floating-tools button:last-child{border-right:0}.floating-tools button:hover{background:#f4f0ff;color:#6948df}.inspector{min-width:0;position:relative;padding:28px 22px 54px;border-left:1px solid #e8e3ef;background:#ffffffeb;overflow-y:auto}.inspector__heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.eyebrow{margin-bottom:6px;color:#9b91aa;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.inspector h2,.dialog h2{margin:0;color:#282039;font-size:20px;letter-spacing:-.035em}.color-dot{width:11px;height:11px;margin-top:10px;border-radius:50%;box-shadow:0 0 0 5px color-mix(in srgb,var(--dot-color) 10%,transparent)}.field{display:block;margin-bottom:17px}.field>span{display:block;margin-bottom:7px;color:#776e84;font-size:11px;font-weight:700}.field textarea{width:100%;resize:none;outline:0;border:1px solid #e4dfeb;border-radius:12px;padding:12px;color:#2d263d;background:#fbfafc;font-size:13px;line-height:1.45;transition:.15s ease}.field textarea:focus{border-color:#9c85ee;background:#fff;box-shadow:0 0 0 4px #7c5cff14}.status-card{margin-bottom:15px}.status-toggle{width:100%;border:1px solid #e8e3ef;border-radius:13px;padding:11px;display:flex;align-items:center;gap:10px;text-align:left;background:#fbfafc;cursor:pointer}.status-toggle__check{flex:0 0 29px;width:29px;height:29px;border:1.5px solid #d7d0df;border-radius:50%;display:grid;place-items:center;color:#fff}.status-toggle strong,.status-toggle small{display:block}.status-toggle strong{font-size:11px}.status-toggle small{margin-top:2px;color:#9a92a5;font-size:9px}.status-toggle.is-done .status-toggle__check{border-color:#3bb58d;background:#3bb58d}.danger-button{width:100%;min-height:38px;margin-top:10px;border-radius:11px;color:#b14c61;background:#fff3f5;font-size:11px;font-weight:700}.danger-button:hover{background:#ffe9ee}.inspector__tip{margin-top:25px;padding:15px;border:1px solid #e9e4f1;border-radius:14px;background:linear-gradient(145deg,#faf8ff,#f6f2ff)}.inspector__tip strong{font-size:11px;color:#5e4c92}.inspector__tip p{margin:6px 0 0;color:#81778f;font-size:10px;line-height:1.55}.empty-selection{margin-top:100px;text-align:center;color:#8d83a0}.empty-selection svg{color:#9a80ed}.empty-selection h2{margin:16px 0 8px}.empty-selection p{margin:0 auto;max-width:210px;font-size:11px;line-height:1.55}.reset-button{position:absolute;left:50%;bottom:18px;transform:translate(-50%);border:0;display:flex;align-items:center;gap:6px;color:#a098aa;background:transparent;font-size:9px;cursor:pointer;white-space:nowrap}.reset-button:hover{color:#6f5aa5}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#241c3447;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .15s ease}.dialog{position:relative;width:min(420px,calc(100vw - 32px));padding:29px;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:#fffffff7;box-shadow:0 28px 90px #30234e4d;animation:dialog-in .18s ease}.dialog__close{position:absolute;right:16px;top:16px}.icon-button{width:32px;height:32px;border:0;border-radius:10px;display:grid;place-items:center;color:#8a8199;background:#f5f2f9;cursor:pointer}.dialog__icon{width:44px;height:44px;margin-bottom:18px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#9679f7,#6c4be3);box-shadow:0 10px 25px #6c4be340}.dialog p{margin:8px 0 21px;color:#8d849b;font-size:12px}.dialog input{width:100%;height:48px;margin-bottom:14px;border:1px solid #ddd6e7;border-radius:13px;outline:0;padding:0 14px;color:#281f39;background:#faf9fc}.dialog input:focus{border-color:#9279e7;box-shadow:0 0 0 4px #7c5cff17}.dialog .primary-button{width:100%}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;display:grid;place-items:center;padding:24px;background:#231b3461;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .15s ease}.settings-panel{width:min(820px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:25px;background:#fffffffa;box-shadow:0 35px 110px #2c1f4857;animation:dialog-in .18s ease}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 29px 23px;border-bottom:1px solid #ece7f2}.settings-header h2{margin:0;color:#282039;font-size:24px;letter-spacing:-.04em}.settings-header p{margin:7px 0 0;color:#8d849b;font-size:12px}.settings-content{display:grid;grid-template-columns:.92fr 1.08fr;max-height:calc(100vh - 180px);overflow:auto}.settings-column{padding:26px 29px 30px}.settings-column+.settings-column{border-left:1px solid #eee9f3}.settings-section-title{display:flex;align-items:center;gap:8px;margin-bottom:13px;color:#55486e;font-size:11px;font-weight:800;letter-spacing:.025em}.settings-section-title svg{color:#7c5cff}.settings-section-title--spaced{margin-top:28px}.theme-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.theme-picker>button{min-width:0;position:relative;border:1px solid #e5dfec;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:9px;text-align:left;color:#30283f;background:#fbfafc;cursor:pointer;transition:.15s ease}.theme-picker>button:hover{border-color:#c8bbea;transform:translateY(-1px)}.theme-picker>button.is-active{border-color:#8c70eb;box-shadow:0 0 0 3px #7c5cff17}.theme-picker>button>svg{position:absolute;right:9px;bottom:12px;color:#7354df}.theme-picker strong,.theme-picker small{display:block}.theme-picker strong{font-size:11px}.theme-picker small{overflow:hidden;margin-top:3px;color:#9a91a5;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.theme-preview{width:100%;height:64px;border-radius:9px;display:grid;place-items:center}.theme-preview--light{color:#7857e5;background:radial-gradient(circle,#fff 0,#eee9fa);border:1px solid #e8e1f2}.theme-preview--dark{color:#cbbcff;background:radial-gradient(circle,#363044 0,#1d1928);border:1px solid #4b435d}.setting-row{width:100%;border:1px solid #e8e3ee;border-radius:14px;padding:13px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;color:#332a43;background:#fbfafc;cursor:pointer}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{max-width:215px;margin-top:4px;color:#958c9f;font-size:9px;line-height:1.4}.switch{flex:0 0 36px;width:36px;height:21px;padding:3px;border-radius:99px;background:#d8d2df;transition:.16s ease}.switch i{display:block;width:15px;height:15px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #241c3438;transition:.16s ease}.switch.is-on{background:#7c5cff}.switch.is-on i{transform:translate(15px)}.branch-palette{display:flex;gap:7px;margin:12px 3px 0;transition:.16s ease}.branch-palette.is-muted{filter:grayscale(1);opacity:.34}.branch-palette span{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff8c}.shortcut-callout{margin-bottom:13px;padding:14px;border:1px solid #ddd2fb;border-radius:14px;color:#514071;background:linear-gradient(145deg,#faf7ff,#f2edff)}.shortcut-callout strong{font-size:11px}.shortcut-callout p{margin:7px 0 0;color:#776a8d;font-size:10px;line-height:1.55}.shortcut-callout kbd,.shortcut-row kbd{display:inline-grid;min-width:25px;height:23px;place-items:center;padding:0 6px;border:1px solid #dcd5e5;border-bottom-width:2px;border-radius:6px;color:#5f526f;background:#fff;font:700 9px/1 ui-sans-serif,sans-serif;box-shadow:0 2px 4px #3025480d}.shortcut-list{border:1px solid #ebe6f0;border-radius:14px;overflow:hidden}.shortcut-row{min-height:37px;padding:7px 11px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #eeeaf2;color:#71677d;font-size:9px}.shortcut-row:last-child{border-bottom:0}.shortcut-row>div{display:flex;gap:4px}.app-shell[data-theme=dark]{color:#eeeaf7;background:#17141f}.app-shell[data-theme=dark] .topbar{border-color:#332d40;background:#1c1825f0;box-shadow:0 4px 25px #0000002e}.app-shell[data-theme=dark] .brand__name{color:#f3effb}.app-shell[data-theme=dark] .brand__tagline,.app-shell[data-theme=dark] .save-state{color:#8f879c}.app-shell[data-theme=dark] .search{border-color:#3c3549;color:#91889f;background:#24202e}.app-shell[data-theme=dark] .search:focus-within{border-color:#7f65d8;background:#292432}.app-shell[data-theme=dark] .search input{color:#eeeaf5}.app-shell[data-theme=dark] .search kbd{border-color:#4b4357;color:#9e95aa;background:#312b3b}.app-shell[data-theme=dark] .topbar-icon-button{border-color:#40384c;color:#a69daf;background:#292430}.app-shell[data-theme=dark] .secondary-button{color:#c4b5ff;background:#342a4c}.app-shell[data-theme=dark] .canvas-wrap{background:radial-gradient(circle at 48% 46%,#272331 0,#201c29 48%,#18151f)}.app-shell[data-theme=dark] .canvas-hint{border-color:#40394d;color:#9d94a9;background:#25202edb}.app-shell[data-theme=dark] .inspector{border-color:#35303f;background:#1d1925f2}.app-shell[data-theme=dark] .inspector h2,.app-shell[data-theme=dark] .settings-header h2,.app-shell[data-theme=dark] .dialog h2{color:#f1edf7}.app-shell[data-theme=dark] .task-node{color:#eeeaf5;background:#25202ffa;box-shadow:0 13px 34px #0000004d,inset 0 0 0 6px color-mix(in srgb,var(--node-color) 13%,#25202f)}.app-shell[data-theme=dark] .task-node__glow{background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--node-color) 19%,#25202f),transparent 68%)}.app-shell[data-theme=dark] .task-node__add,.app-shell[data-theme=dark] .task-node__count{border-color:#211c29}.app-shell[data-theme=dark] .field>span{color:#a69dac}.app-shell[data-theme=dark] .field textarea,.app-shell[data-theme=dark] .dialog input{border-color:#403849;color:#eeeaf5;background:#26212f}.app-shell[data-theme=dark] .status-toggle{border-color:#3d3647;color:#e8e3f0;background:#25212d}.app-shell[data-theme=dark] .status-toggle__check{border-color:#5b5363}.app-shell[data-theme=dark] .inspector__tip{border-color:#3d354a;background:linear-gradient(145deg,#292333,#241e31)}.app-shell[data-theme=dark] .inspector__tip strong{color:#c5b5f3}.app-shell[data-theme=dark] .inspector__tip p{color:#9c92a8}.app-shell[data-theme=dark] .react-flow__controls,.app-shell[data-theme=dark] .floating-tools{border-color:#40384b;background:#27222ff2}.app-shell[data-theme=dark] .react-flow__controls-button,.app-shell[data-theme=dark] .floating-tools button{border-color:#413a4b;color:#aaa1b4;background:#292430}.app-shell[data-theme=dark] .dialog,.app-shell[data-theme=dark] .settings-panel{border-color:#494052;background:#1e1a26fc;box-shadow:0 35px 110px #00000080}.app-shell[data-theme=dark] .dialog p,.app-shell[data-theme=dark] .settings-header p{color:#9e95a9}.app-shell[data-theme=dark] .settings-header,.app-shell[data-theme=dark] .settings-column+.settings-column{border-color:#3a3344}.app-shell[data-theme=dark] .settings-section-title{color:#cbc3d5}.app-shell[data-theme=dark] .theme-picker>button,.app-shell[data-theme=dark] .setting-row{border-color:#423a4d;color:#eee9f4;background:#27222f}.app-shell[data-theme=dark] .theme-picker>button.is-active{border-color:#8e74ea}.app-shell[data-theme=dark] .shortcut-callout{border-color:#51446d;color:#d7ccf4;background:linear-gradient(145deg,#2e2740,#282137)}.app-shell[data-theme=dark] .shortcut-callout p,.app-shell[data-theme=dark] .shortcut-row{color:#aaa1b5}.app-shell[data-theme=dark] .shortcut-list,.app-shell[data-theme=dark] .shortcut-row{border-color:#403848}.app-shell[data-theme=dark] .shortcut-row kbd,.app-shell[data-theme=dark] .shortcut-callout kbd{border-color:#504758;color:#d4ccdc;background:#332d3c}.app-shell[data-theme=dark] .icon-button{color:#aaa1b4;background:#302a39}@keyframes fade-in{0%{opacity:0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}@media(max-width:900px){.topbar{grid-template-columns:1fr auto;gap:12px;padding:0 15px}.search,.save-state{display:none}.workspace{grid-template-columns:1fr}.inspector{position:absolute;z-index:8;right:12px;bottom:12px;width:255px;max-height:46vh;border:1px solid #e4deeb;border-radius:18px;box-shadow:0 15px 45px #2d22482b}.brand__tagline{display:none}.settings-content{grid-template-columns:1fr}.settings-column+.settings-column{border-top:1px solid #eee9f3;border-left:0}.settings-panel{overflow-y:auto}.settings-content{max-height:none;overflow:visible}}@media(max-width:560px){.topbar{height:64px;flex-basis:64px}.brand__mark{width:35px;height:35px}.brand__name{font-size:16px}.secondary-button{width:40px;padding:0;font-size:0}.topbar__actions{gap:7px}.topbar-icon-button{width:36px;height:36px}.inspector{left:9px;right:9px;bottom:9px;width:auto;max-height:38vh;padding:18px 18px 48px}.inspector__tip{display:none}.canvas-hint{top:11px;max-width:calc(100vw - 30px);overflow:hidden;text-overflow:ellipsis}.settings-backdrop{padding:8px}.settings-panel{width:100%;max-height:calc(100vh - 16px);border-radius:19px}.settings-header,.settings-column{padding:20px}}