:root{color:#eee;background:var(--dark-bg);font-synthesis:none;--dark-bg:#010d15;--surface:#031a2a;--surface-2:#051d2c;--line:#eeeeee1f;--muted:#9d9d9d;--accent:#fba342;--accent-deep:#e95821;--danger:#ff4242;--radius:26px;font-family:Alegreya Sans SC,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 76% 8%, #fba34224, transparent 24rem), var(--dark-bg);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}.hero{min-height:0;padding:28px max(24px,50vw - 590px) 8px}.hero-brand-row{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.brand{flex-shrink:0;align-items:center;width:-moz-fit-content;width:fit-content;text-decoration:none;display:flex}.brand-logo{width:auto;height:42px;display:block}.hero-tagline{color:#fff;letter-spacing:-.02em;margin:0;font-size:clamp(1.15rem,2.4vw,1.55rem);font-weight:700;line-height:1.25}.workspace{grid-template-columns:minmax(180px,220px) minmax(0,1fr);grid-template-areas:"connection connection""tabs panels";align-items:start;gap:18px;width:min(1180px,100% - 40px);margin:20px auto 64px;display:grid}.connection-bar{border:1px solid var(--line);border-radius:var(--radius);background:#031a2aeb;grid-area:connection;padding:clamp(18px,3vw,28px)}.connection-bar-main{justify-content:space-between;align-items:center;gap:24px;display:flex}.connection-bar-text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.connection-bar-text h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.35rem,2.8vw,1.85rem)}.connection-status{color:#d7dadd;margin:0;font-size:1.05rem;line-height:1.5}.connection-status[hidden]{display:none!important}.connection-status.status-security-warning{color:var(--danger)}.connection-help-link{width:-moz-fit-content;width:fit-content;color:var(--accent);border-bottom:1px solid #fba34259;font-size:.98rem;line-height:1.4;text-decoration:none;transition:color .15s,border-color .15s}.connection-help-link:hover,.connection-help-link:focus-visible{color:#ffc078;border-bottom-color:#ffc078b3;outline:none}.connection-help-link[hidden]{display:none!important}.connection-extra{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:16px;padding-top:16px;display:flex}.connection-extra[hidden]{display:none!important}.connect-help-dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:#eee;width:min(560px,100% - 32px);max-height:min(80vh,720px);margin:auto;padding:0;box-shadow:0 24px 64px #00000073}.connect-help-dialog::backdrop{background:#010d15b8}.connect-help-header{justify-content:space-between;align-items:center;gap:16px;padding:20px 24px 12px;display:flex}.connect-help-header h2{letter-spacing:-.03em;margin:0;font-size:1.35rem}.connect-help-body{padding:0 24px 24px;overflow:auto}.tabs{border:1px solid var(--line);border-radius:var(--radius);background:#031a2aeb;flex-direction:column;grid-area:tabs;gap:6px;padding:10px;display:flex}.tab{appearance:none;width:100%;min-height:48px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;padding:12px 16px;font-weight:700;transition:background .15s,color .15s}.tab:hover{color:#fff;background:#fba34214}.tab[aria-selected=true]{color:var(--dark-bg);background:var(--accent)}.tab[hidden]{display:none!important}.tab-panels{grid-area:panels;min-width:0}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#031a2aeb;padding:clamp(24px,4vw,40px)}.panel[hidden]{display:none!important}.panel-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.panel-header h2{letter-spacing:-.04em;flex:1;min-width:0;margin:0;font-size:clamp(1.5rem,3.2vw,2.2rem)}.panel-header .button{flex-shrink:0}.panel-placeholder{color:var(--muted);margin:0;font-size:1.15rem;line-height:1.6}.panel-body ol{margin:0}.panel-body ol ol{margin:8px 0 0;padding-left:1.3rem}.status-update-note{color:#d7dadd;margin:0;font-size:1.15rem;line-height:1.6}.status-update-note+.status-update-note{margin-top:12px}.status-security-warning{color:var(--danger);font-weight:700}.changelog-list{gap:8px;margin-top:18px;display:grid}.changelog-item{border:1px solid var(--line);color:var(--muted);background:#010d1573;border-radius:14px}.changelog-item>summary{cursor:pointer;color:#fff;align-items:center;gap:10px;padding:12px 16px;font-weight:700;list-style:none;display:flex}.changelog-item>summary::-webkit-details-marker{display:none}.changelog-item>summary:before{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:.45em;height:.45em;transition:transform .15s;transform:rotate(-45deg)}.changelog-item[open]>summary:before{transform:rotate(45deg)}.changelog-item[open]>summary{border-bottom:1px solid var(--line)}.changelog-body{white-space:pre-wrap;color:#c5c9ce;margin:0;padding:14px 16px 16px;font:.92rem/1.55 inherit}.device-version-ok{color:#3ecf8e}.device-version-danger{color:var(--danger)}ol{color:#d7dadd;padding-left:1.3rem;line-height:1.8}.log-list{max-height:min(60vh,520px);margin:0;padding:0;font:.85rem/1.55 ui-monospace,Cascadia Code,Segoe UI Mono,monospace;list-style:none;overflow:auto}.log-entry{color:#c7cbd0;white-space:pre-wrap;word-break:break-word;grid-template-columns:5.5rem 1fr;gap:12px;padding:6px 0;display:grid}.log-entry time{color:var(--muted);font-variant-numeric:tabular-nums}.log-entry.error,.log-entry.error time{color:var(--danger)}.recovery-exit-steps{color:var(--muted);margin:10px 0 0;padding-left:1.25em}.recovery-exit-steps li.completed{color:#6b6b6b;text-decoration:line-through;text-decoration-thickness:2px}.button{cursor:pointer;border:0;border-radius:999px;min-height:38px;padding:0 20px;font-weight:800;transition:transform .15s,opacity .15s}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.38}.button.primary{color:var(--dark-bg);background:var(--accent)}.settings-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.settings-actions[hidden]{display:none!important}.settings-form,.settings-pin-form{gap:14px;max-width:720px;display:grid}.settings-form.device-main-menu{max-width:760px}.device-menu-section{border:1px solid var(--line);background:#0215218c;border-radius:16px;padding:8px 14px 14px}.device-menu-section>summary{cursor:pointer;color:#fff;padding:8px 0;font-weight:800;list-style:none}.device-menu-section>summary::-webkit-details-marker{display:none}.device-menu-section-body{gap:12px;margin-top:8px;display:grid}.device-menu-action-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.device-menu-datetime-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.device-menu-datetime-row .settings-field{min-width:0}.device-menu-datetime-action{grid-template-rows:auto 48px;align-content:start;gap:6px;display:grid}.device-menu-datetime-action .settings-field-label{visibility:hidden}.device-menu-datetime-action .button{white-space:nowrap;justify-content:center;align-self:center;align-items:center;height:29px;min-height:29px;padding:0 14px;font-size:.95rem;display:inline-flex}.device-menu-hint{color:var(--muted);margin:0;font-size:.92rem;line-height:1.4}.device-menu-pin-block{border:1px solid var(--line);border-radius:14px;gap:10px;padding:12px;display:grid}.settings-subsection-title{color:#fff;margin:8px 0 0;font-size:1rem;font-weight:800}.settings-splash-section{border:1px solid var(--line);border-radius:14px;gap:10px;padding:12px;display:grid}.settings-splash-section .settings-subsection-title{margin:0}.settings-splash-block{gap:12px;display:grid}.splash-status-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.splash-status-row .device-menu-hint{flex:1;min-width:12rem;margin:0}.splash-status-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.splash-editor-dialog{width:min(420px,100% - 32px)}.splash-editor-dialog-body{gap:14px;display:grid}.splash-editor{gap:12px;display:grid}.splash-editor-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.splash-editor-file{display:none}.splash-editor-zoom{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.splash-editor-zoom input[type=range]{width:min(220px,100%);accent-color:var(--accent)}.settings-brightness-field{gap:8px}.settings-brightness-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-brightness-value{color:var(--accent);font-variant-numeric:tabular-nums}.settings-brightness-range{width:100%;height:28px;accent-color:var(--accent);cursor:pointer}.splash-editor-viewport{border:1px solid var(--line);touch-action:none;background:#021521;border-radius:12px;max-width:100%;overflow:hidden}.splash-editor-canvas{cursor:grab;width:100%;max-width:320px;height:auto;display:block}.splash-editor-canvas:active{cursor:grabbing}.settings-inline-input{border:1px solid var(--line);color:#fff;background:#021521;border-radius:12px;min-width:120px;min-height:42px;padding:8px 12px}.settings-profiles-inline{border:0;max-width:none;margin:0;padding:0}.settings-profiles{border-top:1px solid var(--line);max-width:720px;margin-top:36px;padding-top:28px}.settings-section-title{letter-spacing:-.03em;margin:0 0 16px;font-size:1.35rem}.profiles-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.profiles-list-item{border:1px solid var(--line);background:#021521b3;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.profiles-list-item.active{border-color:#fba34273}.profiles-list-item.pending-delete{opacity:.72;border-style:dashed}.profiles-list-item.pending-delete .profiles-list-name{color:#ffffff8c;text-decoration:line-through}.profiles-list-name{color:#fff;align-items:center;gap:10px;font-weight:700;display:flex}.profiles-list-badge{color:var(--dark-bg);background:var(--accent);border-radius:999px;padding:2px 10px;font-size:.78rem;font-weight:800}.profiles-list-actions{flex-wrap:wrap;gap:8px;display:flex}.profiles-list-actions .button,.profile-edit-actions .button,.profile-row-remove{min-height:29px;padding:0 14px;font-size:.95rem}.profile-add-row{justify-content:flex-end;margin-top:10px;display:flex}.profile-add-row-colors{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.profile-color-footnote{min-width:12rem;color:var(--muted);flex:1;margin:0;font-size:.85rem;font-weight:500;line-height:1.4}.profile-add-row-list{margin-top:16px}.profile-add-button{justify-content:center;align-items:center;min-width:11.5rem;min-height:29px;padding:0 14px;font-size:.95rem;display:inline-flex}.profile-edit-form{max-width:720px}.profile-mode{border:1px solid var(--line);background:#0215218c;border-radius:16px;padding:8px 14px 14px}.profile-mode summary{cursor:pointer;color:#fff;padding:8px 0;font-weight:800}.profile-mode-body{gap:12px;margin-top:8px;display:grid}.profile-mode-body h4{color:var(--muted);margin:8px 0 0;font-size:.95rem}.profile-alt-table{gap:10px;display:grid}.profile-alt-table table{border-collapse:collapse;width:100%}.profile-alt-table th,.profile-alt-table td{text-align:left;vertical-align:middle;padding:6px 4px}.profile-alt-table th{color:var(--muted);font-size:.85rem;font-weight:700}.profile-alt-table input,.profile-alt-table select{border:1px solid var(--line);color:#fff;background:#021521;border-radius:12px;width:100%;min-height:42px;padding:8px 12px}.profile-color-preview{letter-spacing:-.03em;-webkit-user-select:none;user-select:none;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;min-width:4.75rem;min-height:42px;padding:4px 12px;font-family:Noto Sans Mono,Noto Sans Mono Condensed,ui-monospace,monospace;font-size:1.2rem;font-weight:700;font-stretch:75%;line-height:1;display:inline-flex}.profile-edit-actions{justify-content:flex-end;margin-top:8px}.settings-field{color:#fff;gap:6px;font-weight:700;display:grid}.settings-field-label{color:var(--muted);font-size:.92rem;font-weight:700}.settings-field-dirty .settings-field-label{color:var(--accent)}.settings-field input[type=number],.settings-field input[type=password],.settings-field input[type=text],.settings-field input[type=date],.settings-field input[type=time],.settings-field select{border:1px solid var(--line);color:#fff;background:#021521;border-radius:14px;width:100%;min-height:48px;padding:10px 14px}.settings-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(72%)sepia(48%)saturate(900%)hue-rotate(333deg)brightness(103%)contrast(98%)}.settings-field input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:1;filter:invert(72%)sepia(48%)saturate(900%)hue-rotate(333deg)brightness(103%)contrast(98%)}.settings-field-checkbox{grid-template-columns:auto 1fr;align-items:center;gap:12px}.settings-field-checkbox input{width:18px;height:18px;accent-color:var(--accent)}.settings-pin-form .button{justify-self:start}.progress-wrap{color:var(--muted);margin-top:24px;font-size:.78rem}.firmware-download{color:var(--muted);margin:22px 0 0;font-size:1.05rem;line-height:1.5}.firmware-download-link{color:var(--accent);border-bottom:1px solid #fba34259;text-decoration:none;transition:color .15s,border-color .15s}.firmware-download-link:hover,.firmware-download-link:focus-visible{color:#ffc078;border-bottom-color:#ffc078b3;outline:none}.settings-update-link{color:var(--accent);border-bottom:1px solid #fba34259;margin-top:12px;font-size:1.05rem;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.settings-update-link:hover,.settings-update-link:focus-visible{color:#ffc078;border-bottom-color:#ffc078b3;outline:none}.progress-track{background:#123044;border-radius:999px;height:7px;margin-bottom:8px;overflow:hidden}.progress{background:var(--accent);width:0;height:100%;transition:width .12s linear}@media (max-width:760px){.workspace{grid-template-columns:1fr;grid-template-areas:"connection""tabs""panels"}.connection-bar-main{flex-direction:column;align-items:stretch}.connection-bar-main .button{width:100%}.tabs{flex-flow:wrap}.tab{text-align:center;flex:auto;width:auto;min-height:42px;padding:10px 12px;font-size:.92rem}.panel-header{flex-direction:column;align-items:stretch}.panel-header .button,.settings-actions{width:100%}.settings-actions .button{flex:auto}}
