/* Theme tokens, including contrast-safe text on accent backgrounds. */
.sidebar{--flowlo-sidebar-blue:var(--accent);--flowlo-sidebar-blue-strong:var(--accent);--flowlo-sidebar-ink:var(--ink);--flowlo-sidebar-muted:var(--muted);--flowlo-sidebar-line:var(--line);--flowlo-sidebar-hover:var(--hover);--flowlo-sidebar-selected:var(--accent-soft)}
html[data-theme] .sidebar{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important;scrollbar-color:var(--line) transparent}html[data-theme] .sidebar :is(.profile-popover,.sidebar-new-options,.space-menu){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme] .sidebar :is(.side-head .brand,.profile-row,.space-button,.profile-workspaces button,.profile-menu-actions button){color:var(--ink)!important}html[data-theme] .sidebar :is(.nav-button,.project-list button,.side-file,.side-section-title,.side-projects-title,.sidebar-empty,.side-section>small,.profile-copy small,.profile-workspaces>span){color:var(--muted)!important}html[data-theme] .sidebar :is(.side-nav,.side-bottom,.side-section,.side-projects,.profile-workspaces){border-color:var(--line)!important}html[data-theme] .sidebar :is(.nav-button,.side-file,.profile-row,.profile-workspaces button,.profile-menu-actions button,.project-list button,.new-project,.space-button):hover{color:var(--ink)!important;background:var(--hover)!important}html[data-theme] .sidebar :is(.nav-button,.project-list button,.profile-workspaces button).active{color:var(--ink)!important;background:var(--accent-soft)!important}html[data-theme] .sidebar .new-project{color:var(--accent)!important}html[data-theme] .sidebar :is(.nav-button,.side-file,.side-section-title,.side-projects-title,.profile-row,.profile-workspaces button,.profile-menu-actions button) .material-symbols-rounded{color:inherit!important}html[data-theme] .sidebar .sidebar-new-options button{color:var(--ink)!important}html[data-theme] .sidebar .sidebar-new-options button:hover{color:var(--ink)!important;background:var(--hover)!important}html[data-theme] .brand-mark{background:var(--accent)!important}.sidebar-scroll{scrollbar-color:var(--line) transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--line)}
html[data-theme] :is(.primary,.sidebar-new-trigger,.file-location-save-v187,.flow-jump-latest,.flow-voice-stop-v141,.note-primary-v204){color:var(--accent-ink,#fff)!important}html[data-theme] :is(.primary,.sidebar-new-trigger) :is(span,.material-symbols-rounded){color:inherit!important}
html[data-theme] :is(.flow-more-popover,.file-menu-list,.todo-row-menu-v160>div,.note-float-v204,.note-insert-v200>div,.hub-control-panel-v261,.dialog,.profile-popover){background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}html[data-theme] :is(.flow-more-popover,.file-menu-list,.todo-row-menu-v160>div,.note-float-v204,.note-insert-v200>div) button{color:var(--ink)!important;background:transparent!important}html[data-theme] :is(.flow-more-popover,.file-menu-list,.todo-row-menu-v160>div,.note-float-v204,.note-insert-v200>div) button:is(:hover,:focus-visible){color:var(--ink)!important;background:var(--hover)!important}html[data-theme] :is(.flow-more-popover,.file-menu-list,.todo-row-menu-v160>div) button :is(span,.material-symbols-rounded){color:inherit!important}
html[data-theme=dark] :is(.button,.text-button,.icon,.nav-button,.file-type-filter,.file-sort-option,.mode-control button,.settings-nav button,.note-toolbar-v200 button,.note-toolbar-v200 summary,.note-head-actions-v181 button,.flow-head-actions button,.todo-head-actions button,.file-context-picker-v187>summary,.file-links-v188>summary,.file-bots-v187>summary,.hub-button-v260):not(.primary):is(:hover,:focus-visible){background:var(--hover)!important;color:var(--ink)!important}html[data-theme=dark] :is(.button,.text-button,.icon,.note-toolbar-v200 button,.note-head-actions-v181 button,.flow-head-actions button,.todo-head-actions button):hover :is(span,.material-symbols-rounded){color:inherit!important}
:root{--danger-ink:#a32936;--danger-hover:#fff0ef}html[data-theme=dark]{--danger-ink:#ffb3ae;--danger-hover:#472b2e}html[data-theme] #canvas :is(.flow-more-popover,.file-menu-list,.todo-row-menu-v160>div) button:is(.danger,[data-delete-canvas],[data-todo-delete],[data-flow-delete]),html[data-theme] #canvas :is(.flow-more-popover,.file-menu-list,.todo-row-menu-v160>div) button:is(.danger,[data-delete-canvas],[data-todo-delete],[data-flow-delete]):is(:hover,:focus-visible){color:var(--danger-ink)!important;background:var(--danger-hover)!important}html[data-theme] #canvas .file-delete-last-v262{margin-top:5px;padding-top:10px;border-top:1px solid var(--line)!important}
/* Signup and onboarding start in light mode, independent of OS preferences. */
#auth,#onboarding-v262{--bg:#f4f8fc;--surface:#fff;--ink:#102b4a;--muted:#60758b;--line:#dce8f4;--accent:#2478f2;--hover:#edf3fa;--accent-soft:#eaf3ff;--accent-ink:#fff;color:var(--ink);background:var(--bg);color-scheme:light}#auth [hidden]{display:none!important}#auth .auth-card{background:var(--surface);color:var(--ink)}#auth :is(input,.google){background:var(--surface);color:var(--ink);border-color:var(--line)}#auth .primary{color:#fff!important}#auth :is(.google,.auth-switch button):hover{background:var(--hover)!important;color:var(--ink)!important}
body.has-onboarding-v262{overflow:hidden;background:#f4f8fc}body.has-onboarding-v262 #app{visibility:hidden}#onboarding-v262{position:fixed;inset:0;z-index:2147483600;display:grid;justify-items:center;align-content:start;overflow:auto;padding:48px 24px;overscroll-behavior:contain}.onboard-wrap-v262{width:100%;max-width:460px}.onboard-brand-v262{display:inline-block;margin-bottom:40px;color:#102b4a;font-size:26px;font-weight:780;letter-spacing:-1.4px;text-decoration:none}.onboard-brand-v262 span{color:#2478f2}.onboard-progress-v262{display:flex;gap:6px;margin-bottom:25px}.onboard-progress-v262 i{height:3px;width:22px;border-radius:4px;background:#dce8f4}.onboard-progress-v262 i.filled{background:#2478f2}#onboarding-v262 h1{font-size:36px;line-height:1.1;letter-spacing:-.055em;font-weight:730;margin:0 0 14px;outline:none}.onboard-copy-v262{color:#60758b;font-size:15px;line-height:1.65;margin:0 0 30px}.onboard-name-v262{display:grid;gap:9px;font-size:13px;margin:22px 0 0}.onboard-name-v262 input{padding:14px 15px;border:1px solid #dce8f4;border-radius:11px;background:#fff;color:#102b4a;font-size:17px;width:100%;box-sizing:border-box}.onboard-blob-v262{display:grid;place-items:center;min-height:195px}.onboard-shuffle-v262{display:flex;align-items:center;justify-content:center;gap:7px;margin:0 auto 30px;padding:10px 15px;background:#fff;border:1px solid #dce8f4;border-radius:10px;color:#102b4a;font-size:13px}.onboard-bot-v262{display:flex;align-items:center;gap:15px;margin:15px 0 24px}.onboard-bot-v262>span{display:grid;place-items:center}.onboard-bot-v262 b{font-size:15px}.onboard-detail-v262{font-size:14px;line-height:1.7;color:#60758b}.onboard-privacy-v262{font-size:12px;line-height:1.7;color:#60758b}.onboard-privacy-v262 a{color:#1457b3}.onboard-plan-v262{padding:23px;border:1px solid #2478f2;border-radius:14px;background:#fff;margin:25px 0 32px}.onboard-plan-v262>div{display:flex;justify-content:space-between;align-items:center}.onboard-plan-v262 h2{margin:0;font-size:21px}.onboard-plan-v262>div>span{font-size:11px;color:#1457b3;background:#eaf3ff;padding:4px 8px;border-radius:6px}.onboard-plan-v262 p{font-size:14px;line-height:1.6}.onboard-plan-v262 small{font-size:12px;color:#60758b}#onboarding-v262 footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:34px}#onboarding-v262 footer>div{display:flex;align-items:center;gap:10px}.onboard-next-v262,.onboard-secondary-v262,.onboard-back-v262{border-radius:10px;padding:12px 17px;font-size:13px;font-weight:600;cursor:pointer}.onboard-next-v262{background:#2469ce;color:#fff}.onboard-next-v262:hover{background:#1857b2}.onboard-back-v262{padding-left:0;color:#60758b}.onboard-secondary-v262{border:1px solid #dce8f4;background:#fff;color:#102b4a}.onboard-secondary-v262:hover,.onboard-shuffle-v262:hover{background:#edf3fa}.onboard-error-v262{color:#a32936;font-size:13px;line-height:1.5}.onboard-error-v262[hidden]{display:none}#onboarding-v262 :is(button,input,a):focus-visible{outline:2px solid #2478f2;outline-offset:4px}#onboarding-v262 button:disabled{opacity:.5;cursor:wait}
@media(max-width:600px){#onboarding-v262{padding:28px 23px;}.onboard-brand-v262{margin-bottom:46px}#onboarding-v262 h1{font-size:32px}.onboard-copy-v262{font-size:14px}#onboarding-v262 footer{gap:8px}#onboarding-v262 footer>div{gap:7px}.onboard-next-v262,.onboard-secondary-v262{padding:12px;font-size:12px}.onboard-blob-v262{min-height:180px}}

html[data-theme] .sidebar :is(.nav-button,.project-list button).active .material-symbols-rounded{color:var(--accent)!important}

html[data-theme] .sidebar-new-trigger:hover{filter:none!important}
/* Accent actions keep their accent surface when older neutral hover rules apply. */
html[data-theme] .primary,html[data-theme] .primary:is(:hover,:focus-visible){background:var(--accent)!important;color:var(--accent-ink,#fff)!important}
#auth .primary,#auth .primary:hover{background:#2469ce!important;color:#fff!important}
html[data-theme=dark] .file-header-v187 button:not(.primary):not(.file-location-save-v187):is(:hover,:focus-visible),html[data-theme=dark] .todo-head-actions-v160 button:not(.primary):is(:hover,:focus-visible){background:var(--hover)!important;color:var(--ink)!important}

/* Shared Settings previews, with a compact first-run layout. */
.onboard-identity-v263 .onboard-blob-v262{min-height:132px}.onboard-identity-v263 .onboard-shuffle-v262{margin:6px auto 24px;padding:8px 12px}.onboard-wrap-v262:has([data-step=theme]){max-width:610px}.onboard-themes-v263{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.onboard-themes-v263 .theme-card{background:#fff!important;border-color:#dce8f4!important;cursor:pointer}.onboard-themes-v263 .theme-card:hover{border-color:#99bff2!important}.onboard-themes-v263 .theme-card.active{border-color:#2478f2!important;box-shadow:0 0 0 2px #2478f226}.onboard-themes-v263 .theme-card-name{color:#102b4a}.onboard-themes-v263 .theme-card-name .material-symbols-rounded{color:#2478f2}.onboard-themes-v263 .theme-mini{height:92px}.onboard-themes-v263 .theme-mini-body{min-height:68px}.onboard-themes-v263 .theme-mini-file{gap:3px;padding:7px}.onboard-themes-v263 .theme-mini-action{display:none}#onboarding-v262 [hidden]{display:none!important}#onboarding-v262 [data-step=theme] footer{position:sticky;bottom:-1px;padding:16px 0 4px;background:#f4f8fc;border-top:1px solid #dce8f4;z-index:1}.onboard-themes-v263 .theme-card:focus-visible{outline-offset:2px}
@media(max-width:600px){.onboard-themes-v263{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.onboard-themes-v263 .theme-mini{height:82px}.onboard-themes-v263 .theme-mini-body{min-height:58px}.onboard-themes-v263 .theme-mini-file{padding:6px}.onboard-themes-v263 .theme-mini-file small{font-size:7px}.onboard-brand-v262{margin-bottom:28px}.onboard-identity-v263 .onboard-blob-v262{min-height:132px}}

.onboard-wrap-v262:has([data-step=theme]) .onboard-brand-v262{margin-bottom:28px}.onboard-wrap-v262:has([data-step=theme]) .onboard-copy-v262{margin-bottom:22px}.onboard-themes-v263 .theme-mini{height:76px}.onboard-themes-v263 .theme-mini-body{min-height:52px}.onboard-themes-v263 .theme-card-name{padding-top:6px}#onboarding-v262 [data-step=theme] footer{margin-top:18px;box-shadow:0 48px 0 #f4f8fc}
@media(max-width:600px){.onboard-themes-v263 .theme-mini{height:76px}#onboarding-v262 [data-step=theme] footer{box-shadow:0 28px 0 #f4f8fc}}