.context-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1px;background:#2b2d33;border-bottom:1px solid #2b2d33;position:relative;z-index:5}.context-bar>div{display:grid;gap:2px;padding:12px;background:#15171b;min-width:0}.context-account{position:relative;padding:0!important}.context-account-button{display:grid;gap:2px;width:100%;min-width:0;min-height:48px;padding:12px;border:0;border-radius:0;background:#15171b;color:#f4f1eb;text-align:left}.context-bar strong,.context-bar span,.context-account-menu strong,.context-account-menu span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-bar span,.context-account-menu span{color:#aeb4be;font-size:12px}.context-account-menu{position:absolute;top:100%;left:0;right:0;display:grid;background:#15171b;border:1px solid #2b2d33;box-shadow:0 12px 28px rgba(0,0,0,.35);z-index:20}.context-account-menu-title{display:flex;align-items:center;min-height:48px;padding:0 12px;border-bottom:1px solid #2b2d33;font-weight:700}.context-account-menu button{display:grid;gap:2px;min-width:0;min-height:48px;padding:10px 12px;border:0;border-bottom:1px solid #24262b;border-radius:0;background:#15171b;color:#f4f1eb;text-align:left}.context-account-menu button:last-child{border-bottom:0}.context-account-menu button.active{background:#22252b}.context-manage-accounts{font-weight:700}.settings-page{position:relative;min-height:0;overflow:hidden;background:#111318;color:#f4f1eb}.settings-content{display:grid;align-content:start;gap:18px;overflow:auto;width:min(100%,560px);height:100%;margin:0 auto;padding:72px 12px 24px}.settings-prompt{margin:0;color:#f4f1eb;font-size:clamp(24px,7vw,36px);font-weight:500;text-align:center}.settings-overlay{position:fixed;inset:0;display:grid!important;place-items:center;padding:16px!important;background:rgba(0,0,0,.66)!important;z-index:50}.settings-close{width:48px;min-width:48px;height:48px;padding:0;border:0!important;border-radius:50%;background:transparent!important;color:#aeb4be;font-size:25px;font-weight:300;line-height:1}.settings-section{display:grid;gap:8px;min-width:0}.settings-section h2,.settings-section h3{margin:0;color:#f4f1eb;font-size:16px;font-weight:700}.settings-error{margin:0;color:#ffb4a8}.settings-select,.settings-action{width:100%;min-height:48px}.settings-action{display:flex;align-items:center;padding:0 12px;border:1px solid #343842;border-radius:8px;background:#202329;color:#f4f1eb;text-align:left}.settings-choice{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:center;gap:12px;min-height:48px;padding:0 12px;border:1px solid #343842;border-radius:8px;background:#202329}.settings-choice>span:first-child{min-width:0;font-weight:600}.settings-select-wrap{position:relative;display:block;min-width:0}.settings-select-wrap::after{content:"";position:absolute;top:50%;right:13px;width:7px;height:7px;border-right:2px solid #aeb4be;border-bottom:2px solid #aeb4be;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.settings-choice .settings-select{min-height:40px;padding:0 34px 0 10px;border:0;background:transparent;color:#aeb4be;text-align:right;appearance:none;-webkit-appearance:none}.settings-choice .settings-select:disabled{opacity:1;cursor:default}.selectors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:10px;border-bottom:1px solid #24262b;min-width:0}.selectors select{width:100%;min-width:0}
@media(max-width:640px){.selectors{padding:8px}.context-bar{grid-template-columns:1fr 1fr}.context-bar>div{padding:10px}.context-account{padding:0!important}.context-account-button{padding:10px}.context-bar strong{font-size:15px}.context-bar span{font-size:12px}}@media(max-width:420px){.settings-choice{grid-template-columns:1fr;gap:4px;padding:8px 12px}.settings-choice .settings-select{text-align:left}}
.settings-language-picker,.settings-theme-picker{position:relative;display:block;min-width:0}.settings-language-native,.settings-theme-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}.settings-language-trigger,.settings-theme-trigger{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%;min-height:40px;padding:0 34px 0 10px;border:0;background:transparent;color:#aeb4be;text-align:right}.settings-language-trigger::after,.settings-theme-trigger::after{content:"";position:absolute;top:50%;right:13px;width:7px;height:7px;border-right:2px solid #aeb4be;border-bottom:2px solid #aeb4be;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.settings-language-menu,.settings-theme-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:30;display:grid;min-width:160px;overflow:hidden;border:1px solid #343842;border-radius:10px;background:#15171b;box-shadow:0 12px 28px rgba(0,0,0,.35)}.settings-language-menu button,.settings-theme-menu button{min-height:48px;padding:0 14px;border:0;border-bottom:1px solid #24262b;border-radius:0;background:#15171b;color:#f4f1eb;text-align:left}.settings-language-menu button:last-child,.settings-theme-menu button:last-child{border-bottom:0}.settings-language-menu button.active,.settings-theme-menu button.active{background:#22252b;font-weight:700}
.settings-content{width:min(100%,520px);gap:22px;padding-inline:16px}.settings-section{gap:10px}.settings-section h2{padding-left:2px;color:#cfd3dc;font-size:14px;letter-spacing:.01em}.settings-choice{grid-template-columns:1fr;gap:7px;min-height:0;padding:13px 14px;border-radius:14px;background:#1c1f25}.settings-choice>span:first-child{font-size:15px}.settings-choice .settings-select-wrap,.settings-language-picker,.settings-theme-picker{width:100%;padding:0 4px 0 12px;border-radius:10px;background:#272b33}.settings-choice .settings-select,.settings-language-trigger,.settings-theme-trigger{justify-content:flex-start;min-height:44px;padding:0;color:#f1f2f4;text-align:left}.settings-select-wrap::after,.settings-language-trigger::after,.settings-theme-trigger::after{right:14px}.settings-language-menu,.settings-theme-menu{left:0;right:auto;bottom:calc(100% + 8px);min-width:100%;border-radius:12px}.settings-action{border-radius:14px;background:#1c1f25}
.account-login-dialog{width:min(100%,430px);max-height:calc(100dvh - 32px);overflow:auto;padding:12px;border:1px solid #2b2e34;border-radius:10px;background:#181a1f;box-shadow:0 18px 44px rgba(0,0,0,.45)}.account-login-dialog>header{display:flex;align-items:center;justify-content:space-between;min-height:48px}.account-login-dialog h2{margin:0 0 0 2px;font-size:18px}.account-login-dialog p{margin:8px 2px;color:#aeb4be}.account-login-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:12px 0}.account-login-code{display:flex;align-items:center;justify-content:center;min-width:0;padding:14px;overflow-wrap:anywhere;border:1px solid #343842;border-radius:8px;background:#111318;color:#f4f1eb;font-size:20px;letter-spacing:2px;text-align:center}.account-login-copy-action{display:grid;place-items:center;min-width:48px}.account-login-open,.account-login-check{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:8px;border:1px solid #3b3d42;border-radius:8px;background:#202329;color:#f4f1eb;text-decoration:none;font-weight:700}
html[data-theme="light"] .app-shell :is(.account-login-open,.account-login-check){background:#fff!important;background-color:#fff!important;border-color:#d0d7de!important;color:#1f2328!important;box-shadow:none!important}
html[data-theme="light"] .app-shell :is(.settings-language-picker,.settings-theme-picker){background:#eaeef2!important;background-color:#eaeef2!important}
.context-project{grid-template-areas:"title alarm" "status alarm";grid-template-columns:minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:2px 0!important;padding:12px 0!important;align-content:start}.context-project-button{position:relative;display:grid;align-content:center;width:100%;min-width:0;min-height:0;padding:0 0 0 12px;border:0;border-radius:0;background:#15171b;color:#f4f1eb;text-align:left}.context-project-title{grid-area:title;padding-top:0}.context-project-button>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.context-project-status{grid-area:status;display:flex;align-items:center;gap:5px;min-width:0;min-height:0;padding:0 0 0 12px;border:0;background:#15171b;color:#aeb4be;text-align:left}.context-project-status:disabled{cursor:default}.context-project-status>span{min-width:0}.context-project-indicator{width:8px;height:8px;border-radius:50%;background:#747982;box-shadow:0 0 6px rgba(116,121,130,.35)}.context-project-indicator--complete{background:#35c46a;box-shadow:0 0 7px rgba(53,196,106,.55)}.context-project-indicator--active{background:#f0a33a;box-shadow:0 0 7px rgba(240,163,58,.55)}.context-project-indicator--error{background:#ef5350;box-shadow:0 0 7px rgba(239,83,80,.55)}
@media(max-width:640px){.context-project{padding:10px 0!important}}
.context-account-menu button:disabled{opacity:.45;cursor:not-allowed}.context-account-lock{padding:9px 12px;color:#d8a85f!important;font-size:12px!important;white-space:normal!important;border-bottom:1px solid #24262b}
.context-account-option{display:grid;border-bottom:1px solid #24262b}.context-account-option>button{border-bottom:0}.context-account-option.active,.context-account-option.active>button{background:#22252b}.context-reset-credit{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4px;min-height:36px;margin-top:-4px;padding:0 8px 0 12px}.context-reset-credit::before{content:"";position:absolute;top:0;left:12px;right:8px;height:1px;background:#30333a}.context-reset-credit button{display:flex;align-items:center;justify-content:center;min-width:52px;min-height:32px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#7fb4ff;font-weight:700}
.context-account-meta{display:flex;align-items:center;gap:6px;min-width:0}.context-account-meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.context-runtime-badge{flex:0 0 auto;padding:1px 6px;border:1px solid currentColor;border-radius:999px;font-size:10px!important;font-weight:800;line-height:1.35}.context-runtime-badge--development{color:#f0a33a!important}.context-runtime-badge--windows{color:#7fb4ff!important}.context-runtime-badge--native{color:#62c58f!important}
.account-identity-local{display:inline-block}.account-identity-local--mosaic{position:relative}.account-identity-mosaic-overlay{position:absolute;inset:0;pointer-events:none;border-radius:1px;background:rgba(128,128,128,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-account-mosaic{width:100%;height:48px;min-height:48px;padding:0 14px;gap:14px;grid-template-columns:minmax(0,1fr) auto;color:#f4f1eb;text-align:left}.settings-account-mosaic>span{min-width:0}.settings-switch{position:relative;display:block;justify-self:end;width:48px;height:24px;min-width:48px;min-height:24px}.settings-switch::before{content:"";position:absolute;inset:0;border-radius:999px;background:#444a55;transition:background var(--motion-popup) ease}.settings-switch>span:first-child{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.35);transition:transform var(--motion-popup) ease}.settings-switch.active::before{background:#3977d3}.settings-switch.active>span:first-child{transform:translateX(24px)}
.settings-page{z-index:3}
.settings-connection{display:grid;gap:10px;padding:13px 14px;border:1px solid #343842;border-radius:14px;background:#1c1f25}.settings-connection strong{font-size:16px}.settings-connection span{overflow:hidden;color:#aeb4be;text-overflow:ellipsis;white-space:nowrap}.settings-connection .settings-pc-status{color:#ffb4a8;font-weight:700}.settings-connection .settings-pc-status.online{color:#79d99b}.settings-connection button{min-height:48px;border:1px solid #444a55;border-radius:10px;background:#272b33;color:#f4f1eb;font-weight:700}.settings-connection .settings-remove-pc{border-color:#713b3b;background:#2b1d20;color:#ffb4a8}html[data-theme="light"] .app-shell .settings-connection{border-color:#d0d7de!important;background:#fff!important;background-color:#fff!important}html[data-theme="light"] .app-shell .settings-connection .settings-pc-status.online{color:#1a7f37}html[data-theme="light"] .app-shell .settings-connection button{border-color:#d0d7de!important;background:#fff!important;background-color:#fff!important;color:#1f2328!important}html[data-theme="light"] .app-shell .settings-connection .settings-remove-pc{border-color:#ff8182!important;background:#fff!important;background-color:#fff!important;color:#cf222e!important}
.context-bar{z-index:40}
.settings-navigation-action{justify-content:space-between;gap:12px}.settings-navigation-action>span,.settings-legal-trigger>span{flex:1}.settings-row-icon{flex:0 0 auto;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.settings-choice-label{display:flex;align-items:center;gap:12px}.settings-navigation-chevron{width:18px;height:18px;margin-right:0;fill:none;stroke:#aeb4be;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.settings-reset-device{border-color:#713b3b;background:#2b1d20;color:#ffb4a8;font-weight:700}html[data-theme="light"] .app-shell .settings-reset-device{border-color:#ff8182!important;background:#fff!important;background-color:#fff!important;color:#cf222e!important}
.settings-data-reset .settings-reset-device{gap:12px}.settings-device-data{display:none!important}.settings-device-data.native{display:flex!important}@media(max-width:640px){.settings-device-data{display:flex!important}}
.settings-legal-section,.settings-legal-control{position:relative}.settings-legal-trigger{justify-content:space-between;min-height:48px;font-weight:600}.settings-legal-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:30;display:grid;max-height:min(65dvh,420px);overflow:auto;border:1px solid #343842;border-radius:14px;background:#1c1f25;box-shadow:0 14px 34px rgba(0,0,0,.4)}.settings-legal-menu a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border-bottom:1px solid #343842;color:#f4f1eb;text-decoration:none}.settings-legal-menu a:first-child{align-items:flex-start;flex-direction:column;gap:4px}.settings-legal-menu strong{overflow-wrap:anywhere}.settings-contact-warning{margin:0;padding:10px 14px;color:#aeb4be;font-size:12px;line-height:1.45}html[data-theme="light"] .app-shell .settings-legal-menu{border-color:#d0d7de!important;background:#fff!important;background-color:#fff!important}html[data-theme="light"] .app-shell .settings-legal-menu a{border-color:#d0d7de!important}html[data-theme="light"] .app-shell .settings-contact-warning{color:#57606a!important}
.context-account-menu,.settings-language-menu,.settings-theme-menu{transform-origin:top left;animation:anchored-popup-in var(--motion-popup) var(--motion-ease-out) both}.settings-language-menu,.settings-theme-menu{transform-origin:bottom left}.settings-overlay{animation:motion-backdrop-in var(--motion-popup) ease both}.account-login-dialog{animation:motion-dialog-in var(--motion-sheet) var(--motion-ease-out) both}@keyframes anchored-popup-in{from{opacity:0;transform:translateY(-5px) scale(.96)}to{opacity:1;transform:none}}@keyframes motion-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes motion-dialog-in{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.settings-language-trigger,.settings-theme-trigger{justify-content:space-between;gap:8px}.settings-language-trigger::after,.settings-theme-trigger::after{content:none}.settings-choice-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.settings-legal-trigger{gap:12px}
