body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh;padding:0}#root,body,html{height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{height:100%;min-height:100vh;overflow-x:hidden}body{font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif}#root,body{height:100%;overflow-x:hidden}#root,.App,body{margin:0;min-height:100vh;padding:0}.App{position:relative;text-align:center}.App-main{color:#e4e1d8;color:var(--theme-text-primary);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:#ccc;border-radius:50%;height:8px;width:8px}.backend-status-dot .status-dot.ok{background-color:#4caf50;box-shadow:0 0 4px #4caf504d}.backend-status-dot .status-dot.error{background-color:#f44336;box-shadow:0 0 4px #f443364d}.backend-status-dot .status-dot.loading{animation:pulse 1.5s ease-in-out infinite alternate;background-color:#ff9800}@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)}.tree-view{margin-top:0;padding:0 1rem;text-align:left}.tree-header-main{align-items:center;display:flex;margin:0 0 .5rem;width:100%}.tree-header-main .tree-header-left{text-align:left}.tree-header-main .tree-header-center{margin-left:20px}.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)}.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-item{padding-left:15px;position:relative}.tree-item.tree-item-root-or-first-gen{padding-left:0}@media(max-width:480px){.tree-item.tree-item-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(15px + .25rem)}.tree-item.tree-item-focused:before{display:none}}.tree-item.tree-item-loading{animation:loading-pulse 2s ease-in-out infinite;background:#8b73551f;background:rgba(var(--theme-accent-primary-rgb),.12)}@media(max-width:480px){.tree-item .tree-item.tree-item-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-header{align-items:center;display:flex;padding:2px 0;position:relative}.tree-header:has(.tree-content-inline:not(.flashcard-content)){padding:0}.tree-header-controls{display:flex;left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:15px;z-index:1}.collapse-indicator,.tree-header-controls{align-items:center;cursor:pointer;justify-content:center}.collapse-indicator{color:#b8b5ab;color:var(--theme-text-secondary);display:inline-flex;font-size:12px;height:20px;-webkit-user-select:none;user-select:none;width:20px}.collapse-indicator:hover{color:#8b7355;color:var(--theme-accent-primary)}.tree-content-inline{border-radius:4px;display:block;flex-grow:1;transition:all .3s ease}.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}.tree-content p{line-height:1.4;margin:.5rem 0 0}.tree-content p:first-of-type{margin-top:.5rem}.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)}.note-input-with-button{display:inline-block;max-width:100%;position:relative;width:-webkit-fit-content;width:fit-content}.note-input-with-button:has(.tab-make-flashcard-btn-below){margin-bottom:28px}.answer-input:hover,.note-input:hover,.question-input:hover{background-color:#0000!important}.note-input-focused{background-color:#242530!important;background-color:var(--theme-bg-secondary)!important}.note-input{field-sizing:content;border:none;border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;line-height:1.1;min-width:100px;overflow-wrap:break-word;padding-left:.25rem;padding-right:.25rem;transition:background-color .3s ease;word-break:break-word}.note-input.note-input-root{font-size:1.2rem;font-weight:700;padding-bottom:1rem}.tab-make-flashcard-btn{background-color:#fff;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;position:absolute;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)}.ai-autofill-buttons{display:flex;gap:.25rem;margin-top:4px}.tab-ai-autofill-btn{background-color:#fff;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;opacity:.7;padding:2px 4px;transition:all .3s ease;white-space:nowrap}.tab-ai-autofill-btn:hover:not(:disabled){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-ai-autofill-btn:active:not(:disabled){transform:scale(.98)}.tab-ai-autofill-btn:disabled{cursor:not-allowed;opacity:.4}.flashcard-conversion{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);border-radius:4px;gap:.5rem;padding:.25rem}.conversion-answer,.conversion-question,.flashcard-conversion{display:flex;flex-direction:column}.answer-input,.question-input{field-sizing:content;border:1px solid #8b73554d;border:1px solid rgba(var(--theme-accent-primary-rgb),.3);border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;line-height:1.4;min-height:1.5em;overflow-wrap:break-word;padding:4px 8px;resize:vertical;transition:all .3s ease;width:100%;word-break:break-word}.answer-input::placeholder,.question-input::placeholder{color:#b8b5ab;color:var(--theme-text-secondary);font-style:italic}.question-input{min-width:200px}.answer-input{min-width:150px}.content-type-icon{font-size:1rem;margin-right:.5rem}.flip-icon{font-size:.9rem;margin-right:.25rem;opacity:.7}.flashcard-content{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0003;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:#80808014;color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-white.flashcard-focused{border-left:4px solid #999}.flashcard-content.flashcard-confidence-red{background-color:#dc354526;color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-red.flashcard-focused{border-left:4px solid #dc3545}.flashcard-content.flashcard-confidence-orange{background-color:#fd7e1426;color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-orange.flashcard-focused{border-left:4px solid #fd7e14}.flashcard-content.flashcard-confidence-yellow{background-color:#ffc10726;color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-yellow.flashcard-focused{border-left:4px solid #ffc107}.flashcard-content.flashcard-confidence-green{background-color:#28a74526;color:#e4e1d8;color:var(--theme-text-primary)}.flashcard-content.flashcard-confidence-green.flashcard-focused{border-left:4px solid #28a745}.confidence-rating-buttons{display:flex;gap:6px;justify-content:center;margin-top:8px}.confidence-btn{border:none;border-radius:4px;color:#fff;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 #0003;transform:translateY(-1px)}.confidence-btn:active{transform:translateY(0)}.confidence-btn.confidence-red{background-color:#dc3545}.confidence-btn.confidence-red:hover{background-color:#c82333}.confidence-btn.confidence-orange{background-color:#fd7e14}.confidence-btn.confidence-orange:hover{background-color:#e76a00}.confidence-btn.confidence-yellow{background-color:#ffc107;color:#212529}.confidence-btn.confidence-yellow:hover{background-color:#e0a800}.confidence-btn.confidence-green{background-color:#28a745}.confidence-btn.confidence-green:hover{background-color:#218838}.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}}@media(min-width:481px){.mobile-nav-controls{display:none}}@media(max-width:480px){body,html{height:100vh;height:100dvh;overflow-x:hidden}body{position:relative}.tree-view{min-height:calc(100vh - 90px);min-height:calc(100dvh - 90px)}.tree-view:after{content:"";display:block;height:calc(44px + 1.5rem)}}.mobile-nav-container{align-items:center;background:none;display:flex;gap:.5rem;justify-content:center;margin:0 auto;max-width:400px;pointer-events:auto}.mobile-nav-container .tooltip-container{background:none}.mobile-nav-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--theme-bg-primary-rgb),.7);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:44px}.mobile-nav-button:hover{background:rgba(var(--theme-bg-primary-rgb),.85);color:#8b7355;color:var(--theme-accent-primary);transform:scale(1.05)}.mobile-nav-button:active{background:rgba(var(--theme-bg-primary-rgb),.9);transform:scale(.95)}.mobile-nav-button:disabled{cursor:not-allowed;opacity:.3;transform:none}.mobile-nav-button:disabled:hover{background:rgba(var(--theme-bg-primary-rgb),.7);color:#e4e1d8;color:var(--theme-text-primary);transform:none}.mobile-nav-enter{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#8b735533;background:rgba(var(--theme-accent-primary-rgb),.2);color:#8b7355;color:var(--theme-accent-primary)}.mobile-nav-enter:hover{background:#8b73554d;background:rgba(var(--theme-accent-primary-rgb),.3)}.mobile-nav-enter:active{background:#8b735566;background:rgba(var(--theme-accent-primary-rgb),.4)}.add-child-item{border-radius:4px;transition:all .3s ease}.add-child-item.add-child-item-focused{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05)}.add-child-inline{align-items:flex-start;display:flex;gap:.5rem}.type-toggle-btn{align-items:center;background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border:none;border-radius:50%;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.type-toggle-btn:hover{background-color:#242530;background-color:var(--theme-bg-secondary);transform:scale(1.1)}.submit-btn,.type-toggle-btn.active{background-color:#8b7355;background-color:var(--theme-accent-primary)}.submit-btn{align-items:center;align-self:flex-start;border:2px solid #8b7355;border:2px solid var(--theme-accent-primary);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:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.submit-btn:hover:not(:disabled){background-color:#a08660;background-color:var(--theme-accent-primary-hover);border-color:#a08660;border-color:var(--theme-accent-primary-hover);transform:scale(1.1)}.submit-btn:disabled{background-color:#8b8983;background-color:var(--theme-text-muted);border-color:#8b8983;border-color:var(--theme-text-muted);cursor:not-allowed;opacity:.6}.add-child-form{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.flashcard-answer,.primary-input{background:#0000;border:none;border-radius:4px;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;line-height:1.4;min-height:32px;overflow-y:hidden;padding:2px 4px;resize:none;transition:all .3s ease;width:100%}.flashcard-answer:focus,.primary-input:focus{background-color:#8b73550d;background-color:rgba(var(--theme-accent-primary-rgb),.05);outline:none}.flashcard-answer:hover,.primary-input:hover{background-color:#8b735505;background-color:rgba(var(--theme-accent-primary-rgb),.02)}.flashcard-answer::placeholder,.primary-input::placeholder{color:#b8b5ab;color:var(--theme-text-secondary);font-family:inherit;font-style:italic}.flashcard-question,.note-input{background-color:inherit;border:none;border-radius:4px;box-sizing:border-box;color:#e4e1d8;color:var(--theme-text-primary);font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;font-size:1rem;min-height:1.5rem;overflow-y:hidden;resize:none;transition:all .3s ease;width:100%}.flashcard-question:hover,.note-input:hover{background-color:#2a2b36;background-color:var(--theme-bg-tertiary)}.flashcard-question:focus,.note-input:focus{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1);outline:none}.flashcard-question.input-focused,.note-input.input-focused{background-color:#8b735526;background-color:rgba(var(--theme-accent-primary-rgb),.15)}.flashcard-question::placeholder,.note-input::placeholder{color:#b8b5ab;color:var(--theme-text-secondary);font-family:Charter,Bitstream Charter,Sitka Text,Cambria,Times New Roman,Times,serif;font-style:italic}.flashcard-inputs{display:flex;flex-direction:row;gap:.5rem}.flashcard-inputs .flashcard-answer,.flashcard-inputs .flashcard-question{flex:1 1}.flashcard-inputs-row{display:flex;flex-direction:row;gap:.5rem;width:100%}.flashcard-inputs-row .flashcard-answer,.flashcard-inputs-row .primary-input{flex:1 1;min-width:0}.editable-content{border-radius:4px;cursor:pointer;display:inline-block;margin:-4px -22px -4px -8px;padding:4px 22px 4px 8px;position:relative;transition:all .3s ease}.editable-content.editable-hovered{background-color:#8b735514;background-color:rgba(var(--theme-accent-primary-rgb),.08)}.editable-content.editing{background-color:#0000;cursor:default;padding-left:0}.edit-input{background-color:#0000;border:none;box-sizing:border-box;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0 0 0 .4em;vertical-align:top;width:calc(100% - 22px)}.edit-input:focus{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1);border-radius:4px;outline:none}.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:#fef3c7;border:1px solid #f59e0b;color:#92400e}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-status.planned{background-color:#e0e7ff;border:1px solid #6366f1;color:#3730a3}.roadmap-section .roadmap-content .roadmap-item .roadmap-meta .roadmap-status.completed{background-color:#d1fae5;border:1px solid #10b981;color:#065f46}.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;padding:.25rem .5rem;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;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%}.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;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:#00000080;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}.status-indicator{border-radius:4px;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.status-indicator.pro{background:#10b981;color:#fff}.status-indicator.free{background:#2a2b36;background:var(--theme-bg-tertiary);color:#b8b5ab;color:var(--theme-text-secondary)}.more-menu{position:fixed;right:1rem;top:1rem;z-index:1000}.more-menu-button{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--theme-bg-primary-rgb),.7);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:rgba(var(--theme-bg-primary-rgb),.85);color:#8b7355;color:var(--theme-accent-primary);transform:scale(1.05)}.more-menu-button:active{background:rgba(var(--theme-bg-primary-rgb),.9);transform:scale(.95)}.more-menu-button svg{height:20px;width:20px}.more-menu-dropdown{background-color:#2a2b36;background-color:var(--theme-bg-tertiary);border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;gap:.25rem;min-width:150px;padding:.25rem;position:absolute;right:0;top:calc(100% + 4px);z-index:1001}.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:.5rem;margin-bottom:.25rem;padding:.25rem}.default-type-toggle,.help-toggle,.login-button,.logout-button,.theme-toggle{background-color:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;min-width:32px;padding:.25rem;transition:all .3s ease}.default-type-toggle:hover,.help-toggle:hover,.login-button:hover,.logout-button:hover,.theme-toggle:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.logout-button:hover{background-color:rgba(var(--theme-accent-error-rgb),.2)}.api-delay-toggle{background-color:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;min-width:32px;padding:.25rem;transition:all .3s ease}.api-delay-toggle.delay-enabled{background-color:rgba(var(--theme-accent-warning-rgb),.2)}.api-delay-toggle.delay-enabled:hover{background-color:rgba(var(--theme-accent-warning-rgb),.3)}.api-delay-toggle.delay-disabled:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.sort-order-toggle{background-color:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;min-width:32px;padding:.25rem;transition:all .3s ease}.sort-order-toggle.sort-orders-enabled{background-color:#8b735533;background-color:rgba(var(--theme-accent-primary-rgb),.2)}.sort-order-toggle.sort-orders-enabled:hover{background-color:#8b73554d;background-color:rgba(var(--theme-accent-primary-rgb),.3)}.sort-order-toggle.sort-orders-disabled:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.ids-toggle{background-color:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;min-width:32px;padding:.25rem;transition:all .3s ease}.ids-toggle.ids-enabled{background-color:#8b735533;background-color:rgba(var(--theme-accent-primary-rgb),.2)}.ids-toggle.ids-enabled:hover{background-color:#8b73554d;background-color:rgba(var(--theme-accent-primary-rgb),.3)}.ids-toggle.ids-disabled:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.subscription-toggle{background-color:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;min-width:32px;padding:.25rem;transition:all .3s ease}.subscription-toggle.subscription-bypass-enabled{background-color:rgba(var(--theme-accent-success-rgb),.2)}.subscription-toggle.subscription-bypass-enabled:hover{background-color:rgba(var(--theme-accent-success-rgb),.3)}.subscription-toggle.subscription-bypass-disabled:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.app-mode-toggle,.history-toggle{background-color:#0000;border:none;border-radius:4px;color:#e4e1d8;color:var(--theme-text-primary);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;min-width:32px;padding:.25rem;transition:all .3s ease}.app-mode-toggle:hover,.history-toggle:hover{background-color:#8b73551a;background-color:rgba(var(--theme-accent-primary-rgb),.1)}.app-mode-toggle.history-active,.app-mode-toggle.viewing-active,.history-toggle.history-active,.history-toggle.viewing-active{background-color:#8b735533;background-color:rgba(var(--theme-accent-primary-rgb),.2)}.app-mode-toggle.history-active:hover,.app-mode-toggle.viewing-active:hover,.history-toggle.history-active:hover,.history-toggle.viewing-active:hover{background-color:#8b73554d;background-color:rgba(var(--theme-accent-primary-rgb),.3)}.paywall-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;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 #0000001a,0 10px 10px -5px #0000000a;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;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:#4ade80;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:#4ade80;border:none;border-radius:8px;color:#fff;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:#22c55e;transform:translateY(-1px)}.cta-button:disabled{background-color:#9ca3af;color:#fff;cursor:not-allowed;transform:none}.cta-button.secondary{background-color:#0000;border:2px solid #4ade80;color:#4ade80}.cta-button.secondary:hover:not(:disabled){background-color:#4ade80;color:#fff}.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:#ff00001a;border-radius:4px;color:#f44;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:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.state-diagram-viewer .diagram-controls .file-load-status.error{background-color:#f443361a;border:1px solid #f443364d;color:#f44336}.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}:root{--theme-bg-primary:#1a1b1f;--theme-bg-secondary:#242530;--theme-bg-tertiary:#2a2b36;--theme-text-primary:#e4e1d8;--theme-text-secondary:#b8b5ab;--theme-text-muted:#8b8983;--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}[data-theme=light]{--theme-bg-primary:#faf7f0;--theme-bg-secondary:#f2ede3;--theme-bg-tertiary:#ebe4d6;--theme-text-primary:#3a342a;--theme-text-secondary:#6b5f4f;--theme-text-muted:#9b8f7f;--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}.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:#fee;background:var(--error-background,#fee);border:1px solid #fcc;border:1px solid var(--error-border,#fcc);border-radius:4px;color:#c33;color:var(--error-text,#c33);display:flex;justify-content:space-between;margin:1rem;padding:1rem}.history-error button{background:#c33;background:var(--error-text,#c33);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.history-loading{color:#666;color:var(--text-secondary,#666);font-style:italic;padding:2rem;text-align:center}.history-list{flex:1 1;overflow-y:auto;padding:1rem 0}.no-actions{color:#666;color:var(--text-secondary,#666);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:#f8f9fa;background:var(--header-background,#f8f9fa);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem}.pagination-button{background:#007bff;background:var(--primary-color,#007bff);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#0056b3;background:var(--primary-hover,#0056b3)}.pagination-button:disabled{background:#ccc;background:var(--disabled-background,#ccc);color:#666;color:var(--disabled-text,#666);cursor:not-allowed}.pagination-info{color:#666;color:var(--text-secondary,#666);font-size:.9rem}.tree-content-container{display:flex;transition:all .3s ease}.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:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:1.2rem;margin-left:.5rem;padding:.5rem;transition:all .2s ease}.history-toggle:hover{background:#e9ecef;background:var(--hover-background,#e9ecef);color:#333;color:var(--text-color,#333)}.history-toggle.history-active{background:#007bff;background:var(--primary-color,#007bff);color:#fff}@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 #e0e0e0;border-top:1px solid var(--border-color,#e0e0e0);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}