@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@300;400;500;600;700&display=swap";@font-face{font-family:Truth;src:url(/fonts/Truth.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-header:"Truth", "Chicago", "Geneva", monospace;--font-body:"Truth", "Chicago", "Geneva", monospace;--font-retro:"Truth", "Chicago", "Geneva", monospace;--color-white:#fff;--color-black:#1a1a1a;--color-gray-light:#e5e5e5;--color-gray-mid:#999;--color-gray-dark:#555;--color-surface-bg:#f1eff0;--color-surface-window:#fff;--color-surface-canvas:#f1eff0;--color-border:#d4d4d4;--color-border-strong:#999;--color-text:#1a1a1a;--color-text-inverse:#fff;--color-text-muted:#888;--color-brand-purple:#1f7e7d;--color-brand-pink:#f15bb5;--color-brand-yellow:#fee440;--color-brand-blue:#00bbf9;--color-brand-aqua:#00f5d4;--color-selection:#1f7e7d;--color-selection-text:#fff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-soft:0 2px 8px #00000014;--shadow-card:0 1px 4px #0000000f;--shadow-floating:0 4px 16px #0000001a}*{box-sizing:border-box}button{font-family:inherit;font-weight:inherit}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}html,body,#root{background:var(--color-surface-bg);height:100%;color:var(--color-text);font-family:var(--font-body);margin:0;padding:0;font-size:16px;line-height:1.4}.node-content h1{margin:0 0 8px;font-family:Truth,Chicago,monospace;font-size:28px;font-weight:700;line-height:1.3}.node-content h2{margin:0 0 6px;font-size:22px;font-weight:600;line-height:1.35}.node-content h3{margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.4}.node-content p{margin:0 0 4px}.node-content b,.node-content strong{font-weight:700}:root{--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px)}.konvajs-content{background:var(--color-surface-canvas)!important}.retro-window{background:var(--color-surface-window);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.retro-titlebar{color:var(--color-text);font-family:var(--font-header);-webkit-user-select:none;user-select:none;padding:8px 12px 0;font-size:13px}.retro-titlebar-text{color:var(--color-text-muted);font-family:var(--font-body);font-size:12px}.node-card{background:var(--color-surface-window);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow .15s,border-color .15s;overflow:hidden}.node-card:hover{box-shadow:var(--shadow-soft)}.node-card.selected{border-color:var(--color-brand-purple);box-shadow:0 4px 16px #1f7e7d26}.btn-primary{background:var(--color-black);color:var(--color-white);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;border:none;padding:6px 18px;font-size:14px;transition:opacity .12s}.btn-primary:hover{opacity:.85}.btn-primary:active{opacity:.7}.btn-secondary{color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;background:0 0;padding:6px 16px;font-size:14px;transition:background .12s}.btn-secondary:hover{background:#f5f5f5}.link-btn{color:#555;cursor:pointer;background:0 0;border:none;padding:4px;font-family:IBM Plex Mono,Menlo,Monaco,monospace;font-size:14px;font-weight:400;transition:color .12s}.link-btn-highlight{color:#1f7e7d;cursor:pointer;font-weight:600;text-decoration:none}.link-btn-highlight:hover{-webkit-text-decoration:underline #1f7e7d;text-decoration:underline #1f7e7d}.input-field{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none;width:100%;padding:10px 12px;font-family:Inter,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:400;transition:border-color .15s}.input-field:focus{border-color:var(--color-brand-purple);box-shadow:0 0 0 3px #1f7e7d1a}.input-field::placeholder{color:var(--color-gray-mid)}.canvas-card{background:var(--color-surface-window);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-card);padding:16px;transition:box-shadow .15s,border-color .15s}.canvas-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-soft)}::-webkit-scrollbar{background:0 0;width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bbb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:.15s ease-out fadeIn}.login-gradient{background:var(--color-surface-bg)}.save-indicator{font-family:var(--font-body);color:var(--color-text-muted);font-size:14px}.save-indicator.saving{color:var(--color-text)}.save-indicator.saved{color:var(--color-text-muted)}.save-indicator.error{color:var(--color-text);text-decoration:underline}::selection{background:var(--color-brand-purple);color:var(--color-white)}