body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Courier Prime,IBM Plex Mono,PT Mono,Courier New,Lucida Console,Monaco,monospace;margin:0;min-height:100vh;padding:0}#root,body,html{height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background-color:#1a1b1f;background-color:var(--theme-bg-primary);height:100%;min-height:100vh;overflow-x:hidden}body{color:#e4e1d8;color:var(--theme-text-primary);font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;margin:0;padding:0}*{scrollbar-color:#565663 #242530;scrollbar-color:var(--theme-border-secondary) var(--theme-bg-secondary);scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#242530;background:var(--theme-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background-color:#565663;background-color:var(--theme-border-secondary);border:2px solid #242530;border:2px solid var(--theme-bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#626270;background-color:var(--theme-border-tertiary)}#root{overflow-x:hidden}#root,.App{background-color:#1a1b1f;background-color:var(--theme-bg-primary);height:100%;margin:0;min-height:100vh;padding:0}.App{position:relative;text-align:center}.App-main{background-color:#1a1b1f;background-color:var(--theme-bg-primary);color:#e4e1d8;color:var(--theme-text-primary);height:100%;margin:0;min-height:100vh;padding:0}.App-main>*{margin-top:0;padding-top:0}.version-display{bottom:26px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;opacity:.7;position:fixed;right:90px;text-decoration:none;transition:all .3s ease;z-index:1000}.version-display:hover{color:#8b7355;color:var(--theme-accent-primary);opacity:1;text-decoration:underline}.backend-status-dot{bottom:30px;position:fixed;right:70px;z-index:1000}.backend-status-dot .status-dot{background-color:#8b8983;background-color:var(--theme-status-neutral);border-radius:50%;height:8px;width:8px}.backend-status-dot .status-dot.ok{background-color:#5aa763;background-color:var(--theme-status-ok);box-shadow:0 0 4px #5aa76366;box-shadow:0 0 4px var(--theme-status-ok-glow)}.backend-status-dot .status-dot.error{background-color:#dc5359;background-color:var(--theme-status-error);box-shadow:0 0 4px #dc535966;box-shadow:0 0 4px var(--theme-status-error-glow)}.backend-status-dot .status-dot.loading{animation:pulse 1.5s ease-in-out infinite alternate;background-color:#e9923c;background-color:var(--theme-status-loading)}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.error{color:#b85450;color:var(--theme-accent-error);font-weight:700}.logout-container{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border-radius:8px;display:flex;gap:.25rem;padding:.25rem;position:absolute;right:5px;top:5px;z-index:1000}.auth-form{margin:0 auto;max-width:320px;padding:1.5rem 0;text-align:left}.login-form,.signup-form{margin-bottom:1.5rem}.login-form h2,.signup-form h2{color:#e4e1d8;color:var(--theme-text-primary);font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;font-size:1.2rem;font-weight:400;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#b8b5ab;color:var(--theme-text-secondary);display:block;font-size:.9rem;font-weight:400;margin-bottom:.25rem}.form-group input,.form-group label{font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif}.form-group input{background-color:#242530;background-color:var(--theme-bg-secondary);border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease;width:100%}.form-group input:hover{background-color:#2a2b36;background-color:var(--theme-bg-tertiary)}.form-group input:focus{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1);outline:none}.form-group input::placeholder{color:#b8b5ab;color:var(--theme-text-secondary)}.form-group input::placeholder,.login-form button,.signup-form button{font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif}.login-form button,.signup-form button{background-color:#242530;background-color:var(--theme-bg-secondary);border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-size:1rem;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.login-form button:hover:not(:disabled),.signup-form button:hover:not(:disabled){background-color:#2a2b36;background-color:var(--theme-bg-tertiary)}.login-form button:disabled,.signup-form button:disabled{background-color:#8b8983;background-color:var(--theme-text-muted);color:#1a1b1f;color:var(--theme-bg-primary);cursor:not-allowed}.auth-toggle{margin-top:1.5rem;text-align:center}.auth-toggle p{color:#b8b5ab;color:var(--theme-text-secondary);margin:0}.auth-toggle .toggle-button,.auth-toggle p{font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;font-size:.9rem}.auth-toggle .toggle-button{background:none;border:none;color:#8b7355;color:var(--theme-accent-primary);cursor:pointer;padding:0;text-decoration:underline}.auth-toggle .toggle-button:hover{color:#a08660;color:var(--theme-accent-primary-hover)}.user-profile{background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:8px;margin:0 auto;max-width:600px;padding:2rem;text-align:left}.user-info{margin-bottom:2rem}.root-tree-section,.user-info{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border-radius:4px;padding:1rem}.tree-link{background-color:#8b7355;background-color:var(--theme-accent-primary);border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);display:inline-block;margin-top:1rem;padding:.5rem 1rem;text-decoration:none}.tree-link:hover{background-color:#a08660;background-color:var(--theme-accent-primary-hover)}.releases-container{color:#e4e1d8;color:var(--theme-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:800px;padding:1.5rem}.releases-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.releases-header h1{color:#e4e1d8;color:var(--theme-text-primary);font-size:2rem;font-weight:600;margin:0}.releases-header .back-link{color:#8b7355;color:var(--theme-accent-primary);font-size:.9rem;text-decoration:none;transition:all .3s ease}.releases-header .back-link:hover{opacity:.8;text-decoration:underline}.vision-summary{background-color:#8b735514;background-color:rgba(var(--theme-accent-primary-rgb),.08);border:2px solid #8b735533;border:2px solid rgba(var(--theme-accent-primary-rgb),.2);border-radius:6px;margin-bottom:1.5rem;padding:1rem;text-align:center}.vision-summary p{color:#8b7355;color:rgba(var(--theme-accent-primary-rgb),1);font-size:1.125rem;font-weight:600;line-height:1.4;margin:0}.tab-navigation{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);border-radius:6px;display:flex;gap:0;margin-bottom:2rem;padding:4px}.tab-navigation .tab-button{background:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.tab-navigation .tab-button:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.tab-navigation .tab-button.active{background-color:#8b7355;background-color:rgba(var(--theme-accent-primary-rgb),1);box-shadow:0 2px 4px #8b735533;box-shadow:0 2px 4px rgba(var(--theme-accent-primary-rgb),.2);color:#fff;font-weight:600}.tab-content{min-height:400px}.vision-statement{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);border-left:4px solid #8b7355cc;border-left:4px solid rgba(var(--theme-accent-primary-rgb),.8);border-radius:6px;margin-bottom:2rem;padding:1.5rem}.vision-statement h2{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1rem}.vision-statement .vision-content{display:flex;flex-direction:column;gap:1rem}.vision-statement .vision-content p{color:#e4e1d8;color:var(--theme-text-primary);font-size:1rem;line-height:1.6;margin:0}.vision-statement .vision-content p strong{color:#8b7355;color:rgba(var(--theme-accent-primary-rgb),1);font-weight:600}.vision-statement .vision-content p em{color:#8b7355e6;color:rgba(var(--theme-accent-primary-rgb),.9);font-style:italic}.vision-statement .vision-content .vision-long-term,.vision-statement .vision-content .vision-short-term{font-size:1.05rem}.vision-statement .vision-content .vision-philosophy{color:rgba(var(--theme-text-primary-rgb),.85);font-style:normal}.roadmap-section{margin-bottom:2rem}.roadmap-section h2{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.roadmap-section .roadmap-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.roadmap-section .roadmap-content .roadmap-item{background-color:#8b735508;background-color:rgba(var(--theme-accent-primary-rgb),.03);border:1px solid #8b735526;border:1px solid rgba(var(--theme-accent-primary-rgb),.15);border-radius:6px;padding:1rem;transition:all .3s ease}.roadmap-section .roadmap-content .roadmap-item:hover{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);border-color:#8b735540;border-color:rgba(var(--theme-accent-primary-rgb),.25);box-shadow:0 4px 12px #8b73551a;box-shadow:0 4px 12px rgba(var(--theme-accent-primary-rgb),.1);transform:translateY(-2px)}.roadmap-section .roadmap-content .roadmap-item h3{align-items:center;color:#8b7355;color:rgba(var(--theme-accent-primary-rgb),1);display:flex;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.roadmap-section .roadmap-content .roadmap-item h3:before{content:"🎯";font-size:1rem;margin-right:.25rem}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-status{border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-status.in-progress{background-color:#f59e0b33;background-color:var(--theme-badge-warning-bg);border:1px solid #f59e0b;border:1px solid var(--theme-badge-warning-border);color:#f59e0b;color:var(--theme-badge-warning-text)}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-status.planned{background-color:#6366f133;background-color:var(--theme-badge-info-bg);border:1px solid #6366f1;border:1px solid var(--theme-badge-info-border);color:#818cf8;color:var(--theme-badge-info-text)}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-status.completed{background-color:#10b98133;background-color:var(--theme-badge-success-bg);border:1px solid #10b981;border:1px solid var(--theme-badge-success-border);color:#10b981;color:var(--theme-badge-success-text)}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-date{color:rgba(var(--theme-text-primary-rgb),.7);font-size:.875rem;font-weight:500}.roadmap-section .roadmap-content .roadmap-item p{color:#e4e1d8;color:var(--theme-text-primary);font-size:.9rem;line-height:1.5;margin:0}.roadmap-section .roadmap-item:first-child h3:before{content:"✅"}.roadmap-section .roadmap-item:nth-child(2) h3:before{content:"🔗"}.roadmap-section .roadmap-item:nth-child(3) h3:before{content:"📱"}.roadmap-section .roadmap-item:nth-child(4) h3:before{content:"🤖"}.releases-list{display:flex;flex-direction:column;gap:2rem}.release-item{background-color:#242530;background-color:var(--theme-bg-secondary);border:1px solid #4a4b56;border:1px solid var(--theme-border-primary);border-radius:8px;padding:1.5rem}.release-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.25rem}.release-header h2{color:#8b7355;color:var(--theme-accent-primary);font-size:1.5rem;font-weight:600;margin:0}.release-header .release-date{color:#b8b5ab;color:var(--theme-text-secondary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.release-title{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.1rem;font-weight:500;margin:0 0 1rem}.release-changes{margin:0;padding-left:1.5rem;text-align:left}.release-changes li{color:#b8b5ab;color:var(--theme-text-secondary);line-height:1.4;margin-bottom:.25rem;text-align:left}.release-changes li:last-child{margin-bottom:0}.tooltip-container{display:inline-block;position:relative}.tooltip-container.tooltip-fixed{position:static}.tooltip{background-color:#1a1b1f;background-color:var(--theme-bg-primary);border:1px solid #4a4b56;border:1px solid var(--theme-border-primary);border-radius:4px;bottom:120%;color:#e4e1d8;color:var(--theme-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;max-width:200px;opacity:0;overflow-wrap:anywhere;padding:.25rem .5rem;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;word-break:break-word;z-index:1010}.tooltip,.tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.tooltip:after{border:4px solid #0000;border-top:4px solid var(--theme-bg-primary);content:"";top:100%}.tooltip.tooltip-visible{opacity:1}.tooltip.tooltip-multiline{line-height:1.3;max-width:140px;min-width:100px;text-align:center;white-space:normal}.tooltip.tooltip-top-right{bottom:auto;top:120%}.tooltip.tooltip-top-right:after{border-bottom-color:#1a1b1f;border-bottom-color:var(--theme-bg-primary);border-top-color:#0000;bottom:100%;top:auto}.tooltip.tooltip-below{bottom:auto;top:120%}.tooltip.tooltip-below:after{border-bottom-color:#1a1b1f;border-bottom-color:var(--theme-bg-primary);border-top-color:#0000;bottom:100%;top:auto}.tooltip.tooltip-bottom-left{bottom:120%;left:auto;right:0;transform:none}.tooltip.tooltip-bottom-left:after{left:auto;right:20%}.tooltip.tooltip-fixed{bottom:70px;left:auto;position:fixed;right:20px;transform:none}.tooltip.tooltip-fixed:after{border-bottom-color:#0000;border-top-color:#1a1b1f;border-top-color:var(--theme-bg-primary);bottom:auto;left:auto;right:20px;top:100%}.tooltip.tooltip-auto-position:after{display:none}.help-button{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border:none;border-radius:50%;bottom:20px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.2rem;font-weight:400;height:40px;position:fixed;right:20px;transition:all .3s ease;width:40px;z-index:1001}.help-button:hover{background-color:#242530;background-color:var(--theme-bg-secondary);color:#e4e1d8;color:var(--theme-text-primary);transform:scale(1.05)}.help-backdrop{background-color:#0000;cursor:pointer;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1001}.help-overlay{border-radius:12px;bottom:80px;overflow:hidden;position:fixed;right:20px;z-index:1002}.help-content,.help-overlay{max-height:calc(100vh - 100px)}.help-content{background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:12px!important;box-shadow:0 8px 24px #0000004d;box-shadow:0 8px 24px var(--theme-shadow-color);color:#e4e1d8;color:var(--theme-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;padding:1rem;position:relative;scrollbar-color:#8b735599 #0000;scrollbar-color:rgba(var(--theme-accent-primary-rgb),.6) #0000;scrollbar-width:thin;width:420px}.help-content::-webkit-scrollbar{width:8px}.help-content::-webkit-scrollbar-track{background:#0000;border-radius:4px}.help-content::-webkit-scrollbar-thumb{background:#8b735599;background:rgba(var(--theme-accent-primary-rgb),.6);border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.help-content::-webkit-scrollbar-thumb:hover{background:#8b7355cc;background:rgba(var(--theme-accent-primary-rgb),.8)}.help-content::-webkit-scrollbar-thumb:active{background:#8b7355;background:var(--theme-accent-primary)}.help-content h3{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.2rem;margin:0 0 .5rem}.shortcut-section{margin-bottom:1rem}.shortcut-section:last-child{margin-bottom:0}.shortcut-section h4{border-bottom:1px solid #4a4b56;border-bottom:1px solid var(--theme-border-primary);color:#e4e1d8;color:var(--theme-text-primary);font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;padding-bottom:2px;text-transform:uppercase}.shortcut-item{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.25rem}.shortcut-item:last-of-type{margin-bottom:0}.shortcut-item kbd{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:700;max-width:140px;min-width:80px;padding:.25rem .5rem;text-align:center;white-space:nowrap}.shortcut-item span{flex:1 1;font-size:.9rem;line-height:1.3;min-width:0;text-align:right}.close-help,.shortcut-item span{color:#b8b5ab;color:var(--theme-text-secondary)}.close-help{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.2rem;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px;z-index:1}.close-help:hover{background-color:rgba(var(--theme-text-secondary-rgb),.1);color:#e4e1d8;color:var(--theme-text-primary)}.toast-container{bottom:20px;display:flex;flex-direction:column-reverse;gap:.5rem;left:50%;max-width:400px;pointer-events:none;position:fixed;transform:translateX(-50%);width:100%;z-index:2000}.toast{align-items:center;background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:8px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;justify-content:space-between;opacity:0;padding:1rem 1.5rem;pointer-events:auto;transform:translateY(100px);transition:all .3s ease}.toast.toast-visible{opacity:1;transform:translateY(0)}.toast.toast-exit{opacity:0;transform:translateX(100%)}.toast.toast-success{border-left:4px solid #7a8471;border-left:4px solid var(--theme-accent-success)}.toast.toast-info{border-left:4px solid #8b7355;border-left:4px solid var(--theme-accent-primary)}.toast.toast-warning{border-left:4px solid orange}.toast.toast-error{border-left:4px solid #b85450;border-left:4px solid var(--theme-accent-error)}.toast:hover{background-color:#2a2b36;background-color:var(--theme-bg-tertiary)}.toast-content{flex-grow:1;line-height:1.4;margin-right:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:20px;justify-content:center;padding:0;transition:all .3s ease;width:20px}.toast-close:hover{background-color:rgba(var(--theme-text-secondary-rgb),.1);color:#e4e1d8;color:var(--theme-text-primary)}.loading-overlay{align-items:center;background:#000000b3;background:var(--theme-overlay-dark);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-content{background:#1a1b1f;background:var(--theme-bg-primary);border-radius:8px;padding:2rem;text-align:center}.loading-content p{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.1rem;margin:0}.subscription-status{align-items:center;display:flex;justify-content:center;margin-top:4px;padding:10px 12px}.status-indicator{border-radius:16px;font-size:.75rem;font-weight:700;letter-spacing:.8px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.status-indicator.pro{background:#10b98133;background:var(--theme-badge-success-bg);border:1.5px solid #10b981;border:1.5px solid var(--theme-badge-success-border);box-shadow:0 2px 8px #00000026;box-shadow:0 2px 8px var(--theme-shadow-light);color:#10b981;color:var(--theme-badge-success-text)}.status-indicator.free{background:#8b735526;background:rgba(var(--theme-accent-primary-rgb),.15);border:1.5px solid #8b735540;border:1.5px solid rgba(var(--theme-accent-primary-rgb),.25);box-shadow:0 2px 8px #8b73551a;box-shadow:0 2px 8px rgba(var(--theme-accent-primary-rgb),.1);color:#b8b5ab;color:var(--theme-text-secondary)}.more-menu{position:relative;z-index:10000}.more-menu-button{align-items:center;background:#0000;border:none;border-radius:50%;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;height:44px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:44px}.more-menu-button:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);color:#8b7355;color:var(--theme-accent-primary);transform:scale(1.05)}.more-menu-button:active{background:#8b735526;background:rgba(var(--theme-accent-primary-rgb),.15);transform:scale(.95)}.more-menu-button svg{height:20px;width:20px}.more-menu-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--theme-bg-primary-rgb),.98);border:1px solid #8b735533;border:1px solid rgba(var(--theme-accent-primary-rgb),.2);border-radius:20px;box-shadow:0 8px 32px #0000004d;box-shadow:0 8px 32px var(--theme-shadow-color);display:flex;flex-direction:column;gap:12px;min-width:260px;padding:16px;position:absolute;right:0;top:calc(100% + 8px);z-index:10001}.more-menu-info{align-items:center;border-bottom:1px solid #8b73551a;border-bottom:1px solid rgba(var(--theme-accent-primary-rgb),.1);display:flex;gap:12px;justify-content:center;margin-bottom:8px;padding:8px 12px}.more-menu-info .version-display{color:#b8b5ab;color:var(--theme-text-secondary);font-size:.85rem;font-weight:500;opacity:.8;position:static;text-decoration:none}.more-menu-info .version-display:hover{color:#8b7355;color:var(--theme-accent-primary);opacity:1;text-decoration:underline}.more-menu-info .backend-status-dot{align-items:center;display:flex;position:static}.more-menu-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,52px);justify-content:center;margin-bottom:4px}.api-delay-toggle,.app-mode-toggle,.collapse-children-toggle,.default-type-toggle,.focused-tree-id-toggle,.help-toggle,.history-toggle,.ids-toggle,.login-button,.logout-button,.sort-order-toggle,.subscription-toggle,.theme-toggle{align-items:center;background-color:#0000;border:none;border-radius:50%;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.4rem;height:52px;justify-content:center;padding:0;transition:all .3s ease;width:52px}.api-delay-toggle:hover,.app-mode-toggle:hover,.collapse-children-toggle:hover,.default-type-toggle:hover,.focused-tree-id-toggle:hover,.help-toggle:hover,.history-toggle:hover,.ids-toggle:hover,.login-button:hover,.logout-button:hover,.sort-order-toggle:hover,.subscription-toggle:hover,.theme-toggle:hover{background-color:#8b735526;background-color:rgba(var(--theme-accent-primary-rgb),.15);transform:scale(1.1)}.api-delay-toggle:active,.app-mode-toggle:active,.collapse-children-toggle:active,.default-type-toggle:active,.focused-tree-id-toggle:active,.help-toggle:active,.history-toggle:active,.ids-toggle:active,.login-button:active,.logout-button:active,.sort-order-toggle:active,.subscription-toggle:active,.theme-toggle:active{transform:scale(.95)}.logout-button:hover{background-color:rgba(var(--theme-accent-error-rgb),.25)}.api-delay-toggle.collapse-enabled,.api-delay-toggle.delay-enabled,.api-delay-toggle.focused-tree-id-enabled,.api-delay-toggle.history-active,.api-delay-toggle.ids-enabled,.api-delay-toggle.sort-orders-enabled,.api-delay-toggle.subscription-bypass-enabled,.api-delay-toggle.viewing-active,.app-mode-toggle.collapse-enabled,.app-mode-toggle.delay-enabled,.app-mode-toggle.focused-tree-id-enabled,.app-mode-toggle.history-active,.app-mode-toggle.ids-enabled,.app-mode-toggle.sort-orders-enabled,.app-mode-toggle.subscription-bypass-enabled,.app-mode-toggle.viewing-active,.collapse-children-toggle.collapse-enabled,.collapse-children-toggle.delay-enabled,.collapse-children-toggle.focused-tree-id-enabled,.collapse-children-toggle.history-active,.collapse-children-toggle.ids-enabled,.collapse-children-toggle.sort-orders-enabled,.collapse-children-toggle.subscription-bypass-enabled,.collapse-children-toggle.viewing-active,.focused-tree-id-toggle.collapse-enabled,.focused-tree-id-toggle.delay-enabled,.focused-tree-id-toggle.focused-tree-id-enabled,.focused-tree-id-toggle.history-active,.focused-tree-id-toggle.ids-enabled,.focused-tree-id-toggle.sort-orders-enabled,.focused-tree-id-toggle.subscription-bypass-enabled,.focused-tree-id-toggle.viewing-active,.history-toggle.collapse-enabled,.history-toggle.delay-enabled,.history-toggle.focused-tree-id-enabled,.history-toggle.history-active,.history-toggle.ids-enabled,.history-toggle.sort-orders-enabled,.history-toggle.subscription-bypass-enabled,.history-toggle.viewing-active,.ids-toggle.collapse-enabled,.ids-toggle.delay-enabled,.ids-toggle.focused-tree-id-enabled,.ids-toggle.history-active,.ids-toggle.ids-enabled,.ids-toggle.sort-orders-enabled,.ids-toggle.subscription-bypass-enabled,.ids-toggle.viewing-active,.sort-order-toggle.collapse-enabled,.sort-order-toggle.delay-enabled,.sort-order-toggle.focused-tree-id-enabled,.sort-order-toggle.history-active,.sort-order-toggle.ids-enabled,.sort-order-toggle.sort-orders-enabled,.sort-order-toggle.subscription-bypass-enabled,.sort-order-toggle.viewing-active,.subscription-toggle.collapse-enabled,.subscription-toggle.delay-enabled,.subscription-toggle.focused-tree-id-enabled,.subscription-toggle.history-active,.subscription-toggle.ids-enabled,.subscription-toggle.sort-orders-enabled,.subscription-toggle.subscription-bypass-enabled,.subscription-toggle.viewing-active{background-color:#8b735540;background-color:rgba(var(--theme-accent-primary-rgb),.25)}.api-delay-toggle.collapse-enabled:hover,.api-delay-toggle.delay-enabled:hover,.api-delay-toggle.focused-tree-id-enabled:hover,.api-delay-toggle.history-active:hover,.api-delay-toggle.ids-enabled:hover,.api-delay-toggle.sort-orders-enabled:hover,.api-delay-toggle.subscription-bypass-enabled:hover,.api-delay-toggle.viewing-active:hover,.app-mode-toggle.collapse-enabled:hover,.app-mode-toggle.delay-enabled:hover,.app-mode-toggle.focused-tree-id-enabled:hover,.app-mode-toggle.history-active:hover,.app-mode-toggle.ids-enabled:hover,.app-mode-toggle.sort-orders-enabled:hover,.app-mode-toggle.subscription-bypass-enabled:hover,.app-mode-toggle.viewing-active:hover,.collapse-children-toggle.collapse-enabled:hover,.collapse-children-toggle.delay-enabled:hover,.collapse-children-toggle.focused-tree-id-enabled:hover,.collapse-children-toggle.history-active:hover,.collapse-children-toggle.ids-enabled:hover,.collapse-children-toggle.sort-orders-enabled:hover,.collapse-children-toggle.subscription-bypass-enabled:hover,.collapse-children-toggle.viewing-active:hover,.focused-tree-id-toggle.collapse-enabled:hover,.focused-tree-id-toggle.delay-enabled:hover,.focused-tree-id-toggle.focused-tree-id-enabled:hover,.focused-tree-id-toggle.history-active:hover,.focused-tree-id-toggle.ids-enabled:hover,.focused-tree-id-toggle.sort-orders-enabled:hover,.focused-tree-id-toggle.subscription-bypass-enabled:hover,.focused-tree-id-toggle.viewing-active:hover,.history-toggle.collapse-enabled:hover,.history-toggle.delay-enabled:hover,.history-toggle.focused-tree-id-enabled:hover,.history-toggle.history-active:hover,.history-toggle.ids-enabled:hover,.history-toggle.sort-orders-enabled:hover,.history-toggle.subscription-bypass-enabled:hover,.history-toggle.viewing-active:hover,.ids-toggle.collapse-enabled:hover,.ids-toggle.delay-enabled:hover,.ids-toggle.focused-tree-id-enabled:hover,.ids-toggle.history-active:hover,.ids-toggle.ids-enabled:hover,.ids-toggle.sort-orders-enabled:hover,.ids-toggle.subscription-bypass-enabled:hover,.ids-toggle.viewing-active:hover,.sort-order-toggle.collapse-enabled:hover,.sort-order-toggle.delay-enabled:hover,.sort-order-toggle.focused-tree-id-enabled:hover,.sort-order-toggle.history-active:hover,.sort-order-toggle.ids-enabled:hover,.sort-order-toggle.sort-orders-enabled:hover,.sort-order-toggle.subscription-bypass-enabled:hover,.sort-order-toggle.viewing-active:hover,.subscription-toggle.collapse-enabled:hover,.subscription-toggle.delay-enabled:hover,.subscription-toggle.focused-tree-id-enabled:hover,.subscription-toggle.history-active:hover,.subscription-toggle.ids-enabled:hover,.subscription-toggle.sort-orders-enabled:hover,.subscription-toggle.subscription-bypass-enabled:hover,.subscription-toggle.viewing-active:hover{background-color:#8b735559;background-color:rgba(var(--theme-accent-primary-rgb),.35)}.api-delay-toggle.delay-enabled,.app-mode-toggle.delay-enabled,.collapse-children-toggle.delay-enabled,.focused-tree-id-toggle.delay-enabled,.history-toggle.delay-enabled,.ids-toggle.delay-enabled,.sort-order-toggle.delay-enabled,.subscription-toggle.delay-enabled{background-color:rgba(var(--theme-accent-warning-rgb),.25)}.api-delay-toggle.delay-enabled:hover,.app-mode-toggle.delay-enabled:hover,.collapse-children-toggle.delay-enabled:hover,.focused-tree-id-toggle.delay-enabled:hover,.history-toggle.delay-enabled:hover,.ids-toggle.delay-enabled:hover,.sort-order-toggle.delay-enabled:hover,.subscription-toggle.delay-enabled:hover{background-color:rgba(var(--theme-accent-warning-rgb),.35)}.api-delay-toggle.subscription-bypass-enabled,.app-mode-toggle.subscription-bypass-enabled,.collapse-children-toggle.subscription-bypass-enabled,.focused-tree-id-toggle.subscription-bypass-enabled,.history-toggle.subscription-bypass-enabled,.ids-toggle.subscription-bypass-enabled,.sort-order-toggle.subscription-bypass-enabled,.subscription-toggle.subscription-bypass-enabled{background-color:rgba(var(--theme-accent-success-rgb),.25)}.api-delay-toggle.subscription-bypass-enabled:hover,.app-mode-toggle.subscription-bypass-enabled:hover,.collapse-children-toggle.subscription-bypass-enabled:hover,.focused-tree-id-toggle.subscription-bypass-enabled:hover,.history-toggle.subscription-bypass-enabled:hover,.ids-toggle.subscription-bypass-enabled:hover,.sort-order-toggle.subscription-bypass-enabled:hover,.subscription-toggle.subscription-bypass-enabled:hover{background-color:rgba(var(--theme-accent-success-rgb),.35)}.confirm-on-delete-toggle{align-items:center;background-color:#0000;border:none;border-radius:20px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:500;grid-column:1/-1;justify-content:center;min-height:48px;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.confirm-on-delete-toggle.confirm-enabled{background-color:#8b735540;background-color:rgba(var(--theme-accent-primary-rgb),.25);color:#e4e1d8;color:var(--theme-text-primary)}.confirm-on-delete-toggle.confirm-enabled:hover{background-color:#8b735559;background-color:rgba(var(--theme-accent-primary-rgb),.35);transform:scale(1.02)}.confirm-on-delete-toggle.confirm-disabled{background-color:rgba(var(--theme-accent-danger-rgb),.25);color:#e4e1d8;color:var(--theme-text-primary)}.confirm-on-delete-toggle.confirm-disabled:hover{background-color:rgba(var(--theme-accent-danger-rgb),.35);transform:scale(1.02)}.confirm-on-delete-toggle:active{transform:scale(.98)}.subscription-status{border-top:1px solid #8b735526;border-top:1px solid rgba(var(--theme-accent-primary-rgb),.15);margin-top:8px;padding-top:12px}.paywall-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;background-color:var(--theme-overlay-dark);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.paywall-modal{background:#1a1b1f;background:var(--theme-bg-primary);border-radius:12px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000026;box-shadow:0 20px 25px -5px var(--theme-shadow-light),0 10px 10px -5px var(--theme-shadow-light);max-height:90vh;max-width:400px;overflow-y:auto;width:90%}.paywall-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 0}.paywall-header h2{color:#e4e1d8;color:var(--theme-text-primary);font-size:24px;font-weight:600;margin:0}.paywall-close{background:none;border:none;border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-size:24px;padding:4px 8px}.paywall-close:hover{background-color:#242530;background-color:var(--theme-bg-secondary)}.paywall-content{padding:24px;text-align:center}.paywall-icon{font-size:48px;margin-bottom:16px}.paywall-message{color:#e4e1d8;color:var(--theme-text-primary);font-size:18px;line-height:1.5;margin-bottom:24px}.paywall-message strong{color:#8b7355;color:var(--theme-accent-primary)}.paywall-features{margin-bottom:24px;text-align:left}.paywall-features h3{color:#e4e1d8;color:var(--theme-text-primary);font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.paywall-features ul{list-style:none;margin:0;padding:0}.paywall-features ul li{color:#e4e1d8;color:var(--theme-text-primary);font-size:14px;padding:6px 0}.paywall-pricing{margin-bottom:24px}.paywall-pricing .price-display{align-items:baseline;display:flex;justify-content:center;margin-bottom:8px}.paywall-pricing .price-display .currency{color:#b8b5ab;color:var(--theme-text-secondary);font-size:20px}.paywall-pricing .price-display .amount{color:#8b7355;color:var(--theme-accent-primary);font-size:48px;font-weight:700;margin:0 4px}.paywall-pricing .price-display .period{color:#b8b5ab;color:var(--theme-text-secondary);font-size:18px}.paywall-pricing .price-subtitle{color:#b8b5ab;color:var(--theme-text-secondary);font-size:14px;margin:0}.paywall-actions{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.paywall-upgrade-btn{align-items:center;background-color:#8b7355;background-color:var(--theme-accent-primary);border:none;border-radius:8px;color:#fff;color:var(--theme-text-on-accent);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;padding:16px 24px;position:relative;transition:background-color .2s}.paywall-upgrade-btn:hover:not(:disabled){background-color:#a08660;background-color:var(--theme-accent-primary-hover)}.paywall-upgrade-btn:disabled{cursor:not-allowed;opacity:.6}.paywall-btn-arrow{align-items:center;display:flex;font-size:32px;justify-content:center;line-height:1;position:absolute;right:24px;top:50%;transform:translateY(-55%)}.paywall-cancel-btn{background:none;border:none;border-radius:6px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-size:14px;padding:12px}.paywall-cancel-btn:hover{background-color:#242530;background-color:var(--theme-bg-secondary)}.landing-page,.paywall-cancel-btn:hover{color:#e4e1d8;color:var(--theme-text-primary)}.landing-page{font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;line-height:1.6}.landing-header{padding:1.5rem}.landing-header .header-content{margin:0 auto;max-width:1400px}.landing-header .app-name{color:#e4e1d8;color:var(--theme-text-primary);font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;font-size:1.5rem;font-weight:700;margin:0}.hero{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;min-height:80vh;padding:2rem 1.5rem}@media(max-width:968px){.hero{gap:1.5rem;grid-template-columns:1fr;min-height:60vh;text-align:center}}.hero-content{padding-right:1.5rem}@media(max-width:968px){.hero-content{padding-right:0}}.hero-content h1{color:#e4e1d8;color:var(--theme-text-primary);font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem}@media(max-width:968px){.hero-content h1{font-size:2.8rem}}@media(max-width:640px){.hero-content h1{font-size:2.2rem}}.hero-subtitle{color:#b8b5ab;color:var(--theme-text-secondary);font-size:1.25rem;line-height:1.6;list-style:none;margin-bottom:2rem;max-width:500px;padding:0}@media(max-width:968px){.hero-subtitle{margin:0 auto 2rem;max-width:none}}.hero-subtitle li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.hero-subtitle li:before{color:#5aa763;color:var(--theme-cta-primary);content:"✓";font-size:1.1rem;font-weight:700;left:0;position:absolute}.hero-subtitle li:last-child{margin-bottom:0}.hero-demo{align-items:center;display:flex;justify-content:center;min-height:400px}@media(max-width:968px){.hero-demo{min-height:300px;order:-1}}.demo-placeholder,.feature-demo{align-items:center;background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);display:flex;font-style:italic;justify-content:center;min-height:200px;padding:2rem;text-align:center}.cta-button{background-color:#5aa763;background-color:var(--theme-cta-primary);border:none;border-radius:8px;color:#fff;color:var(--theme-text-on-accent);cursor:pointer;display:inline-block;font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover:not(:disabled){background-color:#4d9656;background-color:var(--theme-cta-primary-hover);transform:translateY(-1px)}.cta-button:disabled{background-color:#5a5a5a;background-color:var(--theme-cta-disabled);color:#fff;color:var(--theme-text-on-accent);cursor:not-allowed;transform:none}.cta-button.secondary{background-color:#0000;border:2px solid #5aa763;border:2px solid var(--theme-cta-primary);color:#5aa763;color:var(--theme-cta-primary)}.cta-button.secondary:hover:not(:disabled){background-color:#5aa763;background-color:var(--theme-cta-primary);color:#fff;color:var(--theme-text-on-accent)}.cta-button.large{font-size:1.25rem;padding:1.25rem 2.5rem}.cta-subtitle,.final-subtitle{color:#b8b5ab;color:var(--theme-text-secondary);font-size:.9rem;font-style:italic;margin-top:1rem}#google-button-container,#google-button-container-2,#google-button-container-3{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:300px}.hero-social-proof{align-items:center;display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:640px){.hero-social-proof{justify-content:center}}.hero-social-proof .user-avatars{display:flex;gap:.5rem}.hero-social-proof .avatar-placeholder{align-items:center;background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:50%;color:#b8b5ab;color:var(--theme-text-secondary);display:flex;font-size:.9rem;font-style:italic;height:40px;justify-content:center;width:40px}.hero-social-proof .social-proof-text .stars{font-size:1rem;margin-bottom:.25rem}.hero-social-proof .social-proof-text p{color:#b8b5ab;color:var(--theme-text-secondary);font-size:.9rem;margin:0}.hero-social-proof .social-proof-text p strong{color:#e4e1d8;color:var(--theme-text-primary);font-weight:600}.error-message{background-color:#dc535933;background-color:var(--theme-confidence-red);border-radius:4px;color:#b85450;color:var(--theme-accent-error);margin-bottom:1.5rem;padding:1rem;text-align:center}section{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}h2{color:#e4e1d8;color:var(--theme-text-primary);font-size:2.5rem;font-weight:400;margin-bottom:2rem;text-align:center}@media(max-width:768px){h2{font-size:2rem}}.features{background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:8px;margin:2rem 0}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature{text-align:center}.feature .feature-icon{font-size:3rem;margin-bottom:1.5rem}.feature h3{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.2rem;font-weight:400;margin-bottom:1.5rem}.feature p{color:#b8b5ab;color:var(--theme-text-secondary);line-height:1.6;margin-bottom:1.5rem}.research{text-align:center}.research-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat{background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:4px;padding:2rem}.stat .stat-number{color:#8b7355;color:var(--theme-accent-primary);font-size:3rem;font-weight:700;margin-bottom:1rem}.stat p{color:#e4e1d8;color:var(--theme-text-primary);font-weight:500;margin-bottom:.5rem}.stat small{color:#b8b5ab;color:var(--theme-text-secondary);font-style:italic}.research-cta{text-align:center}.research-cta p{color:#b8b5ab;color:var(--theme-text-secondary);font-size:1.2rem;margin-bottom:1.5rem}.coming-soon{background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:8px;margin:2rem 0}.roadmap{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.roadmap-item{padding:1.5rem;text-align:center}.roadmap-item .roadmap-icon{font-size:2.5rem;margin-bottom:1.5rem}.roadmap-item h4{color:#e4e1d8;color:var(--theme-text-primary);font-size:1.2rem;font-weight:400;margin-bottom:1rem}.roadmap-item p{color:#b8b5ab;color:var(--theme-text-secondary);line-height:1.5}.social-proof{margin:2rem 0;padding:2rem 1.5rem;text-align:center}.social-proof-content{align-items:center;display:flex;gap:1.5rem;justify-content:center}@media(max-width:640px){.social-proof-content{flex-direction:column;gap:1rem}}.user-avatars{display:flex;gap:.5rem}.avatar-placeholder{align-items:center;background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:50%;color:#b8b5ab;color:var(--theme-text-secondary);display:flex;font-size:.9rem;font-style:italic;height:48px;justify-content:center;width:48px}.social-proof-text .stars{font-size:1.2rem;margin-bottom:.25rem}.social-proof-text p{color:#b8b5ab;color:var(--theme-text-secondary);font-size:1rem;margin:0}.social-proof-text p strong{color:#e4e1d8;color:var(--theme-text-primary);font-weight:600}.final-cta{padding:2rem 1.5rem;text-align:center}.final-cta h2{margin-bottom:1.5rem}.final-cta p{color:#b8b5ab;color:var(--theme-text-secondary);font-size:1.2rem;margin-bottom:2rem}@media(max-width:768px){.hero{padding:1.5rem}section{padding:2rem 1.5rem}.feature-grid,.research-stats,.roadmap{gap:1.5rem;grid-template-columns:1fr}.cta-button.large{font-size:1.2rem;padding:1.5rem 2rem}}.state-diagram-viewer{margin:0 auto;max-width:1200px;padding:20px}.state-diagram-viewer .diagram-controls{margin-bottom:30px}.state-diagram-viewer .diagram-controls .file-load-status{border-radius:4px;font-size:.9em;margin-bottom:15px;padding:10px}.state-diagram-viewer .diagram-controls .file-load-status.success{background-color:#5aa76333;background-color:var(--theme-confidence-green);border:1px solid #5aa76366;border:1px solid var(--theme-status-ok-glow);color:#5aa763;color:var(--theme-status-ok)}.state-diagram-viewer .diagram-controls .file-load-status.error{background-color:#dc535933;background-color:var(--theme-confidence-red);border:1px solid #dc535966;border:1px solid var(--theme-status-error-glow);color:#dc5359;color:var(--theme-status-error)}.state-diagram-viewer .diagram-controls h2{color:#e4e1d8;color:var(--theme-text-primary);margin-bottom:20px}.state-diagram-viewer .diagram-controls .editor-section label{color:#b8b5ab;color:var(--theme-text-secondary);display:block;font-weight:500;margin-bottom:10px}.state-diagram-viewer .diagram-controls .editor-section textarea{background-color:#242530;background-color:var(--theme-bg-secondary);border:1px solid #4a4b56;border:1px solid var(--theme-border-primary);border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);padding:12px;resize:vertical}.state-diagram-viewer .diagram-controls .editor-section textarea:focus{border-color:#8b7355;border-color:var(--theme-accent-primary);box-shadow:0 0 0 2px #8b73551a;box-shadow:0 0 0 2px rgba(var(--theme-accent-primary-rgb),.1);outline:none}.state-diagram-viewer .diagram-output{background-color:#242530;background-color:var(--theme-bg-secondary);border:1px solid #4a4b56;border:1px solid var(--theme-border-primary);border-radius:6px;margin-bottom:30px;padding:20px}.state-diagram-viewer .diagram-output .custom-state-diagram{min-height:400px}.state-diagram-viewer .diagram-output .custom-state-diagram svg{height:auto;width:100%}.state-diagram-viewer .usage-instructions{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border-radius:4px;padding:20px}.state-diagram-viewer .usage-instructions h3{color:#e4e1d8;color:var(--theme-text-primary);margin-bottom:15px}.state-diagram-viewer .usage-instructions ul{color:#b8b5ab;color:var(--theme-text-secondary);line-height:1.6}.state-diagram-viewer .usage-instructions ul li{margin-bottom:8px}.state-diagram-viewer .usage-instructions ul li code{background-color:#242530;background-color:var(--theme-bg-secondary);border-radius:3px;font-family:Monaco,Consolas,monospace;font-size:.9em;padding:2px 6px}.mermaid-with-images{position:relative}.mermaid-with-images svg{background-color:#0000}.mermaid-with-images svg .node rect{fill:#1a1b1f!important;fill:var(--theme-bg-primary)!important;stroke:#4a4b56!important;stroke:var(--theme-border-primary)!important}.mermaid-with-images svg .node text{fill:#e4e1d8!important;fill:var(--theme-text-primary)!important}.mermaid-with-images svg .edgePath path{stroke:#b8b5ab!important;stroke:var(--theme-text-secondary)!important}.mermaid-with-images svg .edgeLabel{background-color:#242530!important;background-color:var(--theme-bg-secondary)!important;color:#e4e1d8!important;color:var(--theme-text-primary)!important}.top-right-controls{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#242530;background:var(--theme-bg-secondary);border-radius:50px;box-shadow:0 2px 8px #00000026;box-shadow:0 2px 8px var(--theme-shadow-light);display:flex;gap:0;padding:4px;position:fixed;right:20px;top:20px;z-index:9999}@media(max-width:1024px){.top-right-controls .qr-code-widget{display:none}}.note-wrapper{display:flex;flex:1 1;min-width:0}.tree-content-inline{box-sizing:border-box;max-width:100%}.note-text-display{color:#e4e1d8;color:var(--theme-text-primary);cursor:default;font-size:1rem;line-height:1.4;padding:.25rem .5rem}.note-text-display.note-text-display-root{font-size:1.2rem;font-weight:700}.tree-text-link{color:inherit;cursor:pointer;text-decoration:none;transition:all .3s ease}.tree-text-link:hover{color:#8b7355;color:var(--theme-accent-primary);text-decoration:underline}.tree-text-link .note-text-display{cursor:pointer}.note-input-with-button{align-items:center;display:flex;width:100%}.note-input-with-button:has(.tab-make-flashcard-btn-below){margin-bottom:28px}.note-input{field-sizing:content;border:none;border-radius:4px;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;line-height:1.1;max-width:100%;min-width:100px;outline:none;overflow-wrap:break-word;overflow-y:hidden;padding-left:.25rem;padding-right:.25rem;resize:none;transition:background-color .3s ease;word-break:break-word}.note-input.note-input-root{font-size:1.2rem;font-weight:700;padding-bottom:1rem}.note-input:hover{background-color:#0000!important}.tab-make-flashcard-btn{background-color:#2e2f3a;background-color:var(--theme-bg-elevated);border:1px solid #8b73554d;border:1px solid rgba(var(--theme-accent-primary-rgb),.3);border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:inherit;left:calc(100% + 8px);opacity:.7;padding:2px 4px;top:0;transition:all .3s ease;white-space:nowrap;z-index:10}.tab-make-flashcard-btn.tab-make-flashcard-btn-below{left:0;top:calc(100% + 4px)}.tab-make-flashcard-btn:hover{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);border-color:#8b735580;border-color:rgba(var(--theme-accent-primary-rgb),.5);color:#e4e1d8;color:var(--theme-text-primary);opacity:1}.tab-make-flashcard-btn:active{transform:scale(.98)}.note-editor-container{display:flex;flex:1 1;max-width:100%;min-width:0;overflow-wrap:break-word;word-break:break-word}.note-editor-page-root{font-size:1.5em;font-weight:600}.note-editor-tab-hint{align-items:center;border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);display:inline-flex;font-size:.85em;gap:6px;margin-left:.25rem;padding:1px 4px;white-space:nowrap}.note-editor-tab-key{align-items:center;background:#3a3b46;background:var(--theme-key-bg);border:none;border-bottom:2px solid #55565f;border-bottom:2px solid var(--theme-key-border);border-left:2px solid #55565f;border-left:2px solid var(--theme-key-border);border-radius:2px;color:#e4e1d8;color:var(--theme-key-text);display:inline-flex;font-family:Courier Prime,IBM Plex Mono,PT Mono,Courier New,Lucida Console,Monaco,monospace;font-size:.8em;justify-content:center;letter-spacing:.06em;line-height:1;min-width:2.6em;padding:2px 4px 3px}.note-editor-tab-key.note-editor-tab-key-clickable{cursor:pointer;transition:background-color .3s ease}.note-editor-tab-key.note-editor-tab-key-clickable:hover{background:#8b735526;background:rgba(var(--theme-accent-primary-rgb),.15)}.note-editor-tab-key.note-editor-tab-key-clickable:active{background:#8b735540;background:rgba(var(--theme-accent-primary-rgb),.25)}.note-editor-default-element{display:inline;overflow-wrap:break-word;word-break:break-word}.note-editor-default-element br{display:none}.note-editor-arrow-element{color:#b8b5ab;color:var(--theme-text-secondary);display:inline;margin:0 .35em}.note-editor-arrow-element br{display:none}.note-editor-arrow{font-size:.9em}.note-editor-answer{color:#e4e1d8;color:var(--theme-text-primary);display:inline-flex;flex:1 1;min-width:100px}.note-editor-answer br{display:none}.note-editor-answer-placeholder{color:#6b6a65;color:var(--theme-text-tertiary);font-style:italic;pointer-events:none}.note-editor-answer-ai-preview{color:#8b7355;color:var(--theme-accent-primary);cursor:pointer;font-style:italic;opacity:.7}.note-editor-answer-ai-preview:hover{opacity:1}.note-editor-ai-timing{color:#6b6a65;color:var(--theme-text-tertiary);font-size:.85em;font-style:normal;opacity:.8}.note-editor-prefetched-answer{color:#8b7355;color:var(--theme-accent-primary);font-style:italic;opacity:.6}.note-editor-prefetched-answer.note-editor-prefetched-answer-clickable{cursor:pointer}.note-editor-prefetched-answer.note-editor-prefetched-answer-clickable:hover{opacity:.85}.note-editor-prefetched-answer.note-editor-prefetched-answer-clickable:active{opacity:1}.ai-autofill-buttons-inline{display:inline-flex;gap:.25rem;margin-left:.5rem;vertical-align:middle}@media(max-width:480px){.ai-autofill-buttons-inline{display:none}}.tab-ai-autofill-btn{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border:none;border-radius:4px;color:#8b8983;color:var(--theme-text-muted);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85em;padding:3px 8px;transition:background-color .3s ease,color .3s ease;white-space:nowrap}.tab-ai-autofill-btn:hover:not(:disabled){background-color:#8b735526;background-color:rgba(var(--theme-accent-primary-rgb),.15);color:#b8b5ab;color:var(--theme-text-secondary)}.tab-ai-autofill-btn:active:not(:disabled){background-color:#8b735540;background-color:rgba(var(--theme-accent-primary-rgb),.25)}.tab-ai-autofill-btn:disabled{cursor:not-allowed;opacity:.4}.flashcard-content{background-color:#2e2f3a;background-color:var(--theme-bg-elevated);border-radius:8px;box-shadow:0 1px 3px #0000004d;box-shadow:0 1px 3px var(--theme-shadow-color);color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:inline-block;flex-grow:0;min-width:120px;padding:.125rem 48px .125rem .5rem;position:relative}.flashcard-content .flashcard-icons{display:flex;gap:4px;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.flashcard-content .flashcard-edit-icon,.flashcard-content .flashcard-link-icon{border-radius:2px;cursor:pointer;font-size:12px;padding:2px;text-decoration:none}.flashcard-content .flashcard-edit-icon:hover,.flashcard-content .flashcard-link-icon:hover{background-color:#8b735526;background-color:rgba(var(--theme-accent-primary-rgb),.15)}.flashcard-content:hover .flashcard-icons{opacity:.6}.flashcard-content.flashcard-confidence-white{background-color:#b4b4b426;background-color:var(--theme-confidence-neutral);color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-white.flashcard-focused{border-left:4px solid #999;border-left:4px solid var(--theme-confidence-neutral-solid)}.flashcard-content.flashcard-confidence-red{background-color:#dc535933;background-color:var(--theme-confidence-red);color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-red.flashcard-focused{border-left:4px solid #dc5359;border-left:4px solid var(--theme-confidence-red-solid)}.flashcard-content.flashcard-confidence-orange{background-color:#e9923c33;background-color:var(--theme-confidence-orange);color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-orange.flashcard-focused{border-left:4px solid #e9923c;border-left:4px solid var(--theme-confidence-orange-solid)}.flashcard-content.flashcard-confidence-yellow{background-color:#ebc14333;background-color:var(--theme-confidence-yellow);color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-yellow.flashcard-focused{border-left:4px solid #ebc143;border-left:4px solid var(--theme-confidence-yellow-solid)}.flashcard-content.flashcard-confidence-green{background-color:#5aa76333;background-color:var(--theme-confidence-green);color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-green.flashcard-focused{border-left:4px solid #5aa763;border-left:4px solid var(--theme-confidence-green-solid)}.flashcard-text{display:block}.confidence-rating-buttons{display:flex;gap:6px;justify-content:center;margin-top:8px}.confidence-btn{border:none;border-radius:4px;color:#fff;color:var(--theme-text-on-accent);cursor:pointer;font-size:12px;font-weight:500;min-width:70px;padding:4px 8px;transition:all .3s ease}.confidence-btn:hover{box-shadow:0 2px 4px #0000004d;box-shadow:0 2px 4px var(--theme-shadow-color);transform:translateY(-1px)}.confidence-btn:active{transform:translateY(0)}.confidence-btn.confidence-red{background-color:#dc5359;background-color:var(--theme-confidence-red-solid)}.confidence-btn.confidence-red:hover{background-color:#c84a50;background-color:var(--theme-confidence-red-hover)}.confidence-btn.confidence-orange{background-color:#e9923c;background-color:var(--theme-confidence-orange-solid)}.confidence-btn.confidence-orange:hover{background-color:#d5832f;background-color:var(--theme-confidence-orange-hover)}.confidence-btn.confidence-yellow{background-color:#ebc143;background-color:var(--theme-confidence-yellow-solid);color:#1a1b1f;color:var(--theme-text-on-accent-dark)}.confidence-btn.confidence-yellow:hover{background-color:#d9b035;background-color:var(--theme-confidence-yellow-hover)}.confidence-btn.confidence-green{background-color:#5aa763;background-color:var(--theme-confidence-green-solid)}.confidence-btn.confidence-green:hover{background-color:#4d9656;background-color:var(--theme-confidence-green-hover)}.flip-icon{font-size:.9rem;margin-right:.25rem;opacity:.7}.confidence-pie-chart{align-items:center;cursor:default;display:inline-flex;flex-shrink:0;justify-content:center;margin-right:.25rem}.confidence-pie-chart svg{display:block}.tree-root-or-first-gen>.tree-body-container:first-child>.tree-body>.tree-content-container:first-child>.tree-content:first-child{margin-left:1rem}.tree{display:flex;flex-direction:row;position:relative;width:100%}.tree.tree-root-or-first-gen{padding-left:0}@media(max-width:480px){.tree.tree-focused{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1);border-left:0;border-radius:8px;margin-left:-.25rem;padding-left:calc(12px + .25rem)}.tree.tree-focused:before{display:none}}.tree.tree-loading{animation:loading-pulse 2s ease-in-out infinite;background:#8b73551f;background:rgba(var(--theme-accent-primary-rgb),.12)}@media(max-width:480px){.tree .tree.tree-focused{border-left:0}}@keyframes loading-pulse{0%,to{background-color:#8b735514;background-color:rgba(var(--theme-accent-primary-rgb),.08)}50%{background-color:#8b735533;background-color:rgba(var(--theme-accent-primary-rgb),.2)}}.tree-body,.tree-body-container{width:100%}.tree-content{align-items:center;display:flex;padding:2px 0;position:relative;width:100%}.tree-content:has(.tree-content-inline:not(.flashcard-content)){padding:0}.tree-children{box-sizing:border-box;width:100%}.tree-indent{align-items:center;display:flex;flex-direction:column;flex-shrink:0;justify-content:flex-start;width:1rem}.tree-depth-indicator{flex-shrink:0}.tree-collapse-indicator,.tree-depth-indicator{align-items:center;display:inline-flex;height:16px;justify-content:center;width:16px}.tree-collapse-indicator{color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-size:12px;padding-top:.25rem;-webkit-user-select:none;user-select:none}.tree-collapse-indicator:hover{color:#8b7355;color:var(--theme-accent-primary)}.add-sibling-button-container{display:flex;justify-content:flex-start;margin-bottom:.25rem;margin-left:.5rem;margin-top:.25rem}.add-sibling-button{align-items:center;background:none;border:2px dashed #8b73554d;border:2px dashed rgba(var(--theme-accent-primary-rgb),.3);border-radius:50%;color:#8b7355b3;color:rgba(var(--theme-accent-primary-rgb),.7);cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;transition:all .3s ease;width:24px}.add-sibling-button:hover{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);border-color:#8b735599;border-color:rgba(var(--theme-accent-primary-rgb),.6);color:#8b7355;color:rgba(var(--theme-accent-primary-rgb),1);transform:scale(1.1)}.add-sibling-button:active{transform:scale(.95)}.tree-delete-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-right:.5rem}.tree-delete-container:hover .tree-delete{color:red;font-weight:800}.tree-delete{color:#8b7355;color:var(--theme-accent-primary);cursor:pointer}.history-view{background:#1a1b1f;background:var(--theme-bg-primary);border-left:1px solid #4a4b56;border-left:1px solid var(--theme-border-primary);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden}.history-header{align-items:center;background:#242530;background:var(--theme-bg-secondary);border-bottom:1px solid #4a4b56;border-bottom:1px solid var(--theme-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:.5rem 1rem}.history-title-section{align-items:center;display:flex;gap:1rem}.history-header h3{color:#e4e1d8;color:var(--theme-text-primary);font-size:1rem;font-weight:500;margin:0}.history-tabs{display:flex;gap:.25rem}.tab-button{background:#0000;border:none;border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;padding:.25rem .5rem;transition:all .3s ease}.tab-button:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1)}.tab-button.active,.tab-button:hover{color:#e4e1d8;color:var(--theme-text-primary)}.tab-button.active{background:#8b735533;background:rgba(var(--theme-accent-primary-rgb),.2);font-weight:500}.close-button{background:none;border:none;border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-size:1.1rem;padding:.25rem;transition:all .3s ease}.close-button:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);color:#e4e1d8;color:var(--theme-text-primary)}.history-error{align-items:center;background:#dc535933;background:var(--theme-confidence-red);border:1px solid #b85450;border:1px solid var(--theme-accent-error);border-radius:4px;color:#b85450;color:var(--theme-accent-error);display:flex;justify-content:space-between;margin:1rem;padding:1rem}.history-error button{background:#b85450;background:var(--theme-accent-error);border:none;border-radius:4px;color:#fff;color:var(--theme-text-on-accent);cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.history-loading{color:#b8b5ab;color:var(--theme-text-secondary);font-style:italic;padding:2rem;text-align:center}.history-list{flex:1 1;overflow-y:auto;padding:1rem 0}.no-actions{color:#b8b5ab;color:var(--theme-text-secondary);font-style:italic;padding:2rem;text-align:center}.history-item{border-bottom:1px solid rgba(var(--theme-border-primary-rgb),.3);padding:.25rem 1rem;transition:background-color .3s ease}.history-item:hover{background:#8b73550d;background:rgba(var(--theme-accent-primary-rgb),.05)}.history-item:last-child{border-bottom:none}.action-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:0}.action-main{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.action-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.action-type{color:#8b7355;color:var(--theme-accent-primary);font-size:.9rem;font-weight:500;text-transform:lowercase}.expand-toggle{background:#0000;border:1px solid rgba(var(--theme-border-primary-rgb),.3);border-radius:4px;color:#8b8983;color:var(--theme-text-muted);cursor:pointer;flex-shrink:0;font-size:.65rem;padding:1px .25rem;transition:all .3s ease}.expand-toggle:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);border-color:#8b7355;border-color:var(--theme-accent-primary);color:#8b7355;color:var(--theme-accent-primary)}.action-time{font-family:monospace;font-size:.7rem}.action-payload,.action-time{color:#8b8983;color:var(--theme-text-muted)}.action-payload{background:none;border:none;border-radius:0;flex:1 1;font-size:.75rem;margin:0;min-width:0;overflow:hidden;padding:0}.payload-item{display:inline;margin-right:.5rem}.payload-item:last-child{margin-right:0}.payload-item:not(:last-child):after{color:#8b8983;color:var(--theme-text-muted);content:" • "}.payload-key{color:#b8b5ab;color:var(--theme-text-secondary);font-weight:500}.payload-value{color:#8b8983;color:var(--theme-text-muted);font-family:monospace;word-break:break-word}.payload-link{color:#8b7355;color:var(--theme-accent-primary);font-family:monospace;text-decoration:none;transition:color .3s ease}.payload-link:hover{color:#a08660;color:var(--theme-accent-primary-hover);text-decoration:underline}.payload-link:visited{color:#8b7355cc;color:rgba(var(--theme-accent-primary-rgb),.8)}.action-uuid{color:#8b8983;color:var(--theme-text-muted);font-family:monospace;font-size:.6rem;margin:0;opacity:.6}.data-mutations-list{background:#2a2b36;background:var(--theme-bg-tertiary);border-radius:4px;border-top:1px solid rgba(var(--theme-border-primary-rgb),.2);margin-top:.25rem;padding:.25rem}.mutations-header{color:#b8b5ab;color:var(--theme-text-secondary);font-size:.75rem;font-weight:500;margin-bottom:.25rem}.data-mutation{background:#242530;background:var(--theme-bg-secondary);border:1px solid rgba(var(--theme-border-primary-rgb),.2);border-radius:4px;margin-bottom:.25rem;padding:.25rem;transition:all .3s ease}.data-mutation:hover{background:#8b73550d;background:rgba(var(--theme-accent-primary-rgb),.05)}.data-mutation:last-child{margin-bottom:0}.mutation-header{flex-wrap:wrap;gap:.25rem;justify-content:space-between;margin-bottom:.25rem}.mutation-type{background:rgba(var(--theme-accent-error-rgb),.1);color:#b85450;color:var(--theme-accent-error);font-size:.65rem;text-transform:uppercase}.mutation-table,.mutation-type{border-radius:4px;padding:1px .25rem}.mutation-table{background:#242530;background:var(--theme-bg-secondary);color:#b8b5ab;color:var(--theme-text-secondary);font-family:monospace;font-size:.7rem}.mutation-time{color:#8b8983;color:var(--theme-text-muted);font-family:monospace;font-size:.65rem}.mutation-changes{margin:.5rem 0}.field-diff{background:#8b73550d;background:rgba(var(--theme-accent-primary-rgb),.05);border:1px solid rgba(var(--theme-border-primary-rgb),.2);border-radius:4px;margin-bottom:.25rem;padding:.25rem}.field-diff:last-child{margin-bottom:0}.field-name{color:#b8b5ab;color:var(--theme-text-secondary);font-weight:500;margin-bottom:2px;margin-right:.25rem}.field-changes,.field-name{display:inline-block;font-size:.7rem}.field-changes{font-family:monospace}.field-change-item{display:inline-block;line-height:1.2;margin-right:.25rem}.field-change-item:last-child{margin-right:0}.change-indicator{display:inline;font-weight:700;margin-right:2px}.change-value{border-radius:4px;display:inline-block;max-width:150px;overflow:hidden;padding:1px 3px;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.old-value{background:rgba(var(--theme-accent-error-rgb),.1);color:#b85450;color:var(--theme-accent-error)}.new-value{background:rgba(var(--theme-accent-success-rgb),.1);color:#7a8471;color:var(--theme-accent-success)}.text-diff{word-wrap:break-word;font-family:monospace;font-size:.7rem;line-height:1.4;margin-top:2px}.text-unchanged{color:#e4e1d8;color:var(--theme-text-primary)}.text-removed{background:rgba(var(--theme-accent-error-rgb),.1);color:#b85450;color:var(--theme-accent-error);text-decoration:line-through}.text-added,.text-removed{border-radius:4px;padding:1px 2px}.text-added{background:rgba(var(--theme-accent-success-rgb),.1);color:#7a8471;color:var(--theme-accent-success)}.mutation-uuid{color:#8b8983;color:var(--theme-text-muted);font-family:monospace;font-size:.6rem;margin-top:.25rem;opacity:.6}.history-pagination{align-items:center;background:#242530;background:var(--theme-bg-secondary);border-top:1px solid #4a4b56;border-top:1px solid var(--theme-border-primary);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.pagination-button{background:#8b7355;background:var(--theme-accent-primary);border:none;border-radius:4px;color:#fff;color:var(--theme-text-on-accent);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#a08660;background:var(--theme-accent-primary-hover)}.pagination-button:disabled{background:#5a5a5a;background:var(--theme-cta-disabled);color:#8b8983;color:var(--theme-text-muted);cursor:not-allowed}.pagination-info{color:#b8b5ab;color:var(--theme-text-secondary);font-size:.9rem}.tree-content-container.with-history .tree-structure{flex-shrink:0;width:60%}.tree-content-container:not(.with-history) .tree-structure{width:100%}.history-panel{flex-shrink:0;min-width:300px;width:40%}.history-toggle{background:none;border:none;border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-size:1.2rem;margin-left:.5rem;padding:.5rem;transition:all .2s ease}.history-toggle:hover{background:#2a2b36;background:var(--theme-bg-tertiary);color:#e4e1d8;color:var(--theme-text-primary)}.history-toggle.history-active{background:#8b7355;background:var(--theme-accent-primary);color:#fff;color:var(--theme-text-on-accent)}@media(max-width:768px){.tree-content-container.with-history{flex-direction:column}.history-panel,.tree-content-container.with-history .tree-structure{height:50%;width:100%}.history-panel{border-left:none;border-top:1px solid #4a4b56;border-top:1px solid var(--theme-border-primary);min-width:0;min-width:auto}}@media(max-width:480px){.history-header{padding:.75rem}.history-header h3{font-size:1rem}.history-item{padding:.75rem}.action-header{align-items:flex-start;flex-direction:column;gap:.25rem}.action-payload{font-size:.8rem;padding:.5rem}.history-pagination{padding:.75rem}.pagination-button{font-size:.8rem;padding:.4rem .8rem}}.mutations-tab{display:flex;flex-direction:column;height:100%;overflow:hidden}.mutations-summary{background:#2a2b36;background:var(--theme-bg-tertiary);border-bottom:1px solid #4a4b56;border-bottom:1px solid var(--theme-border-primary);flex-shrink:0;padding:.5rem 1rem}.mutation-counts{display:flex;font-size:.9rem;gap:1rem}.count-confirmed,.count-failed,.count-pending{align-items:center;display:flex;font-weight:500;gap:.25rem}.count-pending{color:#8b7355;color:var(--theme-accent-primary)}.count-confirmed{color:#7a8471;color:var(--theme-accent-success)}.count-failed{color:#b85450;color:var(--theme-accent-error)}.mutations-list{flex:1 1;overflow-y:auto;padding:.5rem}.no-mutations{color:#b8b5ab;color:var(--theme-text-secondary);font-style:italic;padding:1.5rem;text-align:center}.mutation-item{background:#1a1b1f;background:var(--theme-bg-primary);border:1px solid #4a4b56;border:1px solid var(--theme-border-primary);border-radius:6px;margin-bottom:.5rem}.mutation-item.mutation-pending{border-left:4px solid #8b7355;border-left:4px solid var(--theme-accent-primary)}.mutation-item.mutation-confirmed{border-left:4px solid #7a8471;border-left:4px solid var(--theme-accent-success)}.mutation-item.mutation-failed{border-left:4px solid #b85450;border-left:4px solid var(--theme-accent-error)}.mutation-header{align-items:center;background:#242530;background:var(--theme-bg-secondary);border-bottom:1px solid #4a4b56;border-bottom:1px solid var(--theme-border-primary);display:flex;gap:.5rem;padding:.5rem}.mutation-status-icon{font-size:1.2rem}.mutation-type{color:#e4e1d8;color:var(--theme-text-primary);font-family:monospace;font-size:.9rem;font-weight:500}.mutation-timestamps{align-items:flex-end;display:flex;flex-direction:column;gap:2px;margin-left:auto}.timestamp{align-items:center;display:flex;font-family:monospace;font-size:.65rem;gap:4px}.timestamp.single-timestamp{font-size:.75rem}.timestamp.single-timestamp .timestamp-value{color:#8b8983;color:var(--theme-text-muted)}.timestamp-label{color:#b8b5ab;color:var(--theme-text-secondary);font-size:.6rem;font-weight:500;text-transform:uppercase}.timestamp-value{color:#8b8983;color:var(--theme-text-muted)}.optimistic-timestamp .timestamp-label{color:#8b7355;color:var(--theme-accent-primary)}.optimistic-timestamp .timestamp-value{color:#8b7355cc;color:rgba(var(--theme-accent-primary-rgb),.8)}.confirmed-timestamp .timestamp-label{color:#7a8471;color:var(--theme-accent-success)}.confirmed-timestamp .timestamp-value{color:rgba(var(--theme-accent-success-rgb),.8)}.server-timestamp .timestamp-label{color:#b85450;color:var(--theme-accent-error)}.server-timestamp .timestamp-value{color:rgba(var(--theme-accent-error-rgb),.8)}.timestamp-divider{background:rgba(var(--theme-border-primary-rgb),.3);height:1px;margin:2px 0}.server-duration-timestamp .timestamp-label{color:#b85450;color:var(--theme-accent-error)}.server-duration-timestamp .timestamp-value{color:#e4e1d8;color:var(--theme-text-primary);font-weight:500}.network-latency-timestamp .timestamp-label{color:#b8b5ab;color:var(--theme-text-secondary)}.network-latency-timestamp .timestamp-value{color:#e4e1d8;color:var(--theme-text-primary);font-weight:500}.duration-timestamp .timestamp-label{color:#b8b5ab;color:var(--theme-text-secondary);font-weight:600}.duration-timestamp .timestamp-value{color:#e4e1d8;color:var(--theme-text-primary);font-weight:600}.mutation-details{padding:.5rem}.mutation-uuids{display:flex;font-family:monospace;font-size:.75rem;gap:1rem;margin-bottom:.25rem}.mutation-uuid,.optimistic-flag,.user-action-uuid{color:#b8b5ab;color:var(--theme-text-secondary)}.mutation-error,.optimistic-flag{font-size:.75rem;margin-bottom:.25rem}.mutation-error{background:rgba(var(--theme-accent-error-rgb),.1);border-radius:4px;color:#b85450;color:var(--theme-accent-error);padding:.25rem}.mutation-payload{margin-top:.5rem}.mutation-payload summary{color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;font-size:.75rem;padding:.25rem 0}.mutation-payload summary:hover{color:#e4e1d8;color:var(--theme-text-primary)}.mutation-payload pre{background:#2a2b36;background:var(--theme-bg-tertiary);border:1px solid #4a4b56;border:1px solid var(--theme-border-primary);border-radius:4px;font-size:.6rem;margin-top:.25rem;max-height:200px;overflow-x:auto;overflow-y:auto;padding:.5rem}.mobile-nav-controls{bottom:0;left:0;padding:.5rem .5rem env(safe-area-inset-bottom,.5rem);pointer-events:none;position:fixed;right:0;z-index:1000}@media(max-width:480px){.mobile-nav-controls{display:block}}.menu-open .mobile-nav-controls{left:300px}.mobile-nav-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--theme-bg-primary-rgb),.7);border-radius:50px;box-shadow:0 2px 8px #00000026;box-shadow:0 2px 8px var(--theme-shadow-light);gap:0;margin:0 auto;padding:4px;pointer-events:auto;width:-webkit-fit-content;width:fit-content}.mobile-nav-button,.mobile-nav-container{align-items:center;display:flex;justify-content:center}.mobile-nav-button{background:#0000;border:none;border-radius:50%;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-size:16px;height:40px;min-height:40px;min-width:40px;padding:8px;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:40px}.mobile-nav-button:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);color:#8b7355;color:var(--theme-accent-primary);transform:scale(1.05)}.mobile-nav-button:active{background:#8b735526;background:rgba(var(--theme-accent-primary-rgb),.15);transform:scale(.95)}.mobile-nav-button svg{height:18px;width:18px}.tree-view{height:100%;margin-top:0;overflow-x:auto;overflow-y:auto;padding:0;position:relative;text-align:left;width:100%}.tree-header-main{align-items:center;display:flex;margin:0 0 .5rem;width:100%}.tree-header-main .tree-header-left{align-items:center;display:flex;gap:1rem;text-align:left}.tree-header-main .tree-header-left .bulk-edit-toggle{background-color:#242530;background-color:var(--theme-bg-secondary);border:none;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:background-color .3s ease}.tree-header-main .tree-header-left .bulk-edit-toggle:hover{background-color:#2a2b36;background-color:var(--theme-bg-tertiary)}.tree-header-main .tree-header-left .bulk-edit-toggle:disabled{cursor:not-allowed;opacity:.6}.tree-header-main .tree-header-left .bulk-edit-toggle.editing{background-color:#8b735526;background-color:rgba(var(--theme-accent-primary-rgb),.15);color:#8b7355;color:var(--theme-accent-primary)}.tree-header-main .tree-header-center{align-items:center;display:flex;gap:12px;margin-left:20px}.tree-header-main .tree-header-center .focused-tree-id-display{align-items:center;background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);border:1px solid #8b735533;border:1px solid rgba(var(--theme-accent-primary-rgb),.2);border-radius:12px;color:#b8b5ab;color:var(--theme-text-secondary);display:flex;font-size:.85rem;font-weight:500;padding:4px 12px}.tree-header-main .tree-header-center .focused-tree-id-display span{cursor:help}.tree-header-main .tree-header-center .app-mode-toggle{background:#0000;border:2px solid #8b73554d;border:2px solid rgba(var(--theme-accent-primary-rgb),.3);border-radius:6px;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:all .3s ease}.tree-header-main .tree-header-center .app-mode-toggle:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1);border-color:#8b735580;border-color:rgba(var(--theme-accent-primary-rgb),.5)}.tree-header-main .tree-header-center .app-mode-toggle.viewing-active{background-color:#8b735526;background-color:rgba(var(--theme-accent-primary-rgb),.15);border-color:#8b7355b3;border-color:rgba(var(--theme-accent-primary-rgb),.7);box-shadow:0 0 8px #8b73554d;box-shadow:0 0 8px rgba(var(--theme-accent-primary-rgb),.3)}.tree-content-container{align-items:stretch;display:flex;transition:all .3s ease}.tree-structure{align-items:flex-start;display:flex;min-width:-webkit-min-content;min-width:min-content;width:100%}.tree-content p{line-height:1.4;margin:.5rem 0 0}.tree-content p:first-of-type{margin-top:.5rem}.qr-code-widget{position:relative;z-index:1000}@media(max-width:1024px){.qr-code-widget{display:none}}.qr-code-toggle{align-items:center;background:#0000;border:none;border-radius:50%;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:44px}.qr-code-toggle:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);color:#8b7355;color:var(--theme-accent-primary);transform:scale(1.05)}.qr-code-toggle:active{background:#8b735526;background:rgba(var(--theme-accent-primary-rgb),.15);transform:scale(.95)}.qr-code-toggle svg{height:20px;width:20px}.qr-code-popup{animation:slideDown .2s ease;background:#2a2b36;background:var(--theme-bg-tertiary);border-radius:12px;box-shadow:0 4px 12px #00000026;box-shadow:0 4px 12px var(--theme-shadow-light);min-width:250px;padding:16px;position:absolute;right:0;top:calc(100% + 4px);z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.qr-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.qr-code-header span{color:#e4e1d8;color:var(--theme-text-primary);font-size:14px;font-weight:600}.qr-code-close{align-items:center;background:none;border:none;border-radius:4px;color:#b8b5ab;color:var(--theme-text-secondary);cursor:pointer;display:flex;font-size:24px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.qr-code-close:hover{background:#8b73551a;background:rgba(var(--theme-accent-primary-rgb),.1);color:#e4e1d8;color:var(--theme-text-primary)}.qr-code-container{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:center;margin-bottom:12px;padding:12px}.qr-code-url{background:#8b73550d;background:rgba(var(--theme-accent-primary-rgb),.05);border-radius:6px;color:#b8b5ab;color:var(--theme-text-secondary);font-size:11px;padding:8px;text-align:center;word-break:break-all}.side-menu{background-color:#2e2f3a;background-color:var(--theme-bg-elevated);box-shadow:none;box-sizing:border-box;flex-shrink:0;height:100%;overflow:visible;position:relative;transition:width .3s ease,box-shadow .3s ease;width:0;z-index:50}.side-menu.open{box-shadow:2px 0 5px #00000026;box-shadow:2px 0 5px var(--theme-shadow-light);overflow-y:auto;padding:20px;width:300px}.side-menu.open .side-menu-hamburger-zone{left:300px}.side-menu-hamburger-zone{height:50px;left:0;position:fixed;top:10px;transition:left .3s ease;width:20px;z-index:100}.side-menu-hamburger-zone:hover .side-menu-hamburger{transform:translateX(12px)}.side-menu.open .side-menu-hamburger-zone:hover .side-menu-hamburger{transform:scale(1.1)}.side-menu-hamburger{background-color:#2e2f3a;background-color:var(--theme-bg-elevated);border-radius:0 4px 4px 0;box-shadow:2px 0 4px #00000026;box-shadow:2px 0 4px var(--theme-shadow-light);left:-15px;padding:4px;position:absolute;top:0;transition:transform .3s ease;z-index:101}.side-menu-content{height:auto;position:relative;width:100%}.side-menu-list{list-style:none;margin-top:40px;padding:0}.side-menu-list li{align-items:center;border-bottom:1px solid #4a4b56;border-bottom:1px solid var(--theme-border-primary);cursor:pointer;display:flex;gap:8px;margin-left:0;padding:10px;position:relative;text-align:left}.side-menu-list li:hover{background-color:#2a2b36;background-color:var(--theme-bg-tertiary)}.side-menu-list li:hover .delete-view-button{opacity:1}.menu-item-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-view-button{background:none;border:none;color:#8b8983;color:var(--theme-text-muted);cursor:pointer;flex-shrink:0;font-size:16px;opacity:0;padding:4px 8px;transition:opacity .2s,color .2s}.delete-view-button:hover{color:#b85450;color:var(--theme-accent-error)}.confidence-indicator{border-radius:50%;flex-shrink:0;height:12px;width:12px}.hamburger-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:24px;justify-content:space-around;margin:0;min-width:24px;padding:0;width:24px}.hamburger-button span{background-color:#e4e1d8;background-color:var(--theme-text-primary);height:2px;transition:.3s;width:100%}.hamburger-button:hover span{background-color:#b8b5ab;background-color:var(--theme-text-secondary)}:root{--theme-bg-primary:#1a1b1f;--theme-bg-secondary:#242530;--theme-bg-tertiary:#2a2b36;--theme-bg-elevated:#2e2f3a;--theme-text-primary:#e4e1d8;--theme-text-secondary:#b8b5ab;--theme-text-muted:#8b8983;--theme-text-tertiary:#6b6a65;--theme-text-on-accent:#fff;--theme-text-on-accent-dark:#1a1b1f;--theme-border-primary:#4a4b56;--theme-border-secondary:#565663;--theme-border-tertiary:#626270;--theme-border-quaternary:#6e6e7c;--theme-accent-primary:#8b7355;--theme-accent-primary-hover:#a08660;--theme-accent-primary-rgb:139,115,85;--theme-accent-success:#7a8471;--theme-accent-error:#b85450;--theme-accent-error-hover:#a04944;--theme-overlay-light:#ffffff26;--theme-overlay-light-hover:#ffffff40;--theme-overlay-dark:#000000b3;--theme-shadow-color:#0000004d;--theme-shadow-light:#00000026;--theme-confidence-neutral:#b4b4b426;--theme-confidence-neutral-solid:#999;--theme-confidence-neutral-muted:#6b6b6b;--theme-confidence-red:#dc535933;--theme-confidence-red-solid:#dc5359;--theme-confidence-red-hover:#c84a50;--theme-confidence-red-muted:#c4726e;--theme-confidence-orange:#e9923c33;--theme-confidence-orange-solid:#e9923c;--theme-confidence-orange-hover:#d5832f;--theme-confidence-orange-muted:#d4a060;--theme-confidence-yellow:#ebc14333;--theme-confidence-yellow-solid:#ebc143;--theme-confidence-yellow-hover:#d9b035;--theme-confidence-yellow-muted:#d4c078;--theme-confidence-green:#5aa76333;--theme-confidence-green-solid:#5aa763;--theme-confidence-green-hover:#4d9656;--theme-confidence-green-muted:#7a9e7d;--theme-status-ok:#5aa763;--theme-status-ok-glow:#5aa76366;--theme-status-error:#dc5359;--theme-status-error-glow:#dc535966;--theme-status-loading:#e9923c;--theme-status-neutral:#8b8983;--theme-cta-primary:#5aa763;--theme-cta-primary-hover:#4d9656;--theme-cta-disabled:#5a5a5a;--theme-key-bg:#3a3b46;--theme-key-border:#55565f;--theme-key-text:#e4e1d8;--theme-badge-warning-bg:#f59e0b33;--theme-badge-warning-text:#f59e0b;--theme-badge-warning-border:#f59e0b;--theme-badge-info-bg:#6366f133;--theme-badge-info-text:#818cf8;--theme-badge-info-border:#6366f1;--theme-badge-success-bg:#10b98133;--theme-badge-success-text:#10b981;--theme-badge-success-border:#10b981}[data-theme=light]{--theme-bg-primary:#faf7f0;--theme-bg-secondary:#f2ede3;--theme-bg-tertiary:#ebe4d6;--theme-bg-elevated:#fff;--theme-text-primary:#3a342a;--theme-text-secondary:#6b5f4f;--theme-text-muted:#9b8f7f;--theme-text-tertiary:#b8b0a0;--theme-text-on-accent:#fff;--theme-text-on-accent-dark:#3a342a;--theme-border-primary:#d4c4a8;--theme-border-secondary:#c7b69a;--theme-border-tertiary:#b8a68a;--theme-border-quaternary:#a9967a;--theme-accent-primary:#8b7355;--theme-accent-primary-hover:#a08660;--theme-accent-primary-rgb:139,115,85;--theme-accent-success:#7a8471;--theme-accent-error:#b85450;--theme-accent-error-hover:#a04944;--theme-overlay-light:#00000014;--theme-overlay-light-hover:#0000001f;--theme-overlay-dark:#000000b3;--theme-shadow-color:#00000026;--theme-shadow-light:#00000014;--theme-confidence-neutral:#80808014;--theme-confidence-neutral-solid:#999;--theme-confidence-neutral-muted:#b0b0b0;--theme-confidence-red:#dc354526;--theme-confidence-red-solid:#dc3545;--theme-confidence-red-hover:#c82333;--theme-confidence-red-muted:#e8a0a0;--theme-confidence-orange:#fd7e1426;--theme-confidence-orange-solid:#fd7e14;--theme-confidence-orange-hover:#e76a00;--theme-confidence-orange-muted:#f0c090;--theme-confidence-yellow:#ffc10726;--theme-confidence-yellow-solid:#ffc107;--theme-confidence-yellow-hover:#e0a800;--theme-confidence-yellow-muted:#f0dc90;--theme-confidence-green:#28a74526;--theme-confidence-green-solid:#28a745;--theme-confidence-green-hover:#218838;--theme-confidence-green-muted:#a0d0a8;--theme-status-ok:#4caf50;--theme-status-ok-glow:#4caf504d;--theme-status-error:#f44336;--theme-status-error-glow:#f443364d;--theme-status-loading:#ff9800;--theme-status-neutral:#ccc;--theme-cta-primary:#4ade80;--theme-cta-primary-hover:#22c55e;--theme-cta-disabled:#9ca3af;--theme-key-bg:#e0e0e0;--theme-key-border:#8a8a8a;--theme-key-text:#333;--theme-badge-warning-bg:#fef3c7;--theme-badge-warning-text:#92400e;--theme-badge-warning-border:#f59e0b;--theme-badge-info-bg:#e0e7ff;--theme-badge-info-text:#3730a3;--theme-badge-info-border:#6366f1;--theme-badge-success-bg:#d1fae5;--theme-badge-success-text:#065f46;--theme-badge-success-border:#10b981}.tree-layout{display:flex;flex-direction:row;height:100%;overflow:hidden;width:100%}.tree-layout-content{flex:1 1;height:100%;overflow:auto;position:relative;width:100%;z-index:1}