*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07080a;--text-primary: #c8d8d0;--text-dim: rgba(140, 180, 165, .5);--accent: #6ecfaa;--accent-dim: rgba(110, 207, 170, .35);--accent-bright: rgba(110, 207, 170, .75);--accent-glow: rgba(110, 207, 170, .5);--canvas-border: rgba(123, 255, 178, .12);--chrono-bg: rgba(8, 13, 11, .9);--chrono-border: rgba(110, 207, 170, .12);--chrono-hist-border: rgba(240, 192, 96, .22);--scrub-bg-active: rgba(60, 36, 4, .28);--scrub-border-active: rgba(240, 192, 96, .12);--chrono-label: rgba(110, 207, 170, .28);--hint-text: rgba(110, 207, 170, .35);--hint-kbd: rgba(110, 207, 170, .72);color-scheme:dark}[data-theme=light]{--bg: #edf0f7;--text-primary: #192030;--text-dim: rgba(52, 76, 118, .9);--accent: #3066c8;--accent-dim: rgba(48, 102, 200, .45);--accent-bright: rgba(48, 102, 200, .85);--accent-glow: rgba(28, 162, 222, .35);--canvas-border: rgba(48, 102, 200, .18);--chrono-bg: rgba(237, 240, 247, .94);--chrono-border: rgba(48, 102, 200, .16);--chrono-hist-border: rgba(200, 140, 60, .38);--scrub-bg-active: rgba(28, 162, 222, .12);--scrub-border-active: rgba(28, 162, 222, .22);--chrono-label: rgba(52, 76, 118, .55);--hint-text: rgba(52, 76, 118, .55);--hint-kbd: rgba(52, 76, 118, .85);color-scheme:light}html,body,#root{width:100%;height:100%;background:var(--bg);overflow:hidden;font-family:DM Mono,Courier New,monospace;color:var(--text-primary);transition:background .6s ease,color .6s ease}.omnis-shell{position:relative;width:100%;height:100%;background:var(--bg)}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.omnis-hud{position:fixed;top:28px;left:32px;z-index:100;pointer-events:none;display:flex;flex-direction:column;gap:5px}.hud-title{font-family:"Instrument Serif",Georgia,serif;font-size:22px;color:var(--text-primary);line-height:1;letter-spacing:.02em}.hud-sub{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}.omnis-status{position:fixed;top:28px;right:32px;z-index:100;pointer-events:all;display:flex;align-items:center;gap:10px}.settings-gear{background:none;border:none;cursor:pointer;color:var(--accent-dim);font-size:13px;padding:0;line-height:1;transition:color .2s ease}.settings-gear:hover{color:var(--accent-bright)}.theme-toggle{background:none;border:none;cursor:pointer;color:var(--accent-dim);font-size:14px;padding:0;line-height:1;transition:color .2s ease;font-family:inherit}.theme-toggle:hover{color:var(--accent-bright)}.focus-recent-btn{position:fixed;bottom:104px;right:48px;z-index:200;background:none;border:none;cursor:pointer;color:var(--accent);font-size:18px;padding:4px;line-height:1;opacity:.4;transition:opacity .2s ease;pointer-events:all}.focus-recent-btn:hover{opacity:.85}.status-count{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim)}.status-dot{width:6px;height:6px;border-radius:50%;background:#6ecfaa40;transition:background .4s ease}.status-dot[data-status=connected]{background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.status-dot[data-status=frontend-only]{background:#f0be60b3}.omnis-hint{position:fixed;bottom:112px;left:32px;z-index:100;pointer-events:none;display:flex;flex-direction:column;gap:4px}.omnis-hint span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--hint-text)}.omnis-hint kbd{font-family:inherit;color:var(--hint-kbd);background:none;border:none;padding:0;font-size:inherit}.canvas-host{width:100%;height:100%;min-height:320px;border:1px solid var(--canvas-border);border-radius:20px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.chrono-scrub-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,transparent 100%);border:0px solid transparent;transition:background .35s ease,border .35s ease}.chrono-scrub-overlay.active{background:radial-gradient(ellipse at center,transparent 28%,var(--scrub-bg-active) 100%);border:2px solid var(--scrub-border-active)}.chrono-wrap{position:fixed;bottom:0;left:0;right:0;z-index:200;transition:right .22s ease;padding:0 40px 20px;pointer-events:all}.chrono-track{position:relative;height:52px;background:var(--chrono-bg);border:1px solid var(--chrono-border);border-radius:4px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;overflow:hidden;transition:border-color .3s ease}.chrono-wrap.chrono-historical .chrono-track{border-color:var(--chrono-hist-border)}.chrono-sparkline{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:all;display:block}.chrono-footer{display:flex;align-items:center;justify-content:space-between;padding:5px 4px 0}.chrono-label-start,.chrono-label-end{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:var(--chrono-label);min-width:60px}.chrono-label-end{text-align:right}.chrono-status{display:flex;align-items:center;gap:6px}.chrono-live-label{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.16em;color:var(--accent-dim);font-family:DM Mono,Courier New,monospace}[data-theme=light] .chrono-live-label{color:#344c768c}.chrono-live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);opacity:.55;animation:chrono-pulse 2.2s ease-in-out infinite}@keyframes chrono-pulse{0%,to{opacity:.55}50%{opacity:1}}.chrono-past-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#f0c060d9;font-family:DM Mono,Courier New,monospace}[data-theme=light] .chrono-past-label{color:#c88c3cd9}.note-editor-open .chrono-wrap{right:330px}.url-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#07080ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlayFadeIn .15s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.url-overlay-inner{display:flex;flex-direction:column;gap:14px;width:500px;padding:30px 36px;background:#0a100ef5;border:1px solid rgba(110,207,170,.18);border-radius:4px;box-shadow:0 24px 64px #0009}[data-theme=light] .url-overlay-inner{background:#edf0f7fa;border-color:#3066c833;box-shadow:0 24px 64px #121c3429}.url-overlay-label{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--text-dim)}.url-overlay-input{background:transparent;border:none;border-bottom:1px solid rgba(110,207,170,.2);color:var(--text-primary);font-family:inherit;font-size:17px;padding:8px 0;outline:none;width:100%;transition:border-color .2s ease}.url-overlay-input::placeholder{color:#8cb4a538}.url-overlay-input:focus{border-bottom-color:#6ecfaa99}[data-theme=light] .url-overlay-input{border-bottom-color:#3066c83d}[data-theme=light] .url-overlay-input::placeholder{color:#344c764d}[data-theme=light] .url-overlay-input:focus{border-bottom-color:#3066c88c}.url-overlay-input:disabled{opacity:.5}.url-overlay-status{font-size:10px;letter-spacing:.08em;color:var(--text-dim);animation:statusPulse 1.8s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.35}}.url-overlay-error{font-size:10px;color:#f06464cc}.note-editor{position:fixed;top:0;right:0;bottom:0;width:330px;z-index:300;background:#070908f7;border-left:1px solid rgba(110,207,170,.1);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);display:flex;flex-direction:column;padding:80px 28px 28px;animation:slideInRight .22s ease}[data-theme=light] .note-editor{background:#edf0f7f7;border-left:1px solid rgba(48,102,200,.18)}@keyframes slideInRight{0%{transform:translate(16px);opacity:0}to{transform:translate(0);opacity:1}}.note-editor-type-label{font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:#6ecfaa4d;margin-bottom:20px}[data-theme=light] .note-editor-type-label{color:#344c7673}.note-editor-title{background:transparent;border:none;border-bottom:1px solid rgba(110,207,170,.12);color:var(--text-primary);font-family:"Instrument Serif",Georgia,serif;font-size:22px;padding:0 0 14px;margin-bottom:22px;outline:none;width:100%;transition:border-color .2s ease}.note-editor-title::placeholder{color:#8cb4a52e}.note-editor-title:focus{border-bottom-color:#6ecfaa4d}[data-theme=light] .note-editor-title{border-bottom-color:#3066c833}[data-theme=light] .note-editor-title::placeholder{color:#344c7640}[data-theme=light] .note-editor-title:focus{border-bottom-color:#3066c873}.note-editor-body{flex:1;background:transparent;border:none;color:#c8d8d08c;font-family:inherit;font-size:13px;line-height:1.75;outline:none;resize:none;width:100%}.note-editor-body::placeholder{color:#8cb4a529}[data-theme=light] .note-editor-body{color:#192030b3}[data-theme=light] .note-editor-body::placeholder{color:#344c7647}.note-editor-preview{flex:1;color:#c8d8d08c;font-family:inherit;font-size:13px;line-height:1.75;cursor:text;overflow-y:auto;width:100%;outline:none}.note-editor-preview--empty{color:#8cb4a529}.note-editor-preview h2,.note-editor-preview h3{color:#c8d8d0bf;font-size:14px;margin:8px 0 4px}.note-editor-preview strong{color:#c8d8d0cc}.note-editor-preview em{color:#b4d2c3b3;font-style:italic}.note-editor-preview code{background:#78c8b414;border-radius:3px;padding:1px 4px;font-size:11px}.note-editor-preview ul,.note-editor-preview ol{padding-left:18px;margin:4px 0}.note-editor-preview blockquote{border-left:2px solid rgba(120,200,180,.25);margin:4px 0;padding-left:10px;color:#b4d2c380}[data-theme=light] .note-editor-preview{color:#192030b3}[data-theme=light] .note-editor-preview--empty{color:#344c7647}[data-theme=light] .note-editor-preview h2,[data-theme=light] .note-editor-preview h3{color:#192030cc}[data-theme=light] .note-editor-preview strong{color:#192030e6}[data-theme=light] .note-editor-preview em{color:#344c76bf}[data-theme=light] .note-editor-preview code{background:#3066c814}[data-theme=light] .note-editor-preview blockquote{border-left-color:#3066c84d;color:#344c7699}.note-editor-save-status{display:block;font-size:11px;letter-spacing:.06em;margin-top:4px;transition:opacity .4s ease}.note-editor-save-status--saving{color:#78c8b440}.note-editor-save-status--saved{color:#78c8b459}.note-editor-save-status--error{color:#ff646499}[data-theme=light] .note-editor-save-status--saving{color:#3066c859}[data-theme=light] .note-editor-save-status--saved{color:#3066c880}[data-theme=light] .note-editor-save-status--error{color:#b43c28b3}.first-run-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#07080ae6;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);animation:firstRunFadeIn 1.4s ease both}@keyframes firstRunFadeIn{0%{opacity:0}to{opacity:1}}.first-run-content{max-width:500px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px;animation:firstRunRise 1.6s ease both}@keyframes firstRunRise{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes firstRunFade{0%{opacity:0}to{opacity:1}}.first-run-name{font-family:"Instrument Serif",Georgia,serif;font-size:64px;color:var(--text-primary);letter-spacing:.01em;line-height:1}.first-run-tagline{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:#6ecfaa73;margin-top:4px}.first-run-body{display:flex;flex-direction:column;gap:10px;color:#8cb4a58c;font-size:14px;line-height:1.85;margin-top:12px;max-width:360px}.first-run-cta{margin-top:28px;background:transparent;border:1px solid rgba(110,207,170,.28);color:#6ecfaaa6;font-family:inherit;font-size:9px;letter-spacing:.3em;text-transform:uppercase;padding:13px 44px;border-radius:2px;cursor:pointer;transition:border-color .3s ease,color .3s ease,box-shadow .3s ease}.first-run-cta:hover{border-color:#6ecfaa99;color:var(--accent);box-shadow:0 0 24px #6ecfaa1a}.empty-canvas-hint{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;animation:firstRunFade 1.2s ease both}.empty-canvas-message{font-family:"Instrument Serif",Georgia,serif;font-size:22px;color:#c8d8d038;margin:0 0 8px;letter-spacing:.02em}.empty-canvas-sub{font-family:DM Mono,Courier New,monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#6ecfaa2e;margin:0}[data-theme=light] .empty-canvas-message{color:#1e325aad}[data-theme=light] .empty-canvas-sub{color:#3066c89e}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#07080a8c}[data-theme=light] .settings-backdrop{background:#121c3438}.settings-panel{position:relative;z-index:1;width:360px;background:#0d0f12;border:1px solid rgba(120,200,180,.3);border-radius:4px;padding:0;animation:firstRunFade .18s ease both;box-shadow:0 8px 48px #0009}[data-theme=light] .settings-panel{background:#edf0f7;border-color:#3066c840;box-shadow:0 8px 48px #121c3429}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid rgba(120,200,180,.1)}[data-theme=light] .settings-header{border-bottom-color:#3066c824}.settings-title{font-family:DM Mono,Courier New,monospace;font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#6ecfaa99}[data-theme=light] .settings-title{color:#344c768c}.settings-close{background:none;border:none;cursor:pointer;color:#c8d8d059;font-size:18px;line-height:1;padding:0;transition:color .2s ease}.settings-close:hover{color:#c8d8d0bf}[data-theme=light] .settings-close{color:#19203059}[data-theme=light] .settings-close:hover{color:#192030bf}.settings-section{padding:18px 22px;border-bottom:1px solid rgba(120,200,180,.06)}.settings-section:last-child{border-bottom:none}[data-theme=light] .settings-section{border-bottom-color:#3066c81a}.settings-section--danger .settings-label{color:#ff8c788c}[data-theme=light] .settings-section--danger .settings-label{color:#a03c28a6}.settings-label{font-family:DM Mono,Courier New,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#c8d8d08c;margin-bottom:6px}[data-theme=light] .settings-label{color:#1920308c}.settings-description{font-size:11px;color:#c8d8d047;line-height:1.6;margin-bottom:12px}[data-theme=light] .settings-description{color:#344c768c}.settings-description kbd{background:#78c8b414;border:1px solid rgba(120,200,180,.2);border-radius:2px;padding:1px 5px;font-size:10px}[data-theme=light] .settings-description kbd{background:#3066c812;border-color:#3066c833}.settings-options{display:flex;gap:6px}.settings-option{flex:1;background:#ffffff08;border:1px solid rgba(120,200,180,.15);border-radius:2px;color:#c8d8d073;font-family:DM Mono,Courier New,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;padding:7px 0;cursor:pointer;transition:all .2s ease}.settings-option:hover{border-color:#78c8b459;color:#c8d8d0bf}.settings-option--active{background:#78c8b414;border-color:#78c8b473;color:#78c8b4e6}[data-theme=light] .settings-option{background:#3066c808;border-color:#3066c82e;color:#19203073}[data-theme=light] .settings-option:hover{border-color:#3066c866;color:#192030cc}[data-theme=light] .settings-option--active{background:#3066c81a;border-color:#3066c87a;color:#3066c8e6}.settings-reset-btn{background:none;border:1px solid rgba(255,120,100,.25);border-radius:2px;color:#ff8c788c;font-family:DM Mono,Courier New,monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;padding:7px 18px;cursor:pointer;transition:all .2s ease}.settings-reset-btn:hover{border-color:#ff78648c;color:#ff8c78e6}[data-theme=light] .settings-reset-btn{border-color:#a03c2847;color:#a03c2899}[data-theme=light] .settings-reset-btn:hover{border-color:#a03c288c;color:#a03c28e6}.web-consent-banner{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#0d0f12eb;border-bottom:1px solid rgba(120,200,180,.2);font-family:DM Mono,Courier New,monospace;font-size:13px;color:#c8dcd7b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:slideDown .2s ease-out}[data-theme=light] .web-consent-banner{background:#edf0f7f2;border-bottom-color:#3066c82e;color:#192030b3}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.web-consent-dismiss{background:none;border:none;color:#78c8b499;font-family:inherit;font-size:12px;cursor:pointer;padding:0 0 0 20px;flex-shrink:0}.web-consent-dismiss:hover{color:#78c8b4}[data-theme=light] .web-consent-dismiss{color:#3066c8a6}[data-theme=light] .web-consent-dismiss:hover{color:#3066c8}.web-session-badge{position:fixed;bottom:100px;left:16px;z-index:300;font-family:DM Mono,Courier New,monospace;font-size:10px;letter-spacing:.04em;color:#ffc85073;pointer-events:none}.upgrade-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;align-items:center;justify-content:center;background:#07080ab8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:overlayFadeIn .15s ease}.upgrade-overlay-inner{display:flex;flex-direction:column;gap:8px;width:360px;padding:30px 36px;background:#0a100ef5;border:1px solid rgba(110,207,170,.18);border-radius:4px;box-shadow:0 24px 64px #0009}[data-theme=light] .upgrade-overlay-inner{background:#edf0f7fa;border-color:#3066c833;box-shadow:0 24px 64px #121c3429}.upgrade-overlay-message{margin:0;font-size:14px;color:var(--text-primary)}.upgrade-overlay-sub{margin:0;font-size:12px;color:var(--text-dim)}.upgrade-overlay-actions{display:flex;align-items:center;gap:16px;margin-top:14px}.upgrade-overlay-link{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:#78c8b4e6;border:1px solid rgba(120,200,180,.45);border-radius:2px;padding:8px 18px;transition:all .2s ease}.upgrade-overlay-link:hover{background:#78c8b414;border-color:#78c8b4b3}.upgrade-overlay-link:focus-visible{outline:1.5px solid rgba(120,200,180,.7);outline-offset:3px}[data-theme=light] .upgrade-overlay-link{color:#3066c8e6;border-color:#3066c873}[data-theme=light] .upgrade-overlay-link:hover{background:#3066c812;border-color:#3066c8b3}.upgrade-overlay-dismiss{background:none;border:none;cursor:pointer;font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c8d8d059;transition:color .2s ease;padding:8px 0}.upgrade-overlay-dismiss:hover{color:#c8d8d0b3}.upgrade-overlay-dismiss:focus-visible{outline:1.5px solid rgba(200,216,208,.5);outline-offset:3px}[data-theme=light] .upgrade-overlay-dismiss{color:#19203066}[data-theme=light] .upgrade-overlay-dismiss:hover{color:#192030bf}.settings-license-row{display:flex;gap:6px}.settings-license-input{flex:1;background:#ffffff08;border:1px solid rgba(120,200,180,.15);border-radius:2px;color:var(--text-primary);font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;letter-spacing:.06em;padding:7px 10px;outline:none;transition:border-color .2s ease}.settings-license-input:focus{border-color:#78c8b473}.settings-license-input::placeholder{color:#8cb4a540}[data-theme=light] .settings-license-input{background:#3066c808;border-color:#3066c833}[data-theme=light] .settings-license-input:focus{border-color:#3066c880}[data-theme=light] .settings-license-input::placeholder{color:#344c764d}.settings-license-status{font-size:11px;line-height:1.6;margin-top:10px}.settings-license-status--success{color:#78c8b4d9}.settings-license-status--error{color:#f06464cc}[data-theme=light] .settings-license-status--success{color:#1c6e50e6}[data-theme=light] .settings-license-status--error{color:#b43228d9}
