@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans+JP:wght@400;500;600;700;800&family=Shippori+Mincho:wght@500;600;700&display=swap";.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--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:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--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:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--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{width:100%;height:100%;position:absolute;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{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.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;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:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.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:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;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%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;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{z-index:5;margin:15px;position:absolute}.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{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;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));padding:10px;font-size:12px}.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{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.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-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.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{color:#f0eadc;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f0eadc;--carbon:#080a0b;--panel:#0c0f0fe0;--panel-strong:#111413f5;--line:#e0d6be24;--line-hot:#8a927994;--text:#f0eadc;--muted:#9e998b;--green:#8a9279;--amber:#b48957;--cyan:#7d8f90;--red:#9b4b43;--font-body:"IBM Plex Sans JP", "Aptos", "Segoe UI Variable Text", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", sans-serif;--font-ui:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;--font-display:"Shippori Mincho", "Yu Mincho", "Hiragino Mincho ProN", Georgia, serif;--font-mono:"IBM Plex Mono", "UDEV Gothic", "Cascadia Mono", Consolas, monospace;background:#050607}*{box-sizing:border-box}body{letter-spacing:0;min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.screen-state{min-height:100vh;position:relative}.shell-root{background:radial-gradient(circle at 48% 42%,#8e9d7e0b,#0000 34%),linear-gradient(135deg,#060605,#11110e 58%,#030302);min-height:100vh;position:relative;overflow:hidden}.ambient-grid,.signal-field{pointer-events:none;position:absolute;inset:0}.ambient-grid{opacity:.18;background-image:linear-gradient(#e0d6be0b 1px,#0000 1px),linear-gradient(90deg,#e0d6be0b 1px,#0000 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.signal-field{mix-blend-mode:screen;opacity:.07;background:repeating-linear-gradient(100deg,#0000 0 80px,#8e9d7e14 81px,#0000 83px),repeating-linear-gradient(0deg,#0000 0 5px,#ffffff06 6px,#0000 7px);animation:none}@keyframes signalDrift{0%{transform:translate(-32px,-18px)}to{transform:translate(32px,18px)}}.boot-screen,.notice-gate{z-index:4;place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.notice-gate{isolation:isolate;background:linear-gradient(#0203071f,#020203a3 42%,#020203e6),url(/assets/police-blur-DJxPumeo.webp) 50%/cover no-repeat,linear-gradient(#030407,#080403 58%,#020203)}.notice-gate:before,.notice-gate:after{content:"";z-index:-2;pointer-events:none;filter:blur(34px);mix-blend-mode:screen;position:absolute;inset:-18%}.notice-gate:before{opacity:.18;background:radial-gradient(at 72% 36%,#2662ffd1,#0000 29%),radial-gradient(at 66% 78%,#005fff70,#0000 38%);animation:7.2s ease-in-out infinite policeBluePulse}.notice-gate:after{z-index:-1;opacity:.14;background:radial-gradient(at 42% 36%,#ff242ad1,#0000 28%),radial-gradient(at 51% 78%,#ff1f256b,#0000 38%),repeating-linear-gradient(0deg,#0000 0 6px,#ffffff05 7px,#0000 8px);animation:7.2s ease-in-out infinite policeRedPulse}@keyframes policeBluePulse{0%,to{opacity:.18;transform:translate(2%)scale(1)}18%,36%{opacity:.72;transform:translate(1%,-1%)scale(1.04)}52%,82%{opacity:.12;transform:translate(3%)scale(1.01)}}@keyframes policeRedPulse{0%,42%{opacity:.12;transform:translate(-2%)scale(1)}58%,78%{opacity:.72;transform:translate(-1%,-1%)scale(1.04)}to{opacity:.18;transform:translate(-3%)scale(1.01)}}.boot-screen-overlay{z-index:8;opacity:0;visibility:hidden;pointer-events:none;animation:2.05s forwards bootOverlayRelease;position:absolute;inset:0}@keyframes bootOverlayRelease{0%,78%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.boot-frame{clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px));background:linear-gradient(115deg,#8e9d7e17,#0000 36%),linear-gradient(245deg,#ae875217,#0000 34%),#030608db;border:1px solid #8e9d7e52;place-items:center;width:min(920px,92vw);min-height:430px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #8e9d7e0f,0 32px 80px #0000008f,inset 0 0 60px #8e9d7e14}.boot-frame:before,.notice-shell:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 0 42%,#ffffff14 48%,#0000 54% 100%);animation:4.6s ease-in-out infinite lightSweep;position:absolute;inset:0;transform:translate(-120%)}.map-stage:before{content:none;animation:none}@keyframes lightSweep{0%,42%{transform:translate(-120%)}74%,to{transform:translate(120%)}}.boot-noise{opacity:.28;background:radial-gradient(circle at 30% 40%,#8e9d7e38,#0000 3px),radial-gradient(circle at 70% 62%,#ae87522e,#0000 2px),repeating-linear-gradient(0deg,#0000 0 7px,#ffffff0a 8px,#0000 9px);position:absolute;inset:0}.boot-frame h1{color:var(--text);font-family:var(--font-display);text-align:center;text-shadow:2px 0 #ff4f57b8,-2px 0 #71848b9e,0 0 28px #8e9d7e6b;margin:0;font-size:clamp(42px,8vw,104px);line-height:.9}.boot-frame p{color:var(--green);font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 0 18px #8e9d7e75;margin:0;font-size:clamp(16px,2vw,24px);position:absolute;bottom:126px}.boot-loader{background:#8e9d7e0d;border:1px solid #8e9d7e6b;width:min(520px,100% - 64px);height:8px;position:absolute;bottom:54px}.boot-loader span{transform-origin:0;background:linear-gradient(90deg, var(--green), var(--cyan), var(--amber));width:100%;height:100%;animation:1.75s cubic-bezier(.22,1,.36,1) forwards bootLoad;display:block}@keyframes bootLoad{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.notice-shell{clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);background:linear-gradient(125deg,#ff4f5729,#0000 38%),linear-gradient(245deg,#8e9d7e1f,#0000 32%),#05080af5;border:1px solid #ff4f5761;width:min(780px,94vw);padding:clamp(24px,5vw,46px);position:relative;overflow:hidden;box-shadow:0 30px 90px #00000094}.notice-shell h1{max-width:680px;font-size:clamp(32px,6vw,58px);line-height:1.04;font-family:var(--font-display);margin:16px 0 14px}.notice-shell p{color:#e2ebe5;max-width:680px;margin:0;font-size:15px;line-height:1.8}.notice-list{gap:10px;margin:24px 0;display:grid}.notice-list>span{color:#f0f4ee;background:#ffffff10;border-left:2px solid #ae8752b8;padding:12px 14px 12px 34px;font-size:13px;line-height:1.6;position:relative}.notice-list>span:before{content:"";background:var(--amber);width:8px;height:8px;position:absolute;top:20px;left:14px;box-shadow:0 0 18px #ae8752ad}.consent-line{color:#ecf3ee;cursor:pointer;align-items:center;gap:11px;min-height:46px;font-size:14px;display:flex}.consent-line input{opacity:0;pointer-events:none;position:absolute}.consent-line .box{background:#ffffff0a;border:1px solid #d5fff459;flex:none;place-items:center;width:24px;height:24px;display:grid}.consent-line.checked .box{color:#02100c;border-color:var(--green);background:var(--green);box-shadow:0 0 22px #8e9d7e59}.enter-button{border:1px solid var(--green);color:#03110d;background:var(--green);cursor:pointer;min-width:178px;height:48px;font-family:var(--font-mono);letter-spacing:.08em;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);align-items:center;gap:12px;margin-top:10px;padding:0 20px;font-weight:700;transition:transform .16s,filter .16s,opacity .16s;display:inline-flex}.enter-button:disabled{cursor:not-allowed;opacity:.35;filter:grayscale(.8)}.enter-button:not(:disabled):hover{filter:drop-shadow(0 0 18px #8e9d7e6b);transform:translateY(-2px)}.boot-screen{background:radial-gradient(circle at 50% 42%,#ffffff0e,#0000 24%),linear-gradient(#080806,#020202 58%,#070705)}.boot-frame{clip-path:none;width:min(980px,94vw);min-height:min(620px,82vh);box-shadow:none;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto 24px auto 42px auto minmax(0,1fr);display:grid}.boot-frame:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000),repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 4px,#0000 5px);animation:3.4s ease-in-out infinite titleSweep}.boot-frame:after,.notice-shell:after{content:"";pointer-events:none;opacity:.18;mix-blend-mode:screen;background-image:radial-gradient(circle at 20% 30%,#ffffff2e 0 1px,#0000 1px),radial-gradient(circle at 70% 65%,#ffffff1f 0 1px,#0000 1px);background-size:17px 19px,23px 29px;position:absolute;inset:0}@keyframes titleSweep{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.boot-noise{opacity:.34;background:linear-gradient(90deg,#0000 0 8%,#ffffff14 8.2%,#0000 8.5% 100%),repeating-linear-gradient(0deg,#0000 0 5px,#ffffff09 6px,#0000 7px)}.boot-reticle{opacity:.32;position:absolute;inset:44px}.boot-reticle span{border-color:#eceade61;width:54px;height:54px;position:absolute}.boot-reticle span:first-child{border-top:1px solid;border-left:1px solid;top:0;left:0}.boot-reticle span:nth-child(2){border-top:1px solid;border-right:1px solid;top:0;right:0}.boot-reticle span:nth-child(3){border-bottom:1px solid;border-right:1px solid;bottom:0;right:0}.boot-reticle span:nth-child(4){border-bottom:1px solid;border-left:1px solid;bottom:0;left:0}.boot-frame h1{color:#eceade;font-family:var(--font-ui);letter-spacing:.02em;text-transform:uppercase;text-shadow:3px 0 #881615bd,-2px 0 #eceade2e,0 20px 42px #000000d1;grid-row:2;font-size:clamp(48px,9vw,126px);font-weight:700;line-height:.86;animation:3s step-end infinite titleFlicker}.boot-frame p{color:#eceadeb8;letter-spacing:.36em;text-shadow:none;grid-row:4;justify-self:center;font-size:clamp(13px,1.4vw,17px);position:relative;top:auto;bottom:auto}.boot-loader{background:#eceade29;border:0;grid-row:6;justify-self:center;width:min(420px,100% - 90px);height:3px;position:relative;top:auto;bottom:auto}.boot-loader span{background:linear-gradient(90deg,#eceade,#9b1717)}@keyframes titleFlicker{0%,78%,84%,to{opacity:1;transform:translate(0)}80%{opacity:.74;transform:translate(-2px)}82%{opacity:.92;transform:translate(2px)}}.notice-shell{clip-path:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#0060ff2e,#0000 34%),radial-gradient(circle at 100% 6%,#ff172638,#0000 36%),linear-gradient(145deg,#0a0c12db,#060708e6);border:1px solid #eceade2e;width:min(700px,92vw);box-shadow:0 28px 90px #00000080,0 0 70px #0050ff21,0 0 90px #ff1f2a1f}.notice-shell:before,.notice-shell:after{display:none}.notice-shell h1{color:#e23b35;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 0 20px #e23b355c,2px 0 #000000a8;margin:0 0 10px;font-size:clamp(34px,6vw,62px);font-weight:800;line-height:.95}.notice-shell h2{color:#eceadedb;font-family:var(--font-ui);letter-spacing:0;margin:0 0 18px;font-size:clamp(19px,2.4vw,28px);font-weight:600}.notice-shell p{color:#eceaded1}.enter-button{color:#eceade;clip-path:none;background:#eceade14;border-color:#eceade47}.notice-check{color:#eceaded6;cursor:pointer;background:#ffffff06;border:1px solid #eceade1f;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:12px;min-height:46px;padding:11px 13px;font-size:13px;line-height:1.55;transition:transform .18s cubic-bezier(.2,.9,.2,1),border-color .16s,background .16s,color .16s,filter .16s;display:grid}.notice-check input{opacity:0;pointer-events:none;position:absolute}.notice-check .box{color:#140606;background:#0808069e;border:1px solid #eceade6b;place-items:center;width:18px;height:18px;transition:transform .18s cubic-bezier(.2,.9,.2,1),border-color .16s,background .16s,box-shadow .16s;display:grid}.notice-check:hover{background:#7f1d1d1c;border-color:#e23b355c;transform:translateY(-1px)}.notice-check.checked{color:#f4eee2;background:#7f1d1d2e;border-color:#e23b358a;animation:.18s cubic-bezier(.2,.9,.2,1) checkRowSet}.notice-check.checked .box{background:#e23b35;border-color:#e23b35;transform:scale(1.08);box-shadow:0 0 18px #e23b3542}.notice-check .box svg{animation:.15s cubic-bezier(.2,.9,.2,1) checkMarkPop}@keyframes checkRowSet{0%{filter:blur(1px);transform:scale(.992)}to{filter:blur();transform:scale(1)}}@keyframes checkMarkPop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes expandFocus{0%{opacity:.72;filter:blur(4px);transform:scale(.992)}to{opacity:1;filter:blur();transform:scale(1)}}.category-gate{z-index:4;background:radial-gradient(circle at 68% 24%,#71848b14,#0000 26%),radial-gradient(circle at 22% 72%,#ae875212,#0000 24%),linear-gradient(#0406088c,#030506f5);place-items:center;min-height:100vh;padding:clamp(18px,4vw,34px);display:grid;position:relative}.category-heading{max-width:720px;margin-bottom:16px}.category-heading h1{color:#eceade;font-family:var(--font-display);margin:0 0 10px;font-size:clamp(34px,5vw,62px);font-weight:650;line-height:1.02}.category-chooser-help{border-top:1px solid #e0d6be1f;border-bottom:1px solid #e0d6be14;max-width:760px}.category-chooser-help summary{color:#f0eadcd1;cursor:pointer;min-height:38px;font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:14px;list-style:none;display:flex}.category-chooser-help summary::-webkit-details-marker{display:none}.category-chooser-help summary:after{content:"+";color:var(--green);font-family:var(--font-mono)}.category-chooser-help[open] summary:after{content:"-"}.category-chooser-help div{gap:7px;padding:4px 0 12px;display:grid}.category-chooser-help p{color:#eceadeb3;font-family:var(--font-body);grid-template-columns:92px minmax(0,1fr);gap:10px;margin:0;font-size:12.5px;line-height:1.65;display:grid}.category-chooser-help strong{color:#f0eadc;font-family:var(--font-display)}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;display:grid}.category-grid:not(.has-help-focus) .category-card{opacity:1;filter:none;transform:none}.category-card{border:1px solid color-mix(in srgb, var(--node-color) 30%, #eceade1f);transform-origin:50%;will-change:transform, filter, opacity;background:#070b0dc7;border-radius:5px;transition:transform .46s cubic-bezier(.2,.9,.2,1),opacity .36s,filter .42s,border-color .36s,background .36s,box-shadow .42s;position:relative;overflow:hidden;box-shadow:0 18px 48px #0000003d}.category-grid.has-help-focus .category-card.is-help-open{z-index:4;opacity:1;filter:none;border-color:color-mix(in srgb, var(--node-color) 62%, #eceade3d);background:linear-gradient(135deg, color-mix(in srgb, var(--node-color) 12%, transparent), transparent 58%), #0a0e0ff5;box-shadow:0 36px 110px #00000094, 0 0 0 1px color-mix(in srgb, var(--node-color) 22%, transparent);animation:.62s cubic-bezier(.2,.9,.2,1) categoryHelpFocus;transform:translateY(-10px)scale(1.12)}.category-grid.has-help-focus .category-card.is-help-dimmed{opacity:.18;filter:grayscale(.95)blur(4.2px)saturate(.24);transform:scale(.94)}.category-grid.has-help-focus .category-card.is-help-dimmed:hover{opacity:.28;filter:grayscale(.82)blur(3px)saturate(.34)}@keyframes categoryHelpFocus{0%{filter:blur(5px)brightness(.88);transform:translateY(0)scale(.985)}to{filter:blur()brightness();transform:translateY(-10px)scale(1.12)}}.category-main{width:100%;min-height:118px;color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--node-color) 12%, transparent), transparent 62%), #ffffff05;text-align:left;cursor:pointer;border:0;gap:7px;padding:15px 16px;transition:transform .15s,background .15s,filter .15s;display:grid}.category-main small{color:color-mix(in srgb, var(--node-color) 76%, #f0eadc);font-family:var(--font-mono);letter-spacing:.04em;align-self:start;font-size:9px;font-weight:740}.category-main:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--node-color) 20%, transparent), transparent 64%), #ffffff09;filter:drop-shadow(0 0 18px color-mix(in srgb, var(--node-color) 26%, transparent));transform:translateY(-2px)}.category-main strong{color:#f2f0e6;font-family:var(--font-display);font-size:24px;font-weight:700;line-height:1.08}.category-keywords{flex-wrap:wrap;gap:5px;display:flex}.category-keywords span{border:1px solid color-mix(in srgb, var(--node-color) 28%, #eceade1a);color:#eceadec7;background:color-mix(in srgb, var(--node-color) 8%, #ffffff05);align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:560;line-height:1;display:inline-flex}.category-main>span:not(.category-keywords){color:#eceadec7;font-size:13px;line-height:1.55}.category-main em{color:color-mix(in srgb, var(--node-color) 78%, #eceade);align-self:end;font-size:12px;font-style:normal;font-weight:650;line-height:1.55}.category-card summary{color:#eceaded6;cursor:pointer;justify-content:space-between;align-items:center;min-height:42px;font-size:13px;font-weight:650;list-style:none;display:flex}.brief-more summary:first-letter,.detail-explain-grid summary:first-letter,.note-template summary:first-letter,.screenshot-block summary:first-letter,.detail-block summary:first-letter,.inline-help summary:first-letter,.category-card summary:first-letter{color:color-mix(in srgb, var(--theme-color,var(--node-color)) 78%, #f0eadc);font-size:1.28em;font-weight:780}.category-card summary::-webkit-details-marker{display:none}.category-card summary:after{content:"+";color:var(--node-color);font-family:var(--font-mono)}.category-card details[open] summary:after{content:"-"}.category-card details[open]{background:linear-gradient(90deg, color-mix(in srgb, var(--node-color) 10%, transparent), transparent 70%), #ffffff05;animation:.36s cubic-bezier(.2,.9,.2,1) expandFocus}.category-card details[open] p{animation:.42s cubic-bezier(.2,.9,.2,1) categoryHelpText}@keyframes categoryHelpText{0%{opacity:0;filter:blur(5px);transform:translateY(7px)}to{opacity:1;filter:blur();transform:translateY(0)}}.category-card details,.brief-more,.screenshot-block,.detail-explain-grid details,.detail-block,.inline-help,.note-template{transform-origin:top}.category-card p{color:#eceadead;margin:0;font-size:12px;line-height:1.75}.app-shell{z-index:2;--theme-color:var(--green);grid-template-rows:76px minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(340px,390px);width:100%;height:100vh;transition:grid-template-columns .64s cubic-bezier(.2,.9,.2,1),filter .36s,opacity .36s;display:grid;position:relative}.topbar{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040608d1;grid-column:1/3;justify-content:space-between;align-items:center;gap:18px;padding:0 22px;display:flex;position:relative}.brand{flex:none;align-items:center;gap:12px;display:flex}.brand-mark{width:38px;height:38px;color:var(--theme-color);border:1px solid color-mix(in srgb, var(--theme-color) 54%, transparent);background:color-mix(in srgb, var(--theme-color) 12%, transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);place-items:center;display:grid}.brand strong{font-family:var(--font-display);font-size:17px;display:block}.brand div span{color:var(--muted);font-family:var(--font-mono);font-size:11px}.genre-button{color:#eceadec7;cursor:pointer;background:#ffffff07;border:1px solid #eceade24;border-radius:4px;flex:none;min-width:82px;min-height:36px;padding:0 12px;font-size:12px;font-weight:650;transition:border-color .15s,color .15s,background .15s}.genre-button:hover{border-color:color-mix(in srgb, var(--theme-color) 42%, transparent);color:#eafff8;background:color-mix(in srgb, var(--theme-color) 8%, transparent)}.phase-track{flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:760px;display:grid}.phase-track span{color:#cdc6b557;min-height:38px;font-family:var(--font-ui);white-space:nowrap;background:#10100d9e;border:1px solid #e0d6be1a;border-radius:2px;place-items:center;font-size:12px;font-weight:650;transition:transform .18s,color .18s,border-color .18s,background .18s,opacity .18s;display:grid}.phase-track span.active{border-color:color-mix(in srgb, var(--theme-color) 68%, transparent);color:#ebe6d8;background:linear-gradient(180deg, color-mix(in srgb, var(--theme-color) 18%, transparent), color-mix(in srgb, var(--theme-color) 5%, transparent)), #161713d1;box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--theme-color) 48%, transparent);transform:scale(1.04)}.next-actions button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff09;transition:transform .16s,border-color .16s,background .16s,color .16s,filter .16s}.next-actions button:hover{border-color:var(--line-hot);filter:drop-shadow(0 0 12px #8e9d7e29);transform:translateY(-1px)}.detail-panel{z-index:3;border-color:var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .36s,border-color .36s,box-shadow .36s;position:relative}.app-shell.detail-dominant .detail-panel{border-left-color:color-mix(in srgb, var(--theme-color) 34%, #e0d6be33);background:linear-gradient(180deg, color-mix(in srgb, var(--theme-color) 8%, transparent), transparent 30%), #13120ef5;box-shadow:-24px 0 70px #00000057}.detail-panel{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--theme-color) 48%, transparent) #ffffff08}.map-stage{border-inline:1px solid #d5fff40a;grid-area:2/1/3/2;min-width:0;transition:opacity .42s,filter .42s;position:relative;overflow:hidden}.app-shell.detail-dominant .map-stage{opacity:.72;filter:saturate(.76)}.app-shell.detail-dominant .map-stage:hover{opacity:.92;filter:none}.stage-header{z-index:8;pointer-events:none;justify-content:space-between;align-items:flex-start;transition:opacity .22s,transform .22s;display:flex;position:absolute;top:18px;left:20px;right:20px}.app-shell.detail-dominant .stage-header{opacity:0;transform:translateY(-10px)}.stage-header span,.detail-heading span{color:color-mix(in srgb, var(--theme-color) 82%, #f0eadc);letter-spacing:0;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-flex}.tiny-label{color:var(--green);font-family:var(--font-mono);text-transform:uppercase;font-size:11px}.stage-header h1{font-family:var(--font-display);text-shadow:none;margin:4px 0 0;font-size:clamp(28px,3vw,48px);line-height:.98}.connection-rail{z-index:9;pointer-events:auto;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:10px;transition:opacity .22s,transform .22s;display:grid;position:absolute;bottom:18px;left:20px;right:20px}.app-shell.detail-dominant .connection-rail{opacity:.82;grid-template-columns:1fr}.app-shell.detail-dominant .connection-current{display:none}.app-shell.detail-dominant .connection-next>div{grid-template-columns:1fr;display:grid;overflow:visible}.app-shell.detail-dominant .connection-next button{width:100%;min-width:0;max-width:none}.connection-current,.connection-next{border:1px solid color-mix(in srgb, var(--theme-color) 18%, #e0d6be1a);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 5%, transparent), transparent 74%), #0d0e0bdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:2px}.connection-current{border-color:color-mix(in srgb, var(--theme-color) 38%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 16%, transparent), transparent 72%), #0d0e0be6;align-content:center;gap:4px;min-height:74px;padding:12px 14px;display:grid}.connection-current span,.connection-next>span{color:#eceade8f;font-size:11px;font-weight:700}.connection-current strong{color:#f1f7f3;font-size:16px;line-height:1.3}.connection-next{gap:9px;min-height:74px;padding:11px 12px;display:grid}.connection-next>div{scrollbar-width:thin;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.connection-next button{border:1px solid color-mix(in srgb, var(--theme-color) 20%, #d5fff414);color:#eceadee6;background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 6%, transparent), transparent 70%), #ffffff08;cursor:pointer;text-align:left;border-radius:4px;flex:none;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:3px;min-width:148px;max-width:210px;min-height:44px;padding:8px 10px;transition:transform .15s,border-color .15s,background .15s;display:grid}.connection-next button:hover{border-color:color-mix(in srgb, var(--theme-color) 52%, transparent);background:color-mix(in srgb, var(--theme-color) 10%, transparent);transform:translateY(-1px)}.connection-next em{background:color-mix(in srgb, var(--theme-color) 54%, #eceadc38);width:24px;height:2px;box-shadow:0 0 14px color-mix(in srgb, var(--theme-color) 28%, transparent);display:block}.connection-next button.relation-same em,.detail-next-strip button.relation-same em{width:16px;height:16px;box-shadow:none;background:0 0;border:2px solid #eceadc9e;border-radius:999px}.connection-next button.relation-next em,.detail-next-strip button.relation-next em{background:linear-gradient(90deg, transparent, var(--theme-color))}.connection-next button.relation-previous em,.detail-next-strip button.relation-previous em{background:linear-gradient(90deg, var(--theme-color), transparent)}.node-corridor{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--theme-color) 42%, transparent) #ffffff08;align-content:center;gap:18px;padding:6px 4px 18px;display:grid;position:absolute;inset:112px 20px 24px;overflow:auto}.corridor-section{gap:8px;max-width:420px;display:grid}.corridor-current-section{max-width:460px}.corridor-next-section{padding-left:22px}.corridor-previous-section{padding-left:10px}.corridor-choice-grid{gap:8px;display:grid}.corridor-card{color:#f0eadc;background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 7%, transparent), transparent 72%), #0c0f0fe6;text-align:left;border:1px solid #e0d6be1f;border-radius:8px;grid-template-columns:minmax(0,1fr) 40px;align-items:center;column-gap:12px;width:100%;min-width:0;padding:13px 14px;display:grid;position:relative}.corridor-card-current{border-color:color-mix(in srgb, var(--theme-color) 42%, #e0d6be29);border-left:7px solid var(--theme-color);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 24%, transparent), transparent 78%), #0d1010f5;min-height:88px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--theme-color) 18%, transparent), 0 0 28px color-mix(in srgb, var(--theme-color) 8%, transparent)}.corridor-card:after{content:"";grid-column:2;justify-self:end;width:30px;height:30px;display:block}.corridor-card-current:after{background:var(--theme-color);width:14px;height:14px;box-shadow:0 0 0 7px color-mix(in srgb, var(--theme-color) 16%, transparent), 0 0 24px color-mix(in srgb, var(--theme-color) 38%, transparent);border:2px solid #07100c;border-radius:999px}.corridor-card span{color:#eceade99;min-width:0;font-family:var(--font-display);grid-column:1;font-size:11px;font-weight:700;line-height:1.25}.corridor-card strong{color:#f0eadc;min-width:0;font-family:var(--font-display);grid-column:1;font-size:clamp(15px,1.5vw,21px);line-height:1.35}.corridor-card-current strong{font-size:clamp(18px,1.9vw,25px)}.corridor-card-button{cursor:pointer;transition:transform .15s,border-color .15s,background .15s}.corridor-card-button:hover,.corridor-card-button:focus-visible{border-color:color-mix(in srgb, var(--theme-color) 48%, #e0d6be2e);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 12%, transparent), transparent 72%), #111413f5;outline:none;transform:translateY(-1px)}.corridor-card-button.relation-next{border-color:color-mix(in srgb, var(--theme-color) 34%, #e0d6be24);border-left:7px solid color-mix(in srgb, var(--theme-color) 88%, #f0eadc);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 17%, transparent), transparent 78%), #0d1010f0;min-height:78px}.corridor-card-button.relation-next:after{background:color-mix(in srgb, var(--theme-color) 92%, #f0eadc);clip-path:polygon(0 34%,55% 34%,55% 12%,100% 50%,55% 88%,55% 66%,0 66%);width:34px;height:34px;filter:drop-shadow(0 0 16px color-mix(in srgb, var(--theme-color) 28%, transparent))}.corridor-card-button.relation-same{background:linear-gradient(90deg,#e0d6be09,#0000 72%),#0c0f0fe6;border-color:#e0d6be24 #e0d6be24 #e0d6be24 #e0d6be5c;border-left-style:solid;border-left-width:3px;min-height:68px}.corridor-card-button.relation-same:after{background:0 0;border:2px solid #eceadc9e;border-radius:999px;align-self:center;width:18px;height:18px}.corridor-card-button.relation-previous{background:#0c0f0fdb;border-color:#e0d6be1f #e0d6be1f #e0d6be1f #b48957a3;border-left-style:solid;border-left-width:3px;min-height:68px}.corridor-card-button.relation-previous:after{border-bottom:2px solid #b48957b8;border-left:2px solid #b48957b8;width:24px;height:24px;transform:rotate(45deg)}.corridor-empty{color:#eceadea8;max-width:420px;font-family:var(--font-body);background:#0c0f0fd1;border:1px solid #e0d6be1a;border-radius:8px;margin:0;padding:13px 14px;font-size:13px;line-height:1.6}.react-flow{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--theme-color) 8%, transparent), transparent 38%), repeating-linear-gradient(90deg, transparent 0 164px, #e0d6be08 165px, #e0d6be08 166px, transparent 167px 330px), linear-gradient(180deg, #05050400, #050504c2), #080806;position:relative}.react-flow:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-color) 10%, transparent), transparent) 0 50% / 100% 1px no-repeat, repeating-linear-gradient(90deg, #e0d6be07 0 1px, transparent 1px 20%);opacity:.28;position:absolute;inset:42px 32px 94px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.react-flow__attribution{display:none}.react-flow__edge.edge-hot path{stroke:var(--theme-color);stroke-width:2.8px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.88;filter:drop-shadow(0 0 12px color-mix(in srgb, var(--theme-color) 46%, transparent))}.react-flow__edge.edge-calm path{stroke:#e0d6be2e;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:.26}.react-flow__edge.edge-lateral path,.react-flow__edge.edge-forward path{stroke-dasharray:none}.react-flow__edge-textbg,.react-flow__edge-text{display:none}.react-flow__edge{pointer-events:none}.react-flow__node{cursor:pointer;position:relative}.react-flow__node:before,.react-flow__node:after{content:none;display:none}.react-flow__node:before{background:linear-gradient(#0000,#e0d6be1f 18% 82%,#0000);width:1px;top:-96px;bottom:-96px;left:50%;transform:translate(-50%)}.react-flow__node:after{opacity:0;background:linear-gradient(90deg,#0000,#e0d6be1f,#0000);height:1px;top:50%;left:-126px;right:-126px}.react-flow__node.node-current:before{background:linear-gradient(180deg, transparent, var(--theme-color), transparent);width:2px;box-shadow:0 0 18px color-mix(in srgb, var(--theme-color) 34%, transparent)}.react-flow__node.node-current:after,.react-flow__node.node-next:after{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-color) 58%, transparent), transparent);opacity:0;height:2px}.react-flow__node.node-same:after{opacity:0;background:repeating-linear-gradient(90deg,#0000 0 5px,#e0d6be38 5px 9px,#0000 9px 14px)}.react-flow__node:hover .learning-node{border-color:var(--node-color);filter:none;transform:translateY(-1px)}.react-flow__node.is-context-node .learning-node{opacity:.24;filter:grayscale()blur(2.4px)saturate(.22)}.react-flow__node.is-context-node:hover .learning-node{opacity:.42;filter:grayscale(.9)blur(1.2px)saturate(.35)}.react-flow__node.is-choice-node .learning-node{opacity:.94;filter:none}.learning-node{border:1px solid color-mix(in srgb, var(--node-color) 32%, #e0d6be1f);width:224px;min-height:76px;color:var(--text);box-shadow:none;z-index:1;background:#0f100de6;border-radius:2px;align-content:center;gap:5px;padding:12px 14px;transition:transform .16s,border-color .16s,filter .16s;display:grid;position:relative;overflow:hidden}.learning-node.level-0{width:224px;min-height:76px}.react-flow__node.is-focus-node .learning-node{border-color:var(--node-color);background:color-mix(in srgb, var(--node-color) 10%, #0f100df0);width:224px;min-height:76px;box-shadow:inset 4px 0 0 var(--node-color);z-index:5;animation:.52s cubic-bezier(.2,.9,.2,1) nodeAcquire}.node-handle{border:1px solid color-mix(in srgb, var(--node-color) 82%, #f0eadc);width:10px;height:10px;box-shadow:0 0 0 3px #050606e0, 0 0 14px color-mix(in srgb, var(--node-color) 34%, transparent);opacity:.8;pointer-events:none;background:#080a09;border-radius:999px;display:block}.node-handle-target{left:-6px}.node-handle-source{right:-6px}.react-flow__node.is-focus-node .node-handle,.react-flow__node.is-choice-node .node-handle{background:var(--node-color);opacity:1;box-shadow:0 0 0 3px #050606e6, 0 0 18px color-mix(in srgb, var(--node-color) 52%, transparent)}.learning-node strong{font-family:var(--font-ui);margin:0;font-size:15px;font-weight:650;line-height:1.25;display:block}.learning-node .node-phase{color:color-mix(in srgb, var(--node-color) 86%, #eceade);margin:0;font-size:10px;font-weight:760;line-height:1.1;display:block}@keyframes nodeAcquire{0%{filter:brightness(.94);transform:scale(.985)}to{filter:brightness();transform:scale(1)}}.detail-panel{border-left:1px solid var(--line);grid-area:2/2/3/3;padding:24px 22px;overflow:auto}.detail-panel>section{min-height:100%}.detail-panel h2{font-family:var(--font-ui);margin:0 0 10px;font-size:28px;font-weight:650;line-height:1.12;transition:font-size .22s}.app-shell.detail-dominant .detail-panel h2{max-width:760px;font-size:clamp(34px,4vw,54px);line-height:1.02}.lead{color:#d8ded9;margin:0 0 18px;font-size:14px;line-height:1.8}.app-shell.detail-dominant .lead{max-width:760px;font-size:15px}.detail-heading{border-bottom:1px solid color-mix(in srgb, var(--theme-color) 26%, #e0d6be1a);padding-bottom:10px}.focus-brief,.beginner-guide,.learning-brief{border:1px solid color-mix(in srgb, var(--theme-color) 28%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 10%, transparent), transparent 72%), #ffffff07;border-radius:2px;gap:8px;margin:14px 0 4px;padding:12px 13px;display:grid}.focus-brief{border-left:4px solid var(--theme-color);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 16%, transparent), transparent 72%), #ffffff06;gap:5px;margin-top:12px}.beginner-guide{border-left:4px solid var(--theme-color);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 13%, transparent), transparent 74%), #ffffff06}.app-shell.detail-dominant .focus-brief,.app-shell.detail-dominant .beginner-guide,.app-shell.detail-dominant .learning-brief{max-width:860px;padding:16px 18px}.focus-brief span,.beginner-guide h3,.learning-brief h3{color:color-mix(in srgb, var(--theme-color) 48%, #eff7f2);margin:0;font-size:13px;font-weight:720}.focus-brief strong{color:#f0eadc;font-family:var(--font-display);font-size:clamp(17px,1.7vw,24px);line-height:1.28}.focus-brief p{color:#cbd4ce;max-width:760px;font-family:var(--font-body);margin:0;font-size:13.5px;line-height:1.78}.beginner-guide div{gap:9px;display:grid}.beginner-guide p,.learning-brief p{color:#c7d0ca;font-family:var(--font-body);margin:0;font-size:13.5px;line-height:1.82}.brief-more{border-top:1px solid color-mix(in srgb, var(--theme-color) 18%, #e0d6be1a);margin-top:4px;padding-top:2px}.brief-more[open],.screenshot-block[open],.note-template[open],.detail-explain-grid details[open],.inline-help[open]{animation:.22s cubic-bezier(.2,.9,.2,1) expandFocus}.brief-more summary,.detail-explain-grid summary,.note-template summary,.screenshot-block summary{color:#f0eadcd6;cursor:pointer;justify-content:space-between;align-items:center;min-height:38px;font-size:13px;font-weight:650;list-style:none;display:flex}.brief-more summary::-webkit-details-marker{display:none}.detail-explain-grid summary::-webkit-details-marker{display:none}.note-template summary::-webkit-details-marker{display:none}.screenshot-block summary::-webkit-details-marker{display:none}.brief-more summary:after,.detail-explain-grid summary:after,.note-template summary:after,.screenshot-block summary:after{content:"+";color:color-mix(in srgb, var(--theme-color) 88%, #f0eadc);font-family:var(--font-mono);font-size:16px}.brief-more[open] summary:after,.detail-explain-grid details[open] summary:after,.note-template[open] summary:after,.screenshot-block[open] summary:after{content:"-"}.learning-brief ol,.observation-steps{gap:9px;margin:6px 0 0;padding:0;list-style:none;display:grid}.learning-brief li,.observation-steps li{color:#d0c9b8;font-family:var(--font-body);background:#ffffff06;border:1px solid #e0d6be1a;border-radius:6px;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:10px 11px;font-size:12.5px;line-height:1.65;display:grid}.observation-steps>li>span{border:1px solid color-mix(in srgb, var(--theme-color) 42%, #e0d6be1f);width:26px;height:26px;color:color-mix(in srgb, var(--theme-color) 72%, #f0eadc);font-family:var(--font-mono);border-radius:999px;place-items:center;font-size:10px;display:grid}.observation-steps div{gap:4px;display:grid}.learning-brief li strong,.observation-steps li strong{color:#f0eadc;font-family:var(--font-display);font-size:13.5px}.learning-brief li span,.observation-steps li p{color:#d5ddd7;margin:0}.learning-brief li em,.observation-steps li em{color:#eceadead;font-style:normal}.detail-next-strip{border:1px solid color-mix(in srgb, var(--theme-color) 20%, #e0d6be14);background:#ffffff06;border-radius:2px;gap:8px;margin:10px 0 8px;padding:11px 12px;display:grid}.detail-next-strip>span{color:#eceade94;font-size:11px;font-weight:720}.detail-next-strip>div{gap:7px;display:grid}.detail-next-strip button{border:1px solid color-mix(in srgb, var(--theme-color) 20%, #d5fff414);min-height:40px;color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 6%, transparent), transparent 70%), #ffffff06;cursor:pointer;text-align:left;border-radius:2px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:8px;padding:8px 10px;transition:transform .15s,border-color .15s,background .15s;display:grid}.detail-next-strip button:hover{border-color:color-mix(in srgb, var(--theme-color) 44%, transparent);background:color-mix(in srgb, var(--theme-color) 8%, transparent);transform:translateY(-1px)}.detail-next-strip em{background:color-mix(in srgb, var(--theme-color) 54%, #eceadc38);width:42px;height:2px;box-shadow:0 0 14px color-mix(in srgb, var(--theme-color) 28%, transparent);display:block}.detail-explain-grid,.note-template{border:1px solid color-mix(in srgb, var(--theme-color) 18%, #e0d6be14);background:#ffffff05;border-radius:2px;gap:8px;margin:10px 0 8px;padding:11px 12px;display:grid}.detail-explain-grid details+details{border-top:1px solid color-mix(in srgb, var(--theme-color) 16%, #e0d6be14)}.detail-explain-grid details[open],.note-template[open],.screenshot-block[open]{background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 7%, transparent), transparent 72%), #ffffff03}.detail-explain-grid p,.note-template p,.decision-grid p,.stuck-list li{color:#c6bfad;margin:0;font-size:12px;line-height:1.72}.detail-block-primary{border-top-color:color-mix(in srgb, var(--theme-color) 34%, #e0d6be1f)}.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:4px 0 10px;display:grid}.decision-grid>div{border:1px solid color-mix(in srgb, var(--theme-color) 18%, #e0d6be1a);background:#ffffff06;border-radius:6px;gap:7px;padding:11px 12px;display:grid}.decision-grid span,.memo-template span{color:color-mix(in srgb, var(--theme-color) 74%, #f0eadc);font-family:var(--font-display);font-size:12px;font-weight:700}.stuck-list{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.stuck-list li{border-left:2px solid color-mix(in srgb, var(--theme-color) 45%, #e0d6be29);padding-left:14px}.memo-template{border:1px solid color-mix(in srgb, var(--theme-color) 20%, #e0d6be1a);background:#00000029;border-radius:6px;gap:7px;margin-top:10px;padding:11px 12px;display:grid}.deep-guide{gap:9px;margin:10px 0;display:grid}.deep-guide>div{border:1px solid color-mix(in srgb, var(--theme-color) 18%, #e0d6be1a);background:#ffffff06;border-radius:6px;gap:5px;padding:10px 11px;display:grid}.deep-guide span{color:color-mix(in srgb, var(--theme-color) 74%, #f0eadc);font-family:var(--font-display);font-size:12px;font-weight:700}.deep-guide p{margin:0}.memo-template code{overflow-wrap:anywhere;color:#dce5de;min-width:0;font-family:var(--font-mono);background:#00000042;border:1px solid #e0d6be14;border-radius:4px;padding:8px 9px;font-size:11px;line-height:1.55;display:block}.screenshot-block{border-top:1px solid color-mix(in srgb, var(--theme-color) 18%, #e0d6be1a);margin-top:10px}.screen-mock{border:1px solid color-mix(in srgb, var(--theme-color) 30%, #e0d6be1a);background:radial-gradient(circle at 18% 12%, color-mix(in srgb, var(--theme-color) 14%, transparent), transparent 32%), linear-gradient(145deg, color-mix(in srgb, var(--theme-color) 8%, transparent), transparent 50%), #10120f;border-radius:7px;margin:4px 0 12px;overflow:hidden;box-shadow:0 18px 44px #00000057,inset 0 1px #ffffff0b}.learning-brief,.detail-block,.detail-explain-grid,.note-template,.observe-list>li,.detail-next-strip,.screen-mock{transform-origin:top;transition:transform .22s cubic-bezier(.2,.9,.2,1),border-color .18s,box-shadow .22s,filter .22s,background .18s;position:relative}@media (hover:hover) and (pointer:fine){.learning-brief:hover,.detail-block:hover,.detail-explain-grid:hover,.note-template:hover,.observe-list>li:hover,.detail-next-strip:hover,.screen-mock:hover{z-index:3;border-color:color-mix(in srgb, var(--theme-color) 44%, #e0d6be33);filter:brightness(1.06);box-shadow:0 18px 42px #00000047, 0 0 0 1px color-mix(in srgb, var(--theme-color) 28%, #e0d6be1a), 0 0 26px color-mix(in srgb, var(--theme-color) 14%, transparent);transform:translateY(-2px)scale(1.018)}}.topic-screen-body{background:linear-gradient(#e0d6be09 1px, transparent 1px), radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--node-color) 16%, transparent), transparent 32%), #0b0e0e;background-size:100% 22px,auto,auto;grid-template-columns:minmax(0,1.15fr) minmax(112px,.85fr);gap:10px;min-height:230px;padding:13px;display:grid}.topic-focus-card,.topic-side-stack>div,.topic-evidence-list,.topic-decision{border:1px solid color-mix(in srgb, var(--node-color) 24%, #e0d6be1a);background:#ffffff09;border-radius:5px}.topic-focus-card{border-left:4px solid var(--node-color);align-content:start;gap:8px;min-height:134px;padding:13px;display:grid}.topic-focus-card small,.topic-side-stack small,.topic-decision small{color:color-mix(in srgb, var(--node-color) 80%, #f0eadc);font-family:var(--font-mono);font-size:10px;font-weight:760}.topic-focus-card strong{color:#f2eedf;font-family:var(--font-display);font-size:18px;line-height:1.18}.topic-focus-card p{color:#eceadeb8;margin:0;font-size:12px;line-height:1.65}.topic-side-stack{gap:10px;display:grid}.topic-side-stack>div{align-content:start;gap:7px;padding:11px;display:grid}.topic-side-stack span,.topic-decision span{color:#eceadeb8;font-size:11px;line-height:1.55}.topic-evidence-list{flex-wrap:wrap;grid-column:1/3;gap:7px;padding:10px;display:flex}.topic-evidence-list span{color:#eceade9e;border:1px solid #e0d6be1a;border-radius:999px;padding:6px 8px;font-size:10px}.topic-evidence-list span.active{border-color:color-mix(in srgb, var(--node-color) 48%, #e0d6be29);color:#f0eadc;background:color-mix(in srgb, var(--node-color) 10%, transparent)}.topic-decision{background:linear-gradient(90deg, color-mix(in srgb, var(--node-color) 9%, transparent), transparent 74%), #ffffff06;grid-column:1/3;gap:6px;padding:10px 11px;display:grid}.screen-toolbar{border-bottom:1px solid color-mix(in srgb, var(--theme-color) 20%, #e0d6be14);background:linear-gradient(180deg, #ffffff0e, #ffffff03), color-mix(in srgb, var(--theme-color) 8%, #f0eadc08);align-items:center;gap:7px;min-height:32px;padding:0 11px;display:flex}.screen-toolbar i{background:color-mix(in srgb, var(--theme-color) 54%, #f0eadc38);border-radius:999px;width:8px;height:8px}.screen-toolbar span{color:#f0eadc9e;min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.web-layout nav{color:#f0eadcad;background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 12%, #1d1b16), #1a1a17);align-items:center;gap:12px;min-height:38px;padding:0 14px;font-size:11px;display:flex}.web-layout nav strong{color:#f4ecdc;margin-right:auto;font-size:13px}.web-layout main{background:linear-gradient(#27241d0b 1px, transparent 1px), linear-gradient(90deg, #27241d0a 1px, transparent 1px), linear-gradient(145deg, #e8e1d1, color-mix(in srgb, var(--theme-color) 12%, #cfc5b0));background-size:100% 18px,18px 100%,auto;grid-template-columns:minmax(0,1fr) 132px;gap:12px;padding:14px;display:grid}.web-layout section{color:#2d2a23;background:#fffcf2db;border:1px solid #36302626;border-radius:5px;min-height:140px;padding:14px}.shop-hero{color:#f7f1df;background:linear-gradient(135deg, #2d2a23db, #2d2a2380), color-mix(in srgb, var(--theme-color) 22%, #2d2a23);border-radius:4px;gap:4px;margin-bottom:12px;padding:12px;display:grid}.shop-hero span{color:#f7f1dfa8;font-size:10px}.shop-hero strong{font-size:15px;line-height:1.28}.web-layout h4,.web-layout p{margin:0 0 10px}.web-layout h4{font-family:var(--font-ui);font-size:17px}.web-layout p{color:#2d2a23b8;font-size:12px;line-height:1.55}.web-layout label{color:#2d2a23b8;font-size:11px}.fake-input{font-family:var(--font-mono);background:#fff;border:1px solid #2d2a232e;border-radius:3px;margin-top:5px;padding:9px 10px;font-size:12px}.web-table{font-family:var(--font-mono);border:1px solid #2d2a231f;border-radius:3px;grid-template-columns:1fr auto;gap:1px;margin-top:10px;font-size:10px;display:grid;overflow:hidden}.web-table span{background:#ffffff94;padding:6px 7px}.web-layout aside{align-content:start;gap:7px;display:grid}.web-layout aside b{color:#2d2a23bd;font-size:11px}.web-layout aside span{color:#f4ecdc;background:color-mix(in srgb, var(--theme-color) 12%, #14120ed1);font-family:var(--font-mono);border-radius:3px;padding:8px;font-size:10px}.terminal-lines,.crypto-paper,.pwn-debug{color:#d8d2c4;background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--theme-color) 10%, transparent), transparent 34%), #0d0f0d;font-family:var(--font-mono);gap:7px;padding:14px;font-size:12px;line-height:1.55;display:grid}.terminal-lines p,.crypto-paper p,.pwn-debug p{margin:0}.terminal-lines p,.pwn-debug p{border-bottom:1px solid #e0d6be0b;padding:2px 0}.terminal-lines span{color:color-mix(in srgb, var(--theme-color) 88%, #f0eadc)}.screen-callout{color:color-mix(in srgb, var(--theme-color) 84%, #f0eadc)!important}.screen-terminal .terminal-lines p:first-child{color:color-mix(in srgb, var(--theme-color) 72%, #d8d2c4)}.evidence-grid,.reverse-columns{background:linear-gradient(90deg,#ffffff06,#0000),#15140f;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:14px;display:grid}.evidence-grid div,.reverse-columns div{align-content:start;gap:7px;display:grid}.evidence-grid span,.reverse-columns span{color:#f0eadcb8;background:#ffffff09;border:1px solid #e0d6be1a;border-radius:3px;padding:7px 8px;font-size:11px}.evidence-grid span.active,.reverse-columns span.active{border-color:color-mix(in srgb, var(--theme-color) 46%, #e0d6be1f);color:#f0eadc;background:color-mix(in srgb, var(--theme-color) 14%, #ffffff09)}.evidence-grid pre,.reverse-columns pre{color:#d8d2c4;min-height:140px;font-family:var(--font-mono);background:#0c0d0b;border:1px solid #e0d6be1a;border-radius:3px;margin:0;padding:11px;font-size:11px;line-height:1.6;overflow:hidden}.crypto-paper{color:#2c2922;background-color:#e4dac7;background-image:linear-gradient(#4a412e14 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:100% 24px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:160px}.crypto-paper strong{color:color-mix(in srgb, var(--theme-color) 76%, #6f4e29);margin-top:4px}.crypto-paper div{flex-wrap:wrap;gap:7px;margin-top:4px;display:flex}.crypto-paper div span{background:#ffffff61;border:1px solid #2c292224;border-radius:3px;padding:5px 7px;font-size:10px}.detail-next-strip strong{color:#eef5f0;min-width:0;font-size:12px;line-height:1.35}.detail-block{border-top:1px solid color-mix(in srgb, var(--theme-color) 20%, #e0d6be14);background:0 0;margin-top:8px;position:relative}.detail-block summary{color:#e5ebe6;cursor:pointer;min-height:44px;font-family:var(--font-ui);justify-content:space-between;align-items:center;font-size:13px;font-weight:600;list-style:none;display:flex}.detail-block summary::-webkit-details-marker{display:none}.detail-block summary:after{content:"+";color:var(--theme-color);font-family:var(--font-mono);font-size:17px}.detail-block[open] summary:after{content:"-"}.detail-block[open]{background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 7%, transparent), transparent 66%), #ffffff03;padding-bottom:12px;animation:.22s cubic-bezier(.2,.9,.2,1) expandFocus}.detail-block p,.detail-block li{color:#c2cbc5;font-size:13px;line-height:1.74}.safety-note{border-left:2px solid color-mix(in srgb, var(--theme-color) 70%, #ae8752a3);background:#ae87520e;margin-top:10px;padding:10px 11px;color:#eceadeb8!important}.detail-block ul{margin:4px 0 0;padding-left:18px}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips span{color:#e4f7ff;font-family:var(--font-mono);clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);background:#71848b12;border:1px solid #71848b40;padding:7px 9px;font-size:11px}.observe-list{gap:8px;margin:4px 0 0;padding:0;list-style:none;display:grid}.observe-list>li{border:1px solid color-mix(in srgb, var(--theme-color) 18%, #d5fff414);color:#dce5de;background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 5%, transparent), transparent 64%), #ffffff06;border-radius:4px;gap:5px;padding:10px 11px;display:grid}.observe-list strong{color:#edf3ee;font-size:13px;font-weight:650;line-height:1.35}.observe-list p{color:#bfc9c2;margin:0;font-size:12px;line-height:1.65}.inline-help{border-top:1px solid color-mix(in srgb, var(--theme-color) 16%, #d5fff414);margin-top:2px}.inline-help summary{min-height:30px;color:color-mix(in srgb, var(--theme-color) 82%, #f0eadc);cursor:pointer;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;list-style:none;display:flex}.inline-help summary::-webkit-details-marker{display:none}.inline-help summary:after{content:"+";color:color-mix(in srgb, var(--theme-color) 76%, #f0eadc);font-family:var(--font-mono)}.detail-block[open] .inline-help:not([open]) summary:after{content:"+"}.inline-help[open] summary:after{content:"-"}.inline-help p{color:#aeb9b2;padding-bottom:4px}.branch-cards{gap:8px;margin-top:4px;display:grid}.branch-cards button{border:1px solid color-mix(in srgb, var(--theme-color) 18%, #d5fff414);width:100%;color:var(--text);background:linear-gradient(90deg, color-mix(in srgb, var(--theme-color) 5%, transparent), transparent 68%), #ffffff06;text-align:left;cursor:pointer;border-radius:4px;gap:5px;padding:11px 12px;transition:border-color .16s,background .16s,transform .16s;display:grid}.branch-cards button:hover:not(:disabled){border-color:color-mix(in srgb, var(--theme-color) 44%, transparent);background:color-mix(in srgb, var(--theme-color) 8%, transparent);transform:translateY(-1px)}.branch-cards button:disabled{cursor:default;opacity:.68}.branch-cards span,.branch-cards em{color:var(--muted);font-size:11px;font-style:normal}.branch-cards strong{color:#e5ece7;font-size:13px;line-height:1.5}.branch-cards em{color:var(--theme-color)}.next-actions{grid-template-columns:1fr;gap:9px;margin-top:8px;display:grid}.next-actions button{min-height:48px;color:var(--text);text-align:left;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%);gap:4px;padding:9px 10px;font-size:12px;display:grid}.next-actions button span{color:#8e9d7ec2;font-size:10px;font-weight:700}.next-actions button strong{font-size:12px;line-height:1.35}.shell-root{color:var(--ink);background:radial-gradient(circle at 76% 18%,#3e5a5a1a,#0000 30%),radial-gradient(circle at 16% 82%,#b489570e,#0000 28%),linear-gradient(90deg,#e0d6be09 1px,#0000 1px) 0 0/72px 100%,linear-gradient(#060809,#0a0d0e 48%,#050506)}.ambient-grid,.signal-field{display:block}.category-gate{background:radial-gradient(circle at 84% 12%,#8a92791a,#0000 28%),radial-gradient(circle at 18% 82%,#b489570f,#0000 28%),linear-gradient(#040608c7,#030506fa)}.category-heading h1,.detail-panel h2,.stage-header h1,.brand strong,.beginner-guide h3,.learning-brief h3,.summary-label,.phase-track span,.genre-button,.connection-current span,.connection-current strong,.connection-next>span,.connection-next button,.detail-next-strip,.category-main,.category-card summary,.notice-shell h2,.enter-button{font-family:var(--font-display)}.lead,.beginner-guide p,.learning-brief p,.learning-brief li,.detail-block p,.detail-block li,.detail-explain-grid p,.detail-explain-grid li,.note-template p,.observe-list p,.inline-help p,.category-card p,.safety-note{font-family:var(--font-body)}.category-shell{width:min(1020px,94vw)}.category-heading{margin-bottom:22px}.category-heading h1{color:#f0eadc;font-size:clamp(38px,5vw,68px)}.category-grid{gap:12px}.category-card{border:1px solid #e0d6be1f;border-left:4px solid var(--node-color);background:#090c0ddb;border-radius:8px;box-shadow:0 18px 42px #00000038}.category-main{color:#f0eadc;background:0 0;min-height:104px;padding:17px 18px 14px}.category-main:hover{background:color-mix(in srgb, var(--node-color) 9%, transparent);filter:drop-shadow(0 0 16px color-mix(in srgb, var(--node-color) 20%, transparent))}.category-main small{color:color-mix(in srgb, var(--node-color) 76%, #f0eadc);font-family:var(--font-display);letter-spacing:0;font-size:10px}.category-main strong{color:#f5f0e3;font-size:25px}.category-main p{color:#eceadead;font-family:var(--font-body);margin:8px 0 0;font-size:12px;line-height:1.55}.category-main em{color:color-mix(in srgb, var(--node-color) 78%, #f0eadc);margin-top:10px;font-size:12px;font-style:normal;font-weight:700}.category-keywords{gap:10px}.category-keywords span{color:#eceadea3;background:0 0;border:0;min-height:auto;padding:0;font-size:12px}.notice-detail{border-top:1px solid #e0d6be1f;border-bottom:1px solid #e0d6be14;margin:12px 0 4px}.notice-detail summary{color:#f0eadccc;cursor:pointer;justify-content:space-between;align-items:center;min-height:36px;list-style:none;display:flex}.notice-detail summary::-webkit-details-marker{display:none}.notice-detail summary:after{content:"+";color:var(--green);font-family:var(--font-mono)}.notice-detail[open] summary:after{content:"-"}.category-card details{border-top:1px solid #e0d6be1a;padding:0 18px 14px}.category-card summary{color:#f0eadcdb}.category-card p{color:#eceadeb3}.app-shell{background:#07090a;grid-template-columns:minmax(300px,40vw) minmax(560px,60vw)}.app-shell.detail-dominant{grid-template-columns:minmax(280px,32vw) minmax(660px,68vw)}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050708d6;border-bottom:1px solid #e0d6be1f}.brand-mark{color:var(--theme-color);clip-path:none;border-radius:7px}.brand strong{color:#f0eadc}.phase-track span{color:#cdc6b56b;background:#101211b3;border-color:#e0d6be1a}.phase-track span.active{color:#f0eadc;background:color-mix(in srgb, var(--theme-color) 16%, #111312)}.genre-button{color:#f0eadcd1;background:#ffffff07;border-color:#e0d6be24}.map-stage{background:linear-gradient(#e0d6be09 1px, transparent 1px), radial-gradient(circle at 52% 36%, color-mix(in srgb, var(--theme-color) 6%, transparent), transparent 36%), #080a0b;background-size:100% 34px;border-right:1px solid #e0d6be14}.stage-header span,.detail-heading span{color:color-mix(in srgb, var(--theme-color) 78%, #f0eadc)}.stage-header h1{color:#f0eadc}.connection-current,.connection-next,.learning-brief,.detail-next-strip,.detail-explain-grid,.note-template,.screen-mock{box-shadow:none;background:#0c0f0fe0;border:1px solid #e0d6be1f;border-radius:8px}.connection-current,.connection-next{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.connection-current{border-left:3px solid var(--theme-color)}.connection-current span,.connection-next>span,.detail-next-strip>span{color:#eceade94}.connection-current strong,.connection-next button,.detail-next-strip strong{color:#f0eadc}.connection-next button,.detail-next-strip button,.branch-cards button,.observe-list>li{color:#f0eadc;background:#ffffff06;border-color:#e0d6be1a}.react-flow{background:0 0}.react-flow__node .learning-node{border:1px solid #e0d6be1f;border-left:4px solid var(--node-color);box-shadow:none;background:#0d1010f0;border-radius:8px}.learning-node .node-phase{color:color-mix(in srgb, var(--node-color) 72%, #d7d0c0)}.learning-node strong{color:#f0eadc}.react-flow__edge-path{stroke:#e0d6be24}.detail-panel{background:#080a0b;border-left:0}.detail-heading{border-bottom:1px solid #e0d6be1f}.detail-panel h2{color:#f0eadc}.lead{color:#d6dcd6}.beginner-guide,.learning-brief{border-left:4px solid var(--theme-color)}.beginner-guide h3,.learning-brief h3{color:#f0eadc;font-size:15px}.beginner-guide p,.learning-brief p,.learning-brief li,.detail-block p,.detail-block li,.detail-explain-grid p,.detail-explain-grid li,.note-template p,.observe-list p{color:#c4cbc5}.takeaway-list{gap:6px;margin-top:4px;display:grid}.takeaway-list span{border-left:2px solid color-mix(in srgb, var(--theme-color) 52%, #e0d6be2e);color:#e1ddd0;font-family:var(--font-display);padding-left:12px;font-size:12px;line-height:1.5}.detail-block{border-top:1px solid #e0d6be1f}.detail-block summary,.brief-more summary,.detail-explain-grid summary,.note-template summary,.screenshot-block summary,.inline-help summary{color:#f0eadc;font-family:var(--font-display);font-size:14px}.summary-label{line-height:1.05;display:inline-block}.summary-label:first-letter{color:color-mix(in srgb, var(--theme-color,var(--node-color)) 78%, #f0eadc);font-size:1.5em;font-weight:760;line-height:.8}.brief-more summary:first-letter,.detail-explain-grid summary:first-letter,.note-template summary:first-letter,.screenshot-block summary:first-letter,.detail-block summary:first-letter,.inline-help summary:first-letter,.category-card summary:first-letter{font-size:inherit}.detail-block[open],.detail-explain-grid details[open],.note-template[open],.screenshot-block[open],.category-card details[open]{background:color-mix(in srgb, var(--theme-color) 7%, #101211)}.category-grid.has-help-focus .category-card.is-help-open{background:radial-gradient(circle at 86% 12%, color-mix(in srgb, var(--node-color) 18%, transparent), transparent 28%), #0a0e0ff7}.category-grid.has-help-focus .category-card.is-help-dimmed{opacity:.18}.doc-split{gap:12px;display:grid}.doc-split>div{background:#ffffff07;border:1px solid #e0d6be1a;border-radius:7px;padding:11px 12px}.doc-split strong,.observe-list strong,.branch-cards strong{color:#f0eadc;font-family:var(--font-display)}.risk-note,.safety-note{border-left:3px solid color-mix(in srgb, var(--theme-color) 70%, #b48957);background:color-mix(in srgb, var(--theme-color) 7%, #101211);color:#eceadeb8!important}.decision-list{gap:6px;margin:10px 0 0;padding-left:18px;display:grid}.screen-mock{margin:8px 0 14px;overflow:hidden}.screen-mock img{aspect-ratio:16/10;object-fit:cover;background:#0c0f10;width:100%;display:block}.generated-screen-img{border-bottom:1px solid color-mix(in srgb, var(--theme-color) 20%, #e0d6be1a)}.screen-mock figcaption{color:#eceadea8;font-family:var(--font-body);gap:6px;padding:10px 12px;font-size:12px;line-height:1.55;display:grid}.screen-mock figcaption span{grid-template-columns:42px minmax(0,1fr);gap:8px;display:grid}.screen-mock figcaption strong{color:color-mix(in srgb, var(--theme-color) 76%, #f0eadc);font-family:var(--font-display)}@media (width<=1100px){body{overflow:hidden auto}.app-shell{grid-template-rows:110px auto 52vh;grid-template-columns:1fr;width:100%;height:auto;min-height:100vh;overflow-x:hidden}.app-shell.detail-dominant{grid-template-columns:1fr}.topbar,.map-stage,.detail-panel{grid-column:1}.topbar{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;width:100vw;height:auto;padding:12px;position:relative;top:auto;overflow:hidden}.topbar .brand{max-width:calc(100vw - 72px)}.phase-track{scrollbar-width:none;gap:6px;width:100%;max-width:none;padding:0 4px 4px;display:flex;overflow:auto hidden}.genre-button{min-height:34px;position:absolute;top:14px;right:12px}.phase-track::-webkit-scrollbar{display:none}.phase-track span{flex:none;min-width:94px;min-height:30px;padding:0 10px;font-size:12px}.map-stage{grid-row:3;width:100vw;min-height:52vh}.stage-header{flex-direction:column;gap:8px;top:14px;left:14px;right:14px}.stage-header h1{font-size:28px}.detail-panel{border-left:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-row:2;width:100%}.boot-frame{min-height:390px}.notice-shell{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%)}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.notice-gate,.boot-screen{padding:14px}.notice-list>span{padding-right:10px}.enter-button{justify-content:center;width:100%}.category-gate{align-items:start;padding:18px 14px 28px;overflow:auto}.category-heading h1{font-size:36px}.category-grid,.category-chooser-help p,.decision-grid{grid-template-columns:1fr}.category-grid.has-help-focus .category-card.is-help-open{animation-name:categoryHelpFocusMobile;transform:translateY(-4px)scale(1.035)}.category-grid.has-help-focus .category-card.is-help-dimmed{opacity:.26;filter:grayscale(.86)blur(2.6px)saturate(.34);transform:scale(.96)}.category-main{min-height:132px;padding:16px}.topic-screen-body{grid-template-columns:1fr}.topic-evidence-list,.topic-decision{grid-column:1}.learning-node{width:224px}@keyframes categoryHelpFocusMobile{0%{filter:blur(4px)brightness(.9);transform:translateY(0)scale(.985)}to{filter:blur()brightness();transform:translateY(-4px)scale(1.035)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.learning-brief:hover,.detail-block:hover,.detail-explain-grid:hover,.note-template:hover,.observe-list>li:hover,.detail-next-strip:hover,.screen-mock:hover{transform:none!important}}