:root{--bg0: #050713;--bg1: #090f22;--panel: rgba(9, 14, 34, .9);--line: rgba(85, 151, 255, .33);--text: #e7f0ff;--muted: rgba(231, 240, 255, .72);--hot: #ff4fb0;--cold: #6ed4ff;--good: #59ffa3;--radius: 14px;--shadow: 0 10px 36px rgba(0, 0, 0, .42);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--mono);color:var(--text);background:radial-gradient(980px 760px at 18% 12%,rgba(26,136,255,.2),transparent 60%),radial-gradient(900px 700px at 85% 28%,rgba(255,79,176,.16),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));overflow:hidden}a.a{color:#9cdfff;text-decoration:none;border-bottom:1px dashed rgba(156,223,255,.5)}a.a:hover{color:#fff}input,textarea{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d;color:var(--text);font-family:var(--mono);font-size:12px;padding:9px 10px;outline:none}textarea:focus{border-color:#6ed4ffb3;box-shadow:0 0 0 2px #6ed4ff29}input:focus{border-color:#6ed4ffb3;box-shadow:0 0 0 2px #6ed4ff29}.app{height:100vh;display:grid;grid-template-columns:1fr minmax(320px,440px)}@media (max-width: 980px){.app{grid-template-columns:1fr}.panel{position:fixed;right:0;top:0;width:min(430px,93vw);height:100vh;transform:translate(100%);transition:transform .2s ease;z-index:20}.panel.open{transform:translate(0)}.panelToggle{display:flex!important}}#stage{position:relative;overflow:hidden}#stage canvas{width:100%!important;height:100%!important;display:block}.hud{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100vw - 24px);padding:10px 12px;background:#070b1ba6;border:1px solid var(--line);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);z-index:8}.pill{display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;border:1px solid rgba(110,212,255,.25);background:#0003;font-size:12px;color:var(--muted);white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 12px #59ffa385;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(.9);opacity:.58}50%{transform:scale(1.1);opacity:1}}.modeSwitch{display:flex;gap:6px;align-items:center}.panel{height:100vh;padding:14px;background:var(--panel);border-left:1px solid rgba(94,171,255,.24);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.panelInner{height:100%;min-height:0;display:flex;flex-direction:column;gap:10px}.panelToggle{display:none;position:fixed;right:12px;top:12px;z-index:30;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,79,176,.44);background:linear-gradient(135deg,#6ed4ff66,#ff4fb07a);color:#fff;font-weight:700;cursor:pointer}.title{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(110,212,255,.23);background:#ffffff08}.title h1{margin:0;color:#8fddff;font-size:13px;letter-spacing:.13em}.title .sub{margin-top:5px;font-size:11px;line-height:1.35;color:var(--muted)}.rewardCard{padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(255,79,176,.34);background:linear-gradient(135deg,#1b27469e,#39163e9e)}.rewardLine{margin-top:7px;font-size:11px;color:var(--muted)}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(110,212,255,.23);background:#ffffff08}.tab{border:1px solid rgba(110,212,255,.28);border-radius:999px;background:#00000038;color:var(--muted);font-size:12px;padding:6px 10px;cursor:pointer}.tab.active{color:#fff;border-color:#ff4fb0b3;box-shadow:0 0 18px #ff4fb038;background:#ff4fb024}.section{padding:12px;border-radius:var(--radius);border:1px solid rgba(110,212,255,.23);background:#ffffff08}.search{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(110,212,255,.23);background:#ffffff08}.search input{border:0;padding:0;background:transparent}.search .hint{font-size:11px;color:#e7f0ff94}.scroll{min-height:0;overflow:auto;scrollbar-width:thin}.card{padding:12px;border-radius:var(--radius);border:1px solid rgba(110,212,255,.17);background:#ffffff08;margin-bottom:10px;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.card:hover{transform:translate(3px);border-color:#ff4fb06e}.card.selected{border-color:#ff4fb0b8;box-shadow:0 0 20px #ff4fb033}.card h3{margin:0 0 6px;font-size:12px;color:#9edfff}.card p{margin:0 0 10px;font-size:11px;line-height:1.35;color:var(--muted)}.nodeActions{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.chipButton{border:1px solid rgba(110,212,255,.34);border-radius:999px;background:#6ed4ff1a;color:#d9f2ff;font-size:11px;padding:5px 10px;cursor:pointer}.chipButton:hover{border-color:#ff4fb09e;color:#fff}.formulaDraft{min-height:46px;display:flex;gap:8px;flex-wrap:wrap;border-radius:10px;border:1px dashed rgba(110,212,255,.36);padding:9px;background:#6ed4ff0d}.formulaScore{font-size:12px;color:#a8ebff}.noteInput{min-height:96px;resize:vertical}.meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#e7f0ffa8}.bar{margin-top:8px;height:4px;border-radius:99px;background:#ffffff14}.bar>i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff4fb0de,#6ed4ffde)}.messages{border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0000003d;padding:10px}.msg{margin:0 0 8px;padding:8px 10px;border-left:3px solid rgba(110,212,255,.6);border-radius:10px;background:#ffffff0a}.msg .from{font-size:10px;color:#f5a2d5;margin-bottom:4px}.msg .txt{font-size:11px;color:#e7f0ffe6;line-height:1.35;word-break:break-word}.monoTag{display:inline-block;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#ffffff0d;font-size:11px;color:#d5e9ff;padding:4px 8px}.small{font-size:10px;color:#e7f0ffa3}.focusBanner{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(900px 700px at 50% 40%,rgba(255,79,176,.1),transparent 60%),#00000059;z-index:9;pointer-events:none}.focusBanner.on{display:block}.helpBlock{font-size:11px;line-height:1.45;color:var(--muted)}.helpBlock b{color:#fff}.divider{margin:12px 0;height:1px;background:linear-gradient(90deg,transparent,rgba(110,212,255,.45),transparent)}.integrationGrid{display:grid;gap:8px;margin:10px 0}.integrationButton{display:block;border-radius:10px;padding:9px 11px;border:1px solid rgba(110,212,255,.35);color:#dff4ff;text-decoration:none;background:#6ed4ff14}.integrationButton:hover{border-color:#ff4fb09e;color:#fff}.webxrWrap{position:relative;height:100%}.webxrControls{position:absolute;left:14px;bottom:14px;z-index:10;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;border:1px solid rgba(110,212,255,.35);background:#050b1ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.webxrError{position:absolute;left:14px;top:14px;z-index:10;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,116,130,.5);background:#380810b3;color:#ffc1cc;font-size:12px}.credit{position:fixed;left:12px;bottom:10px;z-index:10;padding:8px 10px;border-radius:12px;border:1px solid rgba(110,212,255,.2);background:#050b1a73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}