.booting>.workspace,.booting>.sidebar,.booting>.mobile-nav,.booting>.skip{display:none}
#boot{min-height:100dvh;display:grid;place-items:center;padding:24px}
.boot-card{max-width:440px;width:100%;padding:32px;background:#eeeae3;border:1px solid #bcb4a7;border-radius:24px;color:#282828}
.boot-card input{width:100%;margin-top:12px}.boot-card button{margin-top:16px;min-height:48px}
.runtime-status{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 32px 0;padding:14px 18px;border:1px solid #c6c0b5;border-radius:16px;background:#e9e6df;color:#343832;font-size:12px}
.runtime-status strong,.runtime-status span{display:block}.runtime-status span{margin-top:4px}.runtime-status.attention{background:#fbecd1;border-color:#bb853e;color:#4c350e}
.runtime-status .actions{flex-shrink:0;flex-wrap:wrap}.runtime-status button{min-height:44px}
.boot-card .button,.runtime-status .button,#pending-dialog .button{background:#30332f;color:#f5f3ec;border-color:#777a6f}
.boot-card input{background:#fffdf8;color:#282828;border:1px solid #827c72}
.boot-card label{color:#474b43;margin-top:14px;display:block}.boot-card p{line-height:1.5}
#pending-dialog{max-width:680px;width:calc(100% - 24px);max-height:88dvh;padding:28px;border-radius:24px;overflow:auto;background:#f0ede6;color:#282828}
.pending-changes article{padding:14px 0;border-bottom:1px solid #bbb}.pending-changes p{overflow-wrap:anywhere}
#pending-dialog .actions{margin-top:22px;flex-wrap:wrap}#pending-dialog button{min-height:44px}
.settings-block .actions{flex-wrap:wrap}.settings-block p{overflow-wrap:anywhere}
@media(max-width:600px){.runtime-status{margin:12px 16px 0;padding:12px;align-items:flex-start;flex-direction:column;gap:8px}.runtime-status .actions{width:100%}.runtime-status .actions button{flex:1}.boot-card{padding:24px}#pending-dialog{padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.runtime-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.runtime-refresh{width:44px;height:44px;border:1px solid #6c6a60;border-radius:50%;background:linear-gradient(145deg,#56564e,#323630);color:#e4e8d8;box-shadow:inset 0 1px #ffffff14}.runtime-refresh:hover{border-color:#c0ce9e;background:#4a5142}.runtime-refresh:focus-visible{outline:2px solid #d3e5a7;outline-offset:3px}.runtime-refresh:disabled{opacity:.6}.is-refreshing svg{animation:runtime-spin 1.2s linear infinite}.runtime-alert{margin:12px 24px 0;padding:12px 16px;border:1px solid #9b804e;border-radius:14px;background:#37352e;color:#f6e8c8;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.runtime-alert[hidden]{display:none}.demo-label[hidden]{display:none!important}@keyframes runtime-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.runtime-controls{gap:4px}.runtime-controls .button{font-size:11px;padding:8px}.runtime-alert{margin:10px 16px 0}.topbar{gap:8px}}

#task-editor{width:min(680px,calc(100% - 24px));max-height:90dvh;overflow:auto;border:1px solid #77796c;border-radius:24px;padding:26px;background:#2e312d;color:#f1f1e9}#task-editor label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-size:13px}#task-editor input,#task-editor select,#task-editor textarea{width:100%;min-width:0;padding:12px;border:1px solid #76796c;border-radius:10px;background:#252923;color:#f0f2e9;font:inherit;min-height:48px}#task-editor fieldset{border:0;padding:0;margin:0;min-width:0}.task-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}#task-editor .actions{display:flex;gap:10px;flex-wrap:wrap}#task-editor-message{color:#e5d4ac;line-height:1.5}.task-conflict{padding:14px;border:1px solid #9b804e;border-radius:14px;margin:16px 0}#task-editor::backdrop{background:#0009}@media(max-width:600px){#task-editor{padding:18px}.task-edit-grid{grid-template-columns:1fr;gap:0}}