:root{--bg-page: #0a0a0a;--bg-panel: #0d1117;--bg-header: #111318;--border: rgba(255, 255, 255, .08);--text-primary: #e0e0e0;--text-secondary: #888;--text-tertiary: #555;--text-dim: #1e2228;--cell-placed: #c8d0d8;--scrollbar-track: #0d1117;--scrollbar-thumb: #333;--scrollbar-thumb-hover: #555;--zoom-bg: rgba(13, 17, 23, .9);--zoom-border: rgba(255, 255, 255, .15);--zoom-text: #aaa;--zoom-hover-bg: rgba(30, 34, 40, .95);--zoom-hover-text: #e0e0e0;--tooltip-bg: rgba(0, 0, 0, .92);--tooltip-border: rgba(120, 180, 255, .25);--tooltip-text: #8cb4ff;--word-hover-outline: rgba(120, 170, 255, .4);--connected: #4a9a5a;--disconnected: #aa4444;--btn-active-bg: rgba(255, 255, 255, .1);--btn-border: rgba(255, 255, 255, .2);--btn-active-text: #fff;--btn-inactive-text: #666;--activity-border: rgba(255, 255, 255, .05);--activity-char: #fff;--activity-overwrite: #664444;--flash-color: rgba(255, 255, 255, .5);--word-bg-short: rgba(100, 160, 255, .08);--word-bg-medium: rgba(100, 160, 255, .12);--word-bg-long: rgba(120, 140, 255, .14);--word-bg-epic: rgba(160, 120, 255, .16);--word-text-short: #90b8e0;--word-text-medium: #a0c4f0;--word-text-long: #b0b8f0;--word-text-epic: #c4b0f0;--grid-line: rgba(255, 255, 255, .03)}[data-theme=light]{--bg-page: #f4f5f7;--bg-panel: #ffffff;--bg-header: #f0f1f4;--border: rgba(0, 0, 0, .1);--text-primary: #1a1a1a;--text-secondary: #666;--text-tertiary: #999;--text-dim: #d8dadd;--cell-placed: #2a2e35;--scrollbar-track: #f0f0f0;--scrollbar-thumb: #c0c0c0;--scrollbar-thumb-hover: #a0a0a0;--zoom-bg: rgba(255, 255, 255, .95);--zoom-border: rgba(0, 0, 0, .15);--zoom-text: #666;--zoom-hover-bg: rgba(240, 240, 245, .98);--zoom-hover-text: #333;--tooltip-bg: rgba(255, 255, 255, .96);--tooltip-border: rgba(60, 100, 180, .25);--tooltip-text: #3060a0;--word-hover-outline: rgba(60, 100, 200, .35);--connected: #2a8040;--disconnected: #cc3333;--btn-active-bg: rgba(0, 0, 0, .08);--btn-border: rgba(0, 0, 0, .2);--btn-active-text: #1a1a1a;--btn-inactive-text: #999;--activity-border: rgba(0, 0, 0, .06);--activity-char: #1a1a1a;--activity-overwrite: #cc6666;--flash-color: rgba(60, 100, 200, .35);--word-bg-short: rgba(50, 100, 200, .07);--word-bg-medium: rgba(50, 100, 200, .1);--word-bg-long: rgba(70, 70, 180, .11);--word-bg-epic: rgba(100, 60, 180, .12);--word-text-short: #2a5090;--word-text-medium: #2050a0;--word-text-long: #3040a0;--word-text-epic: #5030a0;--grid-line: rgba(0, 0, 0, .04)}.grid-wrapper{position:relative;flex:1;overflow:auto;background:var(--bg-panel)}.grid-wrapper::-webkit-scrollbar{width:8px;height:8px}.grid-wrapper::-webkit-scrollbar-track{background:var(--scrollbar-track)}.grid-wrapper::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.grid-wrapper::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.grid{padding:8px;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;cursor:crosshair;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.grid-row{display:flex;height:var(--cell-size)}.cell{display:inline-flex;align-items:center;justify-content:center;width:var(--cell-size);height:var(--cell-size);flex-shrink:0;transition:background-color .3s ease;border-radius:1px;font-weight:500}.cell-empty{color:var(--text-dim)}.cell-placed{color:var(--cell-placed);font-weight:600}.cell-word{font-weight:700;border-radius:2px}.cell-word-hover{outline:1px solid var(--word-hover-outline);z-index:1}.cell-selected-agent{font-weight:700;border-radius:2px;z-index:1}.cell-recent-strong{background-color:var(--flash-color)!important;color:var(--activity-char)!important}.cell-recent-weak{background-color:color-mix(in srgb,var(--flash-color) 40%,transparent)!important}.zoom-controls{position:absolute;bottom:12px;right:20px;display:flex;gap:4px;z-index:10}.zoom-btn{width:32px;height:32px;border:1px solid var(--zoom-border);border-radius:6px;background:var(--zoom-bg);color:var(--zoom-text);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .15s,color .15s}.zoom-btn:hover{background:var(--zoom-hover-bg);color:var(--zoom-hover-text)}.zoom-label{width:48px;height:32px;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--text-secondary);background:var(--zoom-bg);border:1px solid var(--zoom-border);border-radius:6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:JetBrains Mono,monospace}.word-tooltip{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--tooltip-bg);border:1px solid var(--tooltip-border);border-radius:8px;padding:6px 14px;font-size:13px;color:var(--tooltip-text);pointer-events:none;z-index:10;font-family:JetBrains Mono,monospace;font-weight:700;letter-spacing:.05em;white-space:nowrap;box-shadow:0 4px 12px #0003}.word-tooltip-direction{color:var(--text-secondary);font-weight:400;margin-left:6px;font-size:11px}.word-tooltip-sep{color:var(--text-tertiary);font-weight:400}.theme-toggle{background:none;border:1px solid var(--btn-border);border-radius:4px;color:var(--text-secondary);padding:2px 8px;font-size:14px;cursor:pointer;line-height:1;transition:color .15s}.theme-toggle:hover{color:var(--text-primary)}