.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))}.menu-print-only{display:none}@media print{.sidebar,.mobile-top,.cosmos,.menu-no-print{display:none!important}.main{padding:0!important}.menu-print-only{display:inline!important}body,.shell,.main{background:#fff!important;color:#000!important}.panel,.chip,.badge{border-color:#ccc!important;background:#fff!important;color:#000!important;box-shadow:none!important}.menu-course{break-inside:avoid-page;page-break-inside:avoid}body:has(.recipe-view) *{visibility:hidden}body:has(.recipe-view) .recipe-view,body:has(.recipe-view) .recipe-view *{visibility:visible}.recipe-view-overlay{position:static;display:block!important;background:none!important;padding:0!important;overflow:visible!important}.recipe-view{position:static;width:auto;max-width:none;box-shadow:none;border:none;overflow:visible}.no-print{display:none!important}}:root{--bg-0: #060612;--bg-1: #0b0b1f;--bg-2: #12122b;--glass: rgba(148, 138, 255, .06);--glass-strong: rgba(148, 138, 255, .1);--stroke: rgba(148, 158, 255, .14);--stroke-strong: rgba(148, 158, 255, .28);--text-1: #eef0ff;--text-2: #a8abce;--text-3: #6c6f94;--aurora-a: #53ffc8;--aurora-b: #7b6bff;--aurora-c: #ff6bd6;--accent: #53ffc8;--accent-dim: rgba(83, 255, 200, .14);--danger: #ff6b7c;--radius: 14px;--radius-sm: 9px;--sidebar-w: 240px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif}[data-theme=light]{--bg-0: #f2f3fb;--bg-1: #ffffff;--bg-2: #eceefb;--glass: rgba(90, 80, 220, .05);--glass-strong: rgba(90, 80, 220, .09);--stroke: rgba(70, 70, 140, .14);--stroke-strong: rgba(70, 70, 140, .3);--text-1: #171833;--text-2: #4c4e72;--text-3: #888aad;--accent: #0bbd8a;--accent-dim: rgba(11, 189, 138, .12)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}:root{scrollbar-width:thin;scrollbar-color:var(--stroke-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--stroke-strong);border-radius:999px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:padding-box}*::-webkit-scrollbar-corner{background:transparent}body{font-family:var(--font);background:var(--bg-0);color:var(--text-1);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%}::selection{background:var(--aurora-b);color:#fff}.cosmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 60% 40% at 75% -10%,rgba(123,107,255,.16),transparent 60%),radial-gradient(ellipse 50% 35% at 10% 110%,rgba(83,255,200,.08),transparent 60%),var(--bg-0)}[data-theme=light] .cosmos{background:var(--bg-0)}.cosmos .stars,.cosmos .stars2{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(1px 1px at 20% 30%,#ffffff88,transparent),radial-gradient(1px 1px at 40% 70%,#ffffff55,transparent),radial-gradient(1.5px 1.5px at 60% 20%,#ffffff77,transparent),radial-gradient(1px 1px at 80% 60%,#ffffff44,transparent),radial-gradient(1.5px 1.5px at 90% 85%,#ffffff66,transparent),radial-gradient(1px 1px at 15% 80%,#ffffff55,transparent),radial-gradient(1px 1px at 55% 50%,#ffffff33,transparent);background-size:620px 620px;animation:drift 240s linear infinite}.cosmos .stars2{background-size:420px 420px;opacity:.5;animation-duration:160s;animation-direction:reverse}[data-theme=light] .cosmos .stars,[data-theme=light] .cosmos .stars2{opacity:.12}@keyframes drift{to{transform:translate(310px,310px)}}@media(prefers-reduced-motion:reduce){.cosmos .stars,.cosmos .stars2{animation:none}}.shell{display:flex;min-height:100vh;min-height:100dvh}.sidebar{width:var(--sidebar-w);flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;border-right:1px solid var(--stroke);background:linear-gradient(180deg,var(--glass),transparent 40%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px 14px;transition:width .25s ease;z-index:20}.sidebar.collapsed{width:68px}.sidebar.collapsed .nav-label,.sidebar.collapsed .brand-text,.sidebar.collapsed .side-footer{display:none}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.brand-logo{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:conic-gradient(from 130deg,var(--aurora-a),var(--aurora-b),var(--aurora-c),var(--aurora-a));display:grid;place-items:center;font-size:18px;box-shadow:0 0 18px #7b6bff80}.brand-text b{font-size:16px;letter-spacing:.4px;display:block}.brand-text span{font-size:10.5px;color:var(--text-3);letter-spacing:1.4px;text-transform:uppercase}.nav{display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto}.nav a,.nav button.navlink{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-2);font-size:13.5px;font-weight:500;border:1px solid transparent;background:none;width:100%;text-align:left;transition:all .18s ease}.nav a:hover,.nav button.navlink:hover{color:var(--text-1);background:var(--glass)}.nav a.active{color:var(--text-1);background:var(--glass-strong);border-color:var(--stroke);box-shadow:inset 2px 0 0 var(--accent),0 0 20px #53ffc812}.nav .icon{font-size:17px;width:22px;text-align:center;flex-shrink:0}.nav-label{min-width:0}.navlink-search .nav-label{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.navlink-search .nav-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.navlink-search .nav-label-kbd{font-size:10px;opacity:.6}.nav-sep{margin:10px 12px 6px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--text-3)}.side-footer{padding:10px 8px 0;font-size:12px;color:var(--text-3);display:flex;flex-direction:column;gap:8px}.side-footer-link{color:var(--text-3);text-decoration:none;font-size:11.5px}.side-footer-link:hover{color:var(--text-2);text-decoration:underline}.collapse-btn{background:none;border:1px solid var(--stroke);color:var(--text-3);border-radius:var(--radius-sm);padding:6px;margin-top:8px}.collapse-btn:hover{color:var(--text-1);border-color:var(--stroke-strong)}.main{flex:1;min-width:0;padding:28px clamp(16px,4vw,44px) 60px}.page-head{margin-bottom:26px}.page-head h1{font-size:clamp(24px,3.2vw,34px);font-weight:800;letter-spacing:-.5px;background:linear-gradient(100deg,var(--text-1) 30%,var(--aurora-a) 75%,var(--aurora-b));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-head p{color:var(--text-2);margin-top:6px;font-size:14px;max-width:640px}.panel{background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.grid.wide{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{position:relative;display:flex;flex-direction:column;gap:8px;background:var(--glass);border:1px solid var(--stroke);border-radius:var(--radius);padding:14px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-3px);border-color:var(--card-glow, var(--stroke-strong));box-shadow:0 8px 30px -12px var(--card-glow, rgba(123, 107, 255, .4))}.card .thumb{height:110px;border-radius:var(--radius-sm);display:grid;place-items:center;font-size:44px;background:radial-gradient(circle at 50% 60%,var(--card-glow, #333) -180%,transparent 75%),var(--bg-2);overflow:hidden}.card .thumb img{width:100%;height:100%;object-fit:cover}.card h3{font-size:14.5px;font-weight:600}.card .sub{font-size:11.5px;color:var(--text-3)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;letter-spacing:.4px;padding:3px 9px;border-radius:999px;background:var(--glass-strong);border:1px solid var(--stroke);color:var(--text-2);width:fit-content}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;background:var(--glass);border:1px solid var(--stroke);color:var(--text-1);transition:all .15s ease}.chip:hover{border-color:var(--accent);box-shadow:0 0 14px var(--accent-dim)}.chip.on{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chip.small{padding:4px 10px;font-size:11.5px}.icon-picker{display:flex;flex-direction:column;gap:6px;min-width:0}.icon-picker-frameworks{display:flex;flex-wrap:wrap;gap:4px}.icon-picker-search{width:100%}.icon-picker-results{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;height:220px;overflow-y:auto;min-width:0;padding:6px;border:1px solid var(--stroke);border-radius:10px;background:var(--bg-1)}.icon-picker-item{padding:5px 8px}.icon-picker-hint{font-size:11.5px;color:var(--text-3);padding:4px 2px}.icon-picker-more{width:100%;padding:8px;margin-top:2px;border-radius:10px;background:var(--glass);border:1px dashed var(--stroke-strong);color:var(--text-2);font-size:11.5px;text-align:center;cursor:pointer;transition:all .15s ease}.icon-picker-more:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.chip-action{background:none;border:none;color:var(--text-2);font-size:12px;padding:2px 4px;margin-left:2px;border-radius:6px;line-height:1}.chip-action:hover{background:var(--glass-strong);color:var(--text-1)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);font-size:13.5px;font-weight:600;border:1px solid var(--stroke);background:var(--glass-strong);color:var(--text-1);transition:all .18s ease}.btn:hover{border-color:var(--stroke-strong)}.btn.primary{background:linear-gradient(100deg,var(--aurora-a),var(--aurora-b));color:#0b0b1f;border:none;box-shadow:0 4px 24px -6px #53ffc880}.btn.primary:hover{filter:brightness(1.1)}.btn.danger{color:var(--danger);border-color:#ff6b7c4d;background:#ff6b7c14}.btn.ghost{background:none}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;font-size:13.5px;color:var(--text-1);background:var(--bg-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);padding:10px 13px;width:100%;outline:none;transition:border-color .15s ease;color-scheme:dark}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}label.field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--text-2);font-weight:600}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.tabs button{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:600;background:none;border:1px solid var(--stroke);color:var(--text-2);transition:all .15s ease}.tabs button:hover{color:var(--text-1)}.tabs button.active{color:var(--bg-0);background:linear-gradient(100deg,var(--aurora-a),var(--aurora-b));border-color:transparent}[data-theme=light] .tabs button.active{color:#fff}.detail-hero{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:26px;align-items:start}@media(max-width:760px){.detail-hero{grid-template-columns:1fr}}.hero-visual{aspect-ratio:1;border-radius:var(--radius);overflow:hidden;position:relative;background:radial-gradient(circle at 50% 65%,var(--card-glow, #444) -160%,transparent 70%),var(--bg-2);border:1px solid var(--stroke);display:grid;place-items:center;font-size:110px}.hero-visual img{width:100%;height:100%;object-fit:cover}.stat-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.stat{padding:10px 16px;border-radius:var(--radius-sm);background:var(--glass);border:1px solid var(--stroke);min-width:90px}.stat b{display:block;font-size:17px}.stat span{font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px}.prose{color:var(--text-2);font-size:14.5px;line-height:1.75;max-width:70ch}.prose+.prose{margin-top:12px}h2.section{font-size:17px;font-weight:700;margin:30px 0 12px;display:flex;align-items:center;gap:9px}h2.section:after{content:"";flex:1;height:1px;background:var(--stroke)}table.data{width:100%;border-collapse:collapse;font-size:13.5px}table.data th,table.data td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--stroke)}table.data th{color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.8px}.month-strip{display:flex;gap:4px}.month-strip span{flex:1;text-align:center;font-size:10px;padding:7px 0;border-radius:6px;background:var(--bg-2);color:var(--text-3);border:1px solid transparent}.month-strip span.on{background:var(--accent-dim);color:var(--accent);border-color:var(--accent);font-weight:700}.month-strip span.now{box-shadow:0 0 0 2px var(--aurora-b)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.toolbar input[type=search]{max-width:300px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-3);font-size:14px}.spinner{width:34px;height:34px;margin:50px auto;border-radius:50%;border:3px solid var(--stroke);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#ff6b7c1a;border:1px solid rgba(255,107,124,.35);color:var(--danger);border-radius:var(--radius-sm);padding:11px 15px;font-size:13px;margin:10px 0}.auth-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:400px;padding:34px}.auth-card h1{font-size:24px;margin-bottom:6px}.auth-card p.hint{color:var(--text-3);font-size:13px;margin-bottom:22px}.auth-card form{display:flex;flex-direction:column;gap:14px}.auth-switch{margin-top:18px;font-size:13px;color:var(--text-2);background:none;border:none;text-decoration:underline}.world-map-wrap{max-width:920px}.regions-map-big .world-map-wrap{max-width:none}.map-mode-toggle{display:inline-flex;gap:3px;padding:3px;border-radius:999px;background:var(--glass);border:1px solid var(--stroke);margin-bottom:10px}.map-names-list{display:flex;flex-wrap:wrap;gap:4px 14px;margin-bottom:8px;font-size:12.5px;font-weight:700}.map-mode-toggle button{padding:6px 16px;border-radius:999px;font-size:12px;font-weight:700;background:none;border:none;color:var(--text-2)}.map-mode-toggle button.active{color:var(--bg-0);background:linear-gradient(100deg,var(--aurora-a),var(--aurora-b))}[data-theme=light] .map-mode-toggle button.active{color:#fff}.region-shape{cursor:pointer;transition:opacity .15s ease;outline:none}.region-shape:hover,.region-shape:focus{opacity:.55!important}.region-overview{display:flex;gap:18px;flex-wrap:wrap;align-items:flex-start}.region-legend{flex:1 1 220px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.region-legend-head{font-size:11.5px;color:var(--text-3);padding:4px 8px 10px}.region-legend-row{display:flex;align-items:center;gap:9px;width:100%;padding:6px 9px;border-radius:var(--radius-sm);font-size:12.5px;background:none;border:1px solid transparent;color:var(--text-2);text-align:left}.region-legend-row i{width:11px;height:11px;border-radius:50%;flex-shrink:0}.region-legend-row em{margin-left:auto;font-style:normal;font-size:10px;color:var(--text-3)}.region-legend-row.hot,.region-legend-row:hover{background:var(--glass-strong);border-color:var(--stroke);color:var(--text-1)}.world-map{width:100%;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--bg-1);display:block}.world-land{fill:#949eff24;stroke:#949eff52;stroke-width:.6}[data-theme=light] .world-land{fill:#46468c1f;stroke:#46468c4d}.map-label{paint-order:stroke;stroke:var(--bg-1);stroke-width:3px}.map-marker{animation:pulse 2.4s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes pulse{0%,to{opacity:.85}50%{opacity:.35}}.map-legend{display:flex;gap:16px;margin-top:10px;font-size:12px;color:var(--text-2);flex-wrap:wrap}.map-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.world-map-cursor-tooltip{position:fixed;transform:translate(14px,10px);pointer-events:none;z-index:40;background:var(--bg-1);border:1px solid var(--stroke-strong);border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700;color:var(--text-1);box-shadow:0 6px 18px -6px #0009;white-space:nowrap}.editor-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;background:transparent;position:relative;overflow:hidden}.editor-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 55% 45% at 85% -8%,rgba(123,107,255,.14),transparent 60%),radial-gradient(ellipse 45% 40% at 8% 105%,rgba(83,255,200,.08),transparent 60%)}.editor-toolbar{display:flex;align-items:center;gap:16px;padding:10px 20px;border-bottom:1px solid var(--stroke);background:linear-gradient(180deg,var(--glass-strong),var(--glass) 70%);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-shrink:0;position:relative;z-index:2}.editor-toolbar-identity{display:flex;align-items:center;gap:14px;flex-shrink:0;min-width:0}.editor-back{display:flex;align-items:center;gap:8px;font-weight:800;color:var(--text-1);flex-shrink:0;font-size:14px;padding-right:14px;border-right:1px solid var(--stroke)}.editor-title{width:220px;background:transparent;border:none;border-bottom:1.5px solid transparent;font-size:16px;font-weight:700;color:var(--text-1);padding:4px 2px;border-radius:0;transition:border-color .2s ease}.editor-title::placeholder{color:var(--text-3);font-weight:500}.editor-title:focus{outline:none;border-bottom-color:var(--accent)}.editor-toolbar-views{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;overflow:hidden}.editor-views-pill{display:flex;align-items:center;gap:1px;padding:4px;border-radius:12px;background:var(--bg-2);border:1px solid var(--stroke);max-width:100%;overflow-x:auto}.editor-views-pill .toolbar-menu:not(:last-child){margin-right:5px;position:relative}.editor-views-pill .toolbar-menu:not(:last-child):after{content:"";position:absolute;right:-3px;top:22%;bottom:22%;width:1px;background:var(--stroke)}.editor-views-pill .btn.ghost{border-color:transparent;background:none;padding:7px 12px;font-size:12.5px;border-radius:9px;white-space:nowrap}.editor-views-pill .btn.ghost:hover{background:var(--glass-strong);border-color:transparent}.editor-toolbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.editor-scale{display:flex;flex-direction:column;align-items:center;gap:2px}.editor-scale-label{font-size:10.5px;color:var(--text-2);font-weight:600;white-space:nowrap}.editor-scale-input{width:48px;background:var(--bg-2);border:1px solid var(--stroke);border-radius:8px;padding:6px 8px;font-size:12.5px;color:var(--text-1);text-align:center;-moz-appearance:textfield}.editor-scale-input::-webkit-outer-spin-button,.editor-scale-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editor-savemsg{font-size:12px;color:var(--accent);font-weight:600;white-space:nowrap}.editor-savemsg.pending{color:var(--text-3);font-weight:500}.save-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.switch{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:relative;width:28px;height:16px;border-radius:999px;background:var(--bg-2);border:1px solid var(--stroke-strong);flex-shrink:0;transition:background .15s ease,border-color .15s ease,box-shadow .2s ease}.switch-thumb{position:absolute;top:1px;left:1px;width:12px;height:12px;border-radius:50%;background:var(--text-3);transition:transform .15s ease,background .15s ease}.switch input:checked+.switch-track{background:var(--accent-dim);border-color:var(--accent)}.switch input:checked+.switch-track .switch-thumb{transform:translate(12px);background:var(--accent)}.switch-track.dirty{border-color:#ffb020;box-shadow:0 0 5px -1px #ffb020b3}.switch-track.saving{border-color:var(--accent);animation:switch-pulse 1s ease-in-out infinite}.switch-track.saved-flash{animation:switch-blink .35s ease-in-out 3}@keyframes switch-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-dim)}50%{box-shadow:0 0 7px 1px var(--accent-dim)}}@keyframes switch-blink{0%,to{border-color:var(--stroke-strong);box-shadow:none}50%{border-color:#53ffc8;box-shadow:0 0 8px 1px #53ffc8e6}}.editor-body{flex:1;display:flex;overflow:hidden;position:relative;z-index:1}.palette{width:250px;flex-shrink:0;border-right:1px solid var(--stroke);background:linear-gradient(180deg,var(--glass-strong),var(--glass) 55%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column}.palette .pal-search{padding:12px;border-bottom:1px solid var(--stroke)}.palette .pal-list{flex:1;overflow-y:auto;padding:8px}.pal-group{margin-bottom:4px}.pal-group-head{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:none;border:none;border-left:3px solid var(--cat-color, var(--stroke));cursor:pointer;border-radius:6px;margin-bottom:2px;transition:background .15s ease}.pal-group-head:hover{background:var(--glass-strong)}.pal-group-icon{flex-shrink:0;opacity:.9}.pal-group-name{flex:1;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--text-2)}.pal-group-count{font-size:10px;color:var(--text-3);background:var(--bg-2);padding:1px 6px;border-radius:8px}.pal-group-chevron{color:var(--text-3);font-size:10px;width:10px;text-align:center}.pal-item{display:flex;align-items:center;gap:9px;padding:6px 9px 6px 18px;border-radius:var(--radius-sm);font-size:13px;cursor:grab;border:1px solid transparent;transition:all .15s ease}.pal-item:hover{background:var(--glass-strong);border-color:var(--stroke);transform:translate(2px)}.pal-item:active{cursor:grabbing}.pal-item-icon{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:color-mix(in srgb,var(--item-color, var(--stroke-strong)) 25%,transparent)}.pal-item-conflict{opacity:.5}.pal-item-conflict:hover{opacity:.85}.pal-item-warn{margin-left:auto;font-size:11px;flex-shrink:0}.flow-wrap{flex:1;position:relative;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(83,30,150,.1),transparent 65%),var(--bg-0)}.react-flow__minimap{border-radius:12px!important;overflow:hidden;background:var(--bg-1)!important;border:1px solid var(--stroke-strong);box-shadow:0 10px 30px -10px #0000008c}.canvas-floating-toolbar{position:absolute;top:16px;left:16px;z-index:15;display:flex;align-items:center;gap:4px;padding:6px;background:linear-gradient(180deg,var(--glass-strong),var(--glass));border:1px solid var(--stroke-strong);border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px -10px #0000008c}.cft-btn{width:36px;height:36px;display:grid;place-items:center;background:none;border:1px solid transparent;border-radius:10px;font-size:16px;color:var(--text-1);transition:all .15s ease;flex-shrink:0}.cft-btn:hover{background:var(--glass-strong);border-color:var(--stroke)}.cft-btn.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.cft-btn.danger:hover{background:#ff6b7c1f;border-color:#ff6b7c66;color:var(--danger)}.cft-btn:disabled{opacity:.35;cursor:not-allowed}.cft-btn:disabled:hover{background:none;border-color:transparent}.cft-sep{width:1px;align-self:stretch;margin:4px 2px;background:var(--stroke)}.cft-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:16;min-width:220px;max-width:280px;max-height:50vh;overflow-y:auto;padding:10px;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid var(--stroke-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 34px -8px #0009}.cft-panel-title{font-size:11.5px;font-weight:700;color:var(--text-2);margin-bottom:8px}.cft-panel-group{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--aurora-c);font-weight:700;padding:4px 0 3px}.cft-panel-group-toggle{display:flex;align-items:center;gap:5px;width:100%;background:none;border:none;cursor:pointer;margin-bottom:2px}.cft-panel-group-chevron{display:inline-block;transition:transform .15s ease;font-size:8.5px}.cft-panel-group-toggle.open .cft-panel-group-chevron{transform:rotate(90deg)}.cft-panel-group-count{margin-left:auto;font-size:9px;color:var(--text-3);background:var(--glass);border-radius:999px;padding:1px 6px;font-weight:700}.cft-panel-item{display:block;width:100%;text-align:left;padding:7px 10px;margin-bottom:3px;background:var(--glass);border:1px solid var(--stroke);border-radius:8px;font-size:12.5px;color:var(--text-1);transition:all .15s ease}.cft-panel-item:hover{border-color:var(--aurora-c);background:var(--glass-strong)}.match-panel{width:300px;flex-shrink:0;border-left:1px solid var(--stroke);background:linear-gradient(180deg,var(--glass-strong),var(--glass) 55%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow-y:auto;padding:14px}.match-panel h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:12px}.ing-spec-preview{display:flex;flex-direction:column;gap:6px;padding:14px 16px;margin-bottom:18px;border-radius:var(--radius);border:1px solid var(--stroke-strong);background:linear-gradient(160deg,var(--accent-dim),var(--bg-1) 70%)}.ing-spec-qty{font-size:20px;font-weight:800;color:var(--text-1);letter-spacing:-.2px}.ing-spec-cut{font-size:12.5px;color:var(--text-2);font-weight:600}.panel-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;font-weight:700;color:var(--text-3);margin-bottom:6px}.unit-picks{display:flex;flex-direction:column;gap:10px;margin:10px 0 14px}.unit-pick-group-label{display:block;font-size:9.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--aurora-c);font-weight:700;margin-bottom:5px}.unit-pick-row{display:flex;flex-wrap:wrap;gap:5px}.ing-node{display:flex;align-items:center;justify-content:center;gap:8px;position:relative;width:100%;min-height:100%;box-sizing:border-box;container-type:inline-size;background:linear-gradient(160deg,color-mix(in srgb,var(--node-glow, var(--stroke-strong)) 16%,var(--bg-1)),var(--bg-1) 65%);border:1.5px solid color-mix(in srgb,var(--node-glow, var(--stroke-strong)) 55%,var(--stroke-strong));border-radius:12px;padding:7px 12px 7px 7px;font-size:11.5px;font-weight:600;color:var(--text-1);box-shadow:0 4px 16px -6px #00000080,0 0 16px -6px var(--node-glow, transparent);transition:box-shadow .15s ease}.ing-node:hover{box-shadow:0 8px 20px -6px #0000008c,0 0 20px -4px var(--node-glow, transparent)}.ing-node .ic{font-size:clamp(14px,13cqw,44px);width:clamp(24px,22cqw,72px);height:clamp(24px,22cqw,72px);border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--node-glow, var(--stroke-strong)) 30%,var(--bg-2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--node-glow, var(--stroke-strong)) 45%,transparent)}.ing-node.selected{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 8px 22px -6px #0000008c,0 0 22px -2px var(--accent-dim)}.ing-node-title{line-height:1.2;font-size:clamp(11.5px,10cqw,36px)}.ing-node-sub{font-size:clamp(10.5px,9cqw,28px);color:var(--text-3);font-weight:500;margin-top:1px}.ing-node-note{font-size:clamp(9.5px,8cqw,26px);color:var(--text-3);font-style:italic;margin-top:2px;white-space:pre-wrap;overflow-wrap:break-word}.react-flow__handle{width:10px;height:10px;border:2px solid var(--bg-0);z-index:2}.react-flow__handle:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.edge-delete-btn{position:absolute;pointer-events:none;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;padding:0;background:var(--bg-1);border:1.5px solid var(--aurora-b);color:var(--aurora-b);font-size:10px;line-height:1;cursor:pointer;box-shadow:0 2px 8px -2px #0009;opacity:0;transition:background .15s ease,color .15s ease,opacity .1s ease}.edge-delete-btn.visible{opacity:1;pointer-events:all}.edge-delete-btn:hover{background:var(--aurora-b);color:var(--bg-0)}.shortcuts-btn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--glass-strong);border:1px solid var(--stroke-strong);color:var(--text-2);font-weight:700;font-size:13px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px -4px #00000080}.shortcuts-btn:hover{border-color:var(--accent);color:var(--accent)}.shortcuts-panel{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:min(420px,80vw);max-height:60vh;overflow-y:auto;background:var(--glass-strong);border:1px solid var(--stroke-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 32px -8px #0009;padding:12px}.shortcuts-search{width:100%;margin-bottom:10px}.shortcuts-empty{font-size:12.5px;color:var(--text-3);text-align:center;padding:12px 0}.shortcuts-group{margin-bottom:12px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--aurora-c);margin-bottom:5px}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0;font-size:12.5px;color:var(--text-2)}.shortcuts-keys{display:flex;gap:3px;flex-shrink:0}.shortcuts-keys kbd{font-family:inherit;font-size:10.5px;font-weight:700;color:var(--text-1);background:var(--bg-2);border:1px solid var(--stroke-strong);border-bottom-width:2px;border-radius:5px;padding:2px 6px;white-space:nowrap}.recipe-view-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#060612bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;padding:24px;overflow-y:auto}.recipe-view{width:min(720px,100%);flex-shrink:0;background:#fff;color:#17171f;border-radius:10px;box-shadow:0 24px 60px -12px #0009;overflow:hidden}.recipe-view-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f2f2f6;border-bottom:1px solid #ddd}.recipe-view-sharemsg{font-size:12px;color:#2a8f6a;font-weight:600}.recipe-view-content{padding:32px 40px 44px}.recipe-view-content h1{font-size:26px;margin:0 0 6px;color:#101018}.recipe-view-content h2{font-size:15px;text-transform:uppercase;letter-spacing:.6px;margin:26px 0 8px;padding-bottom:4px;border-bottom:2px solid #101018;color:#101018}.recipe-view-content h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;color:#666;margin:14px 0 6px}.recipe-view-meta{display:flex;gap:16px;font-size:13.5px;color:#444;margin-bottom:4px}.recipe-view-list{margin:0;padding-left:20px}.recipe-view-list li{font-size:13.5px;line-height:1.7}.recipe-view-list li em{color:#666;font-style:italic}.recipe-view-steps{margin:0;padding-left:22px}.recipe-view-steps li{font-size:13.5px;line-height:1.8;margin-bottom:6px}.recipe-view-technique-detail{font-size:12px;line-height:1.5;color:#555;font-style:italic;margin:3px 0 4px;padding-left:10px;border-left:2px solid #ddd}.recipe-view-section+.recipe-view-section{margin-top:6px}.recipe-view-timepick{display:flex;align-items:center;gap:6px;font-size:12px;color:#444;margin-left:8px}.recipe-view-timepick input{padding:3px 6px;font-size:12px}.recipe-view-timeline{list-style:none;margin:0;padding:0}.recipe-view-timeline li{display:flex;gap:12px;font-size:13.5px;line-height:1.6;padding:3px 0;border-bottom:1px dotted #ddd}.recipe-view-timeline li:last-child{border-bottom:none}.recipe-view-timeline-time{flex-shrink:0;width:52px;font-weight:700;color:#101018;font-variant-numeric:tabular-nums}.step-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100%;box-sizing:border-box;container-type:inline-size;padding:9px 14px;border-radius:12px;background:linear-gradient(160deg,color-mix(in srgb,var(--aurora-b) 14%,var(--bg-2)),var(--bg-2) 70%);border:1.5px solid color-mix(in srgb,var(--aurora-b) 55%,var(--stroke-strong));min-width:112px;text-align:center;box-shadow:0 4px 18px -6px #0000008c,0 0 16px -4px #7b6bff4d;transition:box-shadow .15s ease}.step-node:hover{box-shadow:0 8px 22px -6px #0009,0 0 20px -3px #7b6bff66}.step-node.selected{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 8px 22px -6px #0009,0 0 22px -2px var(--accent-dim)}.step-node-title{font-weight:700;font-size:clamp(11.5px,9.4cqw,34px);color:var(--text-1)}.step-node-sub{font-size:clamp(9.5px,7.7cqw,28px);color:var(--aurora-a);margin-top:2px;font-weight:600}.step-node-note{font-size:clamp(9.5px,7.7cqw,28px);color:var(--text-3);margin-top:3px;font-style:italic;white-space:pre-wrap;overflow-wrap:break-word}.step-node-technique{font-size:clamp(9.5px,7.7cqw,28px);color:var(--aurora-c);margin-top:2px;font-weight:700}.step-node-icon{display:grid;place-items:center;width:clamp(20px,17cqw,46px);height:clamp(20px,17cqw,46px);border-radius:50%;margin-bottom:4px;font-size:clamp(11px,10cqw,26px);background:color-mix(in srgb,var(--aurora-b) 22%,var(--bg-1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--aurora-b) 40%,transparent)}.step-node-finished{position:absolute;bottom:-9px;right:-9px;width:clamp(18px,13cqw,40px);height:clamp(18px,13cqw,40px);border-radius:50%;background:var(--bg-1);border:1.5px solid #53ffc8;display:grid;place-items:center;font-size:clamp(9px,7cqw,20px);box-shadow:0 0 10px -1px #53ffc899}.note-node{--note-color: #ffd257;position:relative;width:100%;height:100%;box-sizing:border-box;container-type:inline-size;padding:8px;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;gap:3px;background:linear-gradient(160deg,color-mix(in srgb,var(--note-color) 12%,var(--bg-2)),var(--bg-2) 70%);border:1.5px dashed color-mix(in srgb,var(--note-color) 55%,var(--stroke-strong));min-width:100px;min-height:44px;box-shadow:0 4px 16px -6px #00000080}.note-node.selected{border-style:solid;outline:2px solid var(--accent);outline-offset:2px}.note-node-icon{position:absolute;transform:translate(-50%,-50%);line-height:1;pointer-events:none;z-index:1}.note-node-text{flex:1;width:100%;height:100%;resize:none;border:none;background:none;padding:2px;color:var(--text-1);line-height:1.35}.note-node-text:focus{outline:none;box-shadow:none}.note-position-pad{position:relative;width:100%;aspect-ratio:16 / 9;min-height:90px;border:1px dashed var(--stroke-strong);border-radius:10px;background:var(--bg-1);overflow:hidden}.note-position-dot{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--glass-strong);border:1.5px solid var(--stroke-strong);cursor:grab;touch-action:none}.note-position-dot:hover,.note-position-dot.active{border-color:var(--accent);box-shadow:0 0 10px var(--accent-dim)}.note-position-dot:active{cursor:grabbing}.note-icon-row{display:flex;align-items:center;gap:8px;padding:4px 0}.note-icon-row input[type=number]{width:56px}.note-format-row{display:flex;gap:6px}.note-format-row .chip{padding:6px 10px;min-width:34px;text-align:center;justify-content:center}.add-step-item{border-style:dashed;border-color:var(--aurora-b);color:var(--aurora-b);font-weight:700}.cut-picks{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.gen-steps{display:flex;flex-direction:column;gap:8px;padding:0;margin:0;list-style:none}.gen-steps li{font-size:12.5px;line-height:1.5;padding:8px 10px;background:var(--bg-2);border-radius:8px}.gen-steps-reorderable li{display:flex;align-items:flex-start;gap:8px}.gen-step-reorder{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.gen-step-reorder button{width:16px;height:14px;padding:0;font-size:8px;line-height:1;background:var(--glass);border:1px solid var(--stroke);border-radius:3px;color:var(--text-2)}.gen-step-reorder button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gen-step-reorder button:disabled{opacity:.3;cursor:not-allowed}.canvas-context-menu{position:fixed;z-index:50;min-width:170px;padding:5px;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid var(--stroke-strong);border-radius:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 34px -8px #0009}.ccm-item{display:block;width:100%;text-align:left;padding:8px 10px;background:none;border:none;border-radius:6px;font-size:12.5px;color:var(--text-1);transition:background .12s ease}.ccm-item:hover{background:var(--glass-strong)}.ccm-item.danger{color:var(--danger)}.ccm-item.danger:hover{background:#ff6b7c1f}.ccm-item:disabled{opacity:.4;cursor:not-allowed}.ccm-item:disabled:hover{background:none}.planner-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#06061299;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.planner-dialog{width:min(360px,90vw);padding:20px;background:linear-gradient(160deg,var(--glass-strong),var(--bg-1) 80%);border:1px solid var(--stroke-strong);border-radius:var(--radius);box-shadow:0 20px 48px -12px #000000b3}.planner-dialog-message{font-size:13.5px;color:var(--text-1);line-height:1.5;margin:0 0 14px}.planner-dialog-input{width:100%;margin-bottom:14px}.planner-dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.mobile-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#060612eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:24px}.mobile-gate-card{width:min(360px,100%);padding:28px 24px;text-align:center;background:linear-gradient(160deg,var(--glass-strong),var(--bg-1) 80%);border:1px solid var(--stroke-strong);border-radius:var(--radius);box-shadow:0 20px 48px -12px #000000b3}.mobile-gate-icon{font-size:40px;margin-bottom:10px}.mobile-gate-card h2{font-size:17px;margin:0 0 10px}.mobile-gate-card p{font-size:13px;line-height:1.5;color:var(--text-2);margin:0 0 18px}.mobile-gate-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.node-hover-popover{position:absolute;z-index:40;pointer-events:none;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:max-content;max-width:420px}.pal-hover-popover{position:fixed;bottom:auto;transform:none}.mixture-preview{pointer-events:auto;text-align:left;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid var(--stroke-strong);border-radius:var(--radius);padding:12px 14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 34px -8px #0009}.mixture-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.mixture-preview-head b{font-size:13px;color:var(--text-1)}.mixture-preview-cat{font-size:10px;color:var(--aurora-c);font-weight:700;white-space:nowrap}.mixture-preview-label{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);font-weight:700;margin:8px 0 4px}.mixture-preview-ings{display:flex;flex-wrap:wrap;gap:5px}.mixture-preview-steps{margin-top:8px}.mixture-preview-steps li{font-size:11px;padding:6px 8px}.node-hover-popover:not(.pal-hover-popover) .mixture-preview-head b,.node-hover-popover:not(.pal-hover-popover) .technique-hover-card b{font-size:clamp(11.5px,9.4cqw,34px)}.node-hover-popover:not(.pal-hover-popover) .mixture-preview-cat,.node-hover-popover:not(.pal-hover-popover) .mixture-preview-label,.node-hover-popover:not(.pal-hover-popover) .mixture-preview-steps li,.node-hover-popover:not(.pal-hover-popover) .technique-hover-card p{font-size:clamp(9.5px,7.7cqw,28px)}.node-hover-popover:not(.pal-hover-popover) .technique-hover-science{font-size:clamp(9.5px,7.7cqw,28px)!important}.technique-hover-card{pointer-events:auto;text-align:left;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid var(--stroke-strong);border-radius:var(--radius);padding:12px 14px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 34px -8px #0009}.technique-hover-card b{font-size:13px;color:var(--text-1)}.technique-hover-card p{font-size:11.5px;line-height:1.5;color:var(--text-2);margin-top:6px}.technique-hover-science{color:var(--aurora-c)!important;font-size:11px!important}.technique-preview{margin-top:10px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--stroke)}.technique-preview-desc{font-size:11.5px;line-height:1.5;color:var(--text-2)}.technique-preview-science{font-size:11px;line-height:1.5;color:var(--aurora-c);margin-top:6px}.ing-node-orphan{position:absolute;top:-8px;right:-8px;width:clamp(16px,12cqw,36px);height:clamp(16px,12cqw,36px);border-radius:50%;background:#ffb020;color:#201400;display:grid;place-items:center;font-size:clamp(9px,7cqw,20px);font-weight:800;box-shadow:0 0 8px -1px #ffb020b3}.ing-node-preptime{position:absolute;top:-9px;left:-9px;height:clamp(16px,13cqw,38px);padding:0 6px;border-radius:999px;background:var(--bg-1);border:1.5px solid var(--aurora-a);display:flex;align-items:center;gap:2px;font-size:clamp(8px,6cqw,18px);font-weight:700;color:var(--aurora-a);box-shadow:0 0 8px -1px #53ffc880}.draft-banner{position:absolute;top:60px;left:50%;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:var(--glass-strong);border:1px solid var(--stroke-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:12.5px;box-shadow:0 8px 24px -8px #00000080}.step-node.is-base{border-style:solid;border-color:var(--aurora-c);box-shadow:0 0 14px -2px #ff6bd666;position:relative}.step-node-badge{position:absolute;top:-9px;left:-9px;width:clamp(18px,13cqw,40px);height:clamp(18px,13cqw,40px);border-radius:50%;background:var(--bg-1);border:1.5px solid var(--aurora-c);display:grid;place-items:center;font-size:clamp(9px,7cqw,20px);box-shadow:0 0 8px -1px #ff6bd699}.step-node-clock{position:absolute;top:-9px;right:-9px;height:clamp(18px,13cqw,40px);min-width:clamp(18px,13cqw,40px);padding:0 5px;border-radius:999px;background:var(--bg-1);border:1.5px solid var(--stroke-strong);display:flex;align-items:center;justify-content:center;gap:2px;font-size:clamp(8px,6cqw,18px);font-weight:700;color:var(--text-3);opacity:.55;transition:all .15s ease}.step-node-clock:hover{opacity:1;border-color:var(--aurora-a)}.step-node-clock.set{opacity:1;color:var(--aurora-a);border-color:var(--aurora-a);box-shadow:0 0 8px -1px #53ffc880}.step-node-clock-popover{position:absolute;top:-44px;right:-9px;z-index:20;background:var(--bg-1);border:1px solid var(--stroke-strong);border-radius:8px;padding:4px;box-shadow:0 8px 20px -6px #0009}.step-node-clock-popover .duration-hm input,.step-node-clock-popover .duration-hm select{width:44px;padding:5px 4px;font-size:11px;text-align:center}.step-node-clock-popover .duration-hm span{font-size:10px;color:var(--text-3)}.duration-hm{display:flex;align-items:center;gap:5px}.duration-hm input,.duration-hm select{width:56px;text-align:center;flex:none}.duration-hm span{font-size:12px;color:var(--text-3);font-weight:600}.step-node-stale{position:absolute;top:-9px;right:-9px;width:clamp(18px,13cqw,40px);height:clamp(18px,13cqw,40px);border-radius:50%;background:#ffb020;border:1.5px solid var(--bg-1);display:grid;place-items:center;font-size:clamp(9px,7cqw,20px);box-shadow:0 0 10px -1px #ffb020b3;animation:stale-pulse 2s ease-in-out infinite}@keyframes stale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.pal-bases{padding:6px 8px 10px;border-bottom:1px solid var(--stroke);margin-bottom:6px}.pal-bases-title{font-size:10.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--aurora-c);font-weight:700;padding:2px 0 6px}.pal-base-item{border:1px solid rgba(255,107,214,.25);background:#ff6bd60d;padding-left:9px}.pal-base-item:hover{border-color:var(--aurora-c);background:#ff6bd61a}.toolbar-menu{position:relative}.toolbar-menu .btn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.toolbar-popover{position:fixed;z-index:26;min-width:260px;max-width:340px;max-height:60vh;overflow-y:auto;padding:12px;background:linear-gradient(180deg,var(--bg-1),var(--bg-2));border:1px solid var(--stroke-strong);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 18px 50px -12px #0009}.toolbar-popover-row{display:flex;gap:6px;align-items:center;margin-bottom:6px}.selection-toolbar{position:absolute;top:18px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:8px;padding:8px 10px;background:linear-gradient(180deg,var(--glass-strong),var(--glass));border:1px solid var(--stroke-strong);border-radius:999px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 34px -8px #7b6bff80;animation:selection-toolbar-in .15s ease}@keyframes selection-toolbar-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.inspector-empty{text-align:center;padding:30px 10px 20px;color:var(--text-3)}.inspector-empty-icon{font-size:30px;margin-bottom:8px;opacity:.7}.inspector-empty p{font-size:12.5px;line-height:1.5}@media(max-width:1000px){.editor-body{flex-direction:column;overflow-y:auto}.palette,.match-panel{width:100%;max-height:280px}.flow-wrap{height:480px}}.draw-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#060612e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center}.draw-stage{width:min(430px,92vw);text-align:center}.reel-window{height:280px;overflow:hidden;border-radius:var(--radius);border:1px solid var(--stroke-strong);background:var(--bg-1);position:relative;box-shadow:0 0 60px -10px #7b6bff80}.reel-window:before,.reel-window:after{content:"";position:absolute;left:0;right:0;height:70px;z-index:2;pointer-events:none}.reel-window:before{top:0;background:linear-gradient(180deg,var(--bg-1),transparent)}.reel-window:after{bottom:0;background:linear-gradient(0deg,var(--bg-1),transparent)}.reel{will-change:transform}.reel-item{height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px}.reel-item .r-img{width:130px;height:130px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:56px;background:var(--bg-2);border:2px solid var(--stroke-strong)}.reel-item .r-img img{width:100%;height:100%;object-fit:cover}.reel-item b{font-size:17px}.draw-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.winner-glow{animation:winner .6s ease}@keyframes winner{0%{transform:scale(.92);filter:brightness(2)}to{transform:scale(1);filter:none}}.starburst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.starburst i{position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:50%;animation:burst .9s ease-out forwards}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.admin-grid{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}}.admin-nav{display:flex;flex-direction:column;gap:4px}.admin-nav button{text-align:left;padding:9px 13px;border-radius:var(--radius-sm);font-size:13px;background:none;border:1px solid transparent;color:var(--text-2)}.admin-nav button.active{background:var(--glass-strong);border-color:var(--stroke);color:var(--text-1)}.admin-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.admin-form .full{grid-column:1 / -1}.admin-section-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--stroke)}.row-actions{display:flex;gap:8px}.spectrum-wrap{margin:8px 0 20px}.view-toggle{display:flex;align-items:center;gap:2px;padding:3px;border-radius:10px;background:var(--bg-2);border:1px solid var(--stroke)}.view-toggle-btn{padding:6px 12px;font-size:12px;font-weight:600;border-radius:7px;background:none;border:1px solid transparent;color:var(--text-2);transition:all .15s ease}.view-toggle-btn:hover{background:var(--glass-strong)}.view-toggle-btn.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.spectrum{position:relative;height:14px;border-radius:7px;background:linear-gradient(90deg,#4aa3ff,#53ffc8 25%,#ffd257 55%,#ff8a5c 75%,#ff5c7a)}.spectrum-line{position:absolute;top:50%;transform:translate(-50%,-50%);width:4px;height:26px;border-radius:2px;cursor:pointer;background:#fff;box-shadow:0 0 8px #ffffffb3;transition:all .15s ease}.spectrum-line:hover{height:32px;box-shadow:0 0 12px #ffffffe6}.spectrum-line.on{background:var(--bg-0);border:2px solid var(--accent);width:6px;height:32px;box-shadow:0 0 14px var(--accent)}.spec-rows{display:flex;flex-direction:column;gap:14px}.spec-group{display:flex;flex-direction:column;gap:3px}.spec-group-label{font-size:10px;text-transform:uppercase;letter-spacing:.6px;font-weight:700;color:var(--text-3);margin-bottom:3px}.spec-row{display:grid;grid-template-columns:130px 1fr 62px;align-items:center;gap:10px;width:100%;padding:3px 6px;border-radius:6px;background:none;border:1px solid transparent;text-align:left;transition:background .15s ease,border-color .15s ease}.spec-row:hover{background:var(--glass-strong)}.spec-row.on{border-color:var(--accent);background:var(--accent-dim)}.spec-row-label{font-size:11.5px;color:var(--text-1);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spec-row-track{position:relative;height:8px;border-radius:4px;background:var(--bg-2)}.spec-row-bar{position:absolute;top:0;bottom:0;border-radius:4px;min-width:4px;box-shadow:0 0 8px -1px #ffffff59}.spec-row-range{font-size:10.5px;color:var(--text-3);text-align:right;white-space:nowrap}.spectrum-scale{display:flex;justify-content:space-between;font-size:10.5px;color:var(--text-3);margin-top:10px}.spectrum-scale.indented{padding-left:140px}@media(max-width:700px){.spec-row{grid-template-columns:1fr auto;grid-template-areas:"label range" "track track";row-gap:5px}.spec-row-label{grid-area:label}.spec-row-range{grid-area:range;text-align:left}.spec-row-track{grid-area:track}.spectrum-scale.indented{padding-left:0}.spectrum-scale{flex-wrap:wrap;gap:4px 12px}}.uni{position:relative;overflow:hidden;margin:-28px clamp(-44px,-4vw,-16px) -60px;padding:18px clamp(16px,4vw,44px) 28px}.uni-fixed{min-height:min(680px,86vh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.4vh,14px)}.uni-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff,transparent),radial-gradient(1.2px 1.2px at 28% 62%,#fff,transparent),radial-gradient(1.8px 1.8px at 42% 8%,#fff,transparent),radial-gradient(1.2px 1.2px at 58% 38%,#fff,transparent),radial-gradient(1.6px 1.6px at 73% 22%,#fff,transparent),radial-gradient(1.2px 1.2px at 85% 55%,#fff,transparent),radial-gradient(1.8px 1.8px at 6% 78%,#fff,transparent),radial-gradient(1.2px 1.2px at 33% 88%,#fff,transparent),radial-gradient(1.6px 1.6px at 64% 82%,#fff,transparent),radial-gradient(1.2px 1.2px at 92% 85%,#fff,transparent),radial-gradient(1.6px 1.6px at 95% 15%,#fff,transparent),radial-gradient(1.2px 1.2px at 18% 42%,#fff,transparent)}[data-theme=light] .uni-stars{opacity:.3}.uni-nebula{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5}.uni-nebula.n1{width:560px;height:420px;top:-140px;right:-120px;background:radial-gradient(circle,rgba(123,107,255,.5),transparent 70%)}.uni-nebula.n2{width:520px;height:440px;bottom:-160px;left:-140px;background:radial-gradient(circle,rgba(83,255,200,.35),transparent 70%)}[data-theme=light] .uni-nebula{opacity:.25}.shooting-star{position:absolute;width:130px;height:1.5px;pointer-events:none;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0;transform:rotate(-35deg);animation:shoot 9s linear infinite}.shooting-star.s1{top:12%;left:62%;animation-delay:1.5s}.shooting-star.s2{top:34%;left:12%;animation-delay:4.5s}.shooting-star.s3{top:68%;left:74%;animation-delay:7s}@keyframes shoot{0%,92%{opacity:0;transform:rotate(-35deg) translate(0)}93%{opacity:.9}to{opacity:0;transform:rotate(-35deg) translate(-240px)}}.uni-head{text-align:center;position:relative}.uni-head h1{font-size:clamp(22px,3.4vw,36px);font-weight:800;letter-spacing:-1px;background:linear-gradient(100deg,var(--text-1) 25%,var(--aurora-a) 60%,var(--aurora-b) 85%,var(--aurora-c));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.uni-head p{color:var(--text-2);margin-top:4px;font-size:13px}.uni-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}.btn-xl{padding:13px 26px;font-size:15px;border-radius:12px}.uni-hint{text-align:center;color:var(--text-3);font-size:12.5px;position:relative}.uni-graph{position:relative;flex-shrink:1;min-height:0;width:min(1080px,96vw);height:min(320px,40vh);container-type:size}.uni-spokes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.uni-hub{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(64px,26cqh,96px);height:clamp(64px,26cqh,96px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--aurora-a) 45%,var(--bg-1)),var(--bg-1) 70%);border:2px solid var(--stroke-strong);box-shadow:0 6px 24px -8px #0009,0 0 26px -4px var(--accent-dim);cursor:pointer;transition:filter .15s ease,transform .15s ease}.uni-hub:hover,.uni-hub:focus-visible{filter:brightness(1.15);transform:translate(-50%,-50%) scale(1.04);outline:none}.uni-hub-ic{font-size:clamp(20px,9cqh,32px);line-height:1}.uni-hub-label{font-size:clamp(8px,3.2cqh,11px);font-weight:700;color:var(--text-1);text-transform:uppercase;letter-spacing:.4px}.uni-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:3px;width:clamp(46px,15cqh,66px);padding:0;background:none;border:none;cursor:pointer}.uni-node-ic{width:clamp(26px,10cqh,38px);height:clamp(26px,10cqh,38px);border-radius:50%;flex-shrink:0;display:grid;place-items:center;color:var(--text-1);background:color-mix(in srgb,var(--node-glow, var(--stroke-strong)) 32%,var(--bg-1));border:1.5px solid color-mix(in srgb,var(--node-glow, var(--stroke-strong)) 60%,var(--stroke-strong));box-shadow:0 3px 10px -4px #0000008c;transition:filter .15s ease,transform .15s ease}.uni-node-label{font-size:clamp(7.5px,2.8cqh,9.5px);font-weight:700;color:var(--text-1);text-align:center;max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uni-node:hover .uni-node-ic,.uni-node:focus-visible .uni-node-ic{filter:brightness(1.25);transform:scale(1.08);outline:none}@media(prefers-reduced-motion:reduce){.uni-hub,.uni-node-ic,.shooting-star{animation:none!important;transition:none!important}}.roulette-stage{width:min(460px,94vw);text-align:center}.roulette-title{margin-bottom:14px;min-height:32px}.wheel-wrap{position:relative;display:grid;place-items:center}.wheel-glow{position:absolute;width:76%;height:76%;border-radius:50%;box-shadow:0 0 90px -8px #7b6bffa6;pointer-events:none}.wheel-svg{width:min(400px,88vw);height:auto;border-radius:50%}.wheel-pointer{position:absolute;top:-12px;left:50%;transform:translate(-50%);z-index:3;font-size:30px;color:#ffd257;text-shadow:0 0 12px rgba(255,210,87,.9)}.winner-card{display:flex;align-items:center;gap:16px;text-align:left;margin:18px auto 0;padding:14px 18px;max-width:400px}.winner-card .r-img{width:64px;height:64px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font-size:30px;background:var(--bg-2);border:2px solid var(--stroke-strong);flex-shrink:0}.winner-card .r-img img{width:100%;height:100%;object-fit:cover}.roulette-controls{margin-bottom:24px}.rc-modes{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.rc-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.rc-filters .field{flex:0 1 170px}.diet-sub{font-size:13px;font-weight:700;margin:20px 0 10px;color:var(--text-2)}.disclaimer-box{margin-top:24px;padding:16px 18px;border-radius:var(--radius-sm);border:1px solid rgba(255,210,87,.4);background:#ffd25712}.disclaimer-box b{font-size:13px;color:#ffd257}.disclaimer-box p{font-size:12.5px;color:var(--text-2);line-height:1.6;margin:8px 0 12px}.warn-banner{border:1px solid rgba(255,107,124,.45);background:#ff6b7c17;border-radius:var(--radius-sm);padding:14px 18px;margin:18px 0}.warn-banner b{color:var(--danger);font-size:13.5px}.warn-banner ul{margin:8px 0 0 18px;font-size:13px;color:var(--text-2);display:grid;gap:4px}.warn-banner .fine{font-size:11px;color:var(--text-3);margin-top:10px}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;max-width:620px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--stroke-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 34px -8px #0009}.cookie-banner p{flex:1 1 260px;margin:0;font-size:12.5px;line-height:1.5;color:var(--text-2)}.cookie-banner p a{color:var(--accent)}.cookie-banner-actions{display:flex;gap:8px;flex-shrink:0}.tutorial-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;pointer-events:none}.tutorial-spotlight{position:fixed;border-radius:10px;box-shadow:0 0 0 9999px #04040cf5;outline:2px solid var(--accent);outline-offset:2px;animation:tutorial-pulse 1.6s ease-in-out infinite;transition:left .2s ease,top .2s ease,width .2s ease,height .2s ease}@keyframes tutorial-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:var(--accent-dim)}}.tutorial-spotlight-action{outline-color:#ffb020;animation:tutorial-pulse-action 1.2s ease-in-out infinite}@keyframes tutorial-pulse-action{0%,to{outline-color:#ffb020}50%{outline-color:#ffd257}}.tutorial-card{position:fixed;width:340px;pointer-events:auto;padding:18px 20px;border-radius:var(--radius);background:linear-gradient(160deg,var(--bg-2),var(--bg-1) 85%);border:1px solid var(--stroke-strong);box-shadow:0 20px 48px -12px #000000b3;transition:left .2s ease,top .2s ease}.tutorial-card-centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(360px,90vw)}.tutorial-step-count{font-size:10.5px;color:var(--text-3);font-weight:700;letter-spacing:.4px;margin-bottom:4px}.tutorial-card h3{font-size:15px;margin:0 0 8px}.tutorial-card p{font-size:13px;line-height:1.5;color:var(--text-2);margin:0 0 14px}.tutorial-actions{display:flex;align-items:center;gap:8px}.tutorial-status{font-size:12.5px;font-weight:700;padding:8px 10px;border-radius:8px;margin-bottom:12px;background:#ffb0201f;border:1px solid rgba(255,176,32,.4);color:#ffb020;transition:background .2s ease,border-color .2s ease,color .2s ease}.tutorial-status.done{background:#53ffc81f;border-color:#53ffc880;color:#53ffc8}.avatar-big{width:92px;height:92px;border-radius:50%;overflow:hidden;flex-shrink:0;display:grid;place-items:center;font-size:36px;font-weight:800;background:linear-gradient(135deg,var(--aurora-b),var(--aurora-c));color:#fff;border:2px solid var(--stroke-strong)}.avatar-big img{width:100%;height:100%;object-fit:cover}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#060612b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;padding-top:12vh}.palette-box{width:min(540px,92vw);height:fit-content;max-height:70vh;display:flex;flex-direction:column;padding:12px}.palette-results{overflow-y:auto;margin-top:8px}.palette-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);font-size:13.5px;background:none;border:none;color:var(--text-1);text-align:left}.palette-item.active{background:var(--glass-strong);box-shadow:inset 2px 0 0 var(--accent)}.palette-item .ic{font-size:17px}.palette-item .sub{margin-left:auto;color:var(--text-3);font-size:11px}.palette-foot{padding:8px 12px 2px;font-size:10.5px;color:var(--text-3);border-top:1px solid var(--stroke);margin-top:8px}.cook-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:var(--bg-0);display:flex;flex-direction:column}.cook-head{display:flex;align-items:center;gap:18px;padding:16px 24px;border-bottom:1px solid var(--stroke)}.cook-head b{font-size:16px;white-space:nowrap}.cook-progress{flex:1;height:6px;border-radius:3px;background:var(--bg-2);overflow:hidden}.cook-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--aurora-a),var(--aurora-b));transition:width .3s ease;border-radius:3px}.cook-body{flex:1;display:flex;overflow:hidden}.cook-ings{width:270px;flex-shrink:0;border-right:1px solid var(--stroke);padding:18px;overflow-y:auto}.cook-ings h3{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:12px}.cook-ing{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border-radius:var(--radius-sm);font-size:13.5px;background:none;border:1px solid transparent;color:var(--text-1);text-align:left}.cook-ing:hover{background:var(--glass)}.cook-ing.done{color:var(--text-3);text-decoration:line-through}.cook-ing em{margin-left:auto;font-style:normal;color:var(--text-3);font-size:11.5px}.cook-step{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.cook-count{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}.cook-step p{font-size:clamp(20px,2.6vw,30px);line-height:1.55;max-width:26ch;font-weight:500}.cook-nav{display:flex;gap:14px;margin-top:40px}.cook-nav .btn{font-size:18px;padding:12px 28px}@media(max-width:760px){.cook-body{flex-direction:column}.cook-ings{width:100%;max-height:30vh;border-right:none;border-bottom:1px solid var(--stroke)}}.sidebar-backdrop{display:none}@media(max-width:700px){.sidebar{position:fixed;left:0;transform:translate(0)}.sidebar.collapsed{transform:translate(-100%);width:var(--sidebar-w)}.main{padding-top:64px}.mobile-top{display:flex!important}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;background:#00000080}.btn{min-height:44px;padding-top:12px;padding-bottom:12px}.tabs button{min-height:44px;padding-top:11px;padding-bottom:11px}.map-mode-toggle button{min-height:40px}.collapse-btn{min-width:40px;min-height:40px}.chip-action{min-width:32px;min-height:32px}}.mobile-top{display:none;position:fixed;top:0;left:0;right:0;z-index:30;padding:12px 16px;align-items:center;gap:12px;background:var(--bg-1);border-bottom:1px solid var(--stroke)}