:root{--bg: #0c0f12;--bg-elevated: #141a21;--bg-card: #1a222c;--border: #2a3544;--text: #e8edf4;--text-muted: #8b9aab;--accent: #3d8bfd;--accent-dim: #2563c9;--ok: #34c759;--err: #ff5c5c;--radius: 12px;--radius-sm: 8px;--font: "DM Sans", system-ui, sans-serif;--header-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100dvh;font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}#root{min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inline-code{font-family:ui-monospace,monospace;font-size:.85em;background:var(--bg);padding:.12em .35em;border-radius:4px;border:1px solid var(--border)}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-header{flex-shrink:0;height:var(--header-h);padding:0 1rem 0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--bg-elevated) 0%,var(--bg) 100%);position:sticky;top:0;z-index:40}.app-header__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.app-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent) 0%,#6366f1 100%);color:#fff;font-size:1.1rem;flex-shrink:0}.app-title{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.app-subtitle{margin:0;font-size:.75rem;color:var(--text-muted);line-height:1.2}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;flex-shrink:0}.nav-toggle__bar{display:block;width:20px;height:2px;margin:0 auto;background:var(--text);border-radius:1px}@media(max-width:899px){.nav-toggle{display:flex}}.app-body{flex:1;display:flex;flex-direction:column;min-height:0}.app-main{order:-1}@media(min-width:900px){.app-body{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr)}.app-main{order:unset}}.app-sidebar{border-bottom:1px solid var(--border);background:var(--bg-elevated);overflow:auto}@media(min-width:900px){.app-sidebar{border-bottom:none;border-right:1px solid var(--border)}}.app-sidebar__inner{padding:1rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:899px){.app-sidebar{position:fixed;inset:var(--header-h) 0 0 0;z-index:30;transform:translate(-100%);transition:transform .22s ease;max-width:min(360px,92vw);box-shadow:8px 0 32px #00000073}.app-sidebar--open{transform:translate(0)}}.sidebar-scrim{position:fixed;inset:var(--header-h) 0 0 0;z-index:20;border:none;padding:0;margin:0;background:#0000008c;cursor:pointer;display:block}@media(min-width:900px){.sidebar-scrim{display:none}}.app-main{min-height:0;min-height:min(70dvh,100%);padding:1rem 1.25rem 1.25rem;padding-bottom:calc(1.25rem + var(--safe-bottom));display:flex;flex-direction:column}@media(min-width:900px){.app-main{padding:1.25rem 1.5rem 1.5rem}}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem}.card__title{margin:0 0 .65rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.card__muted,.card__meta{margin:0;font-size:.85rem;color:var(--text-muted)}.status-row{display:flex;align-items:center;gap:.5rem}.status-label{font-size:.95rem;font-weight:500}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.status-dot--ok{background:var(--ok);box-shadow:0 0 12px #34c75973}.status-dot--err{background:var(--err)}.status-dot--pulse{animation:pulse 1s ease-in-out infinite}@keyframes pulse{50%{opacity:.45}}.phase-section .card__title{margin-bottom:.75rem}.phase-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.phase-card{display:flex;gap:.65rem;padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg)}.phase-card__badge{flex-shrink:0;width:1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.7rem;font-weight:700;border-radius:6px;background:var(--accent-dim);color:#fff}.phase-card__title{margin:0;font-size:.9rem;font-weight:600}.phase-card__body{margin:.15rem 0 0;font-size:.78rem;color:var(--text-muted);line-height:1.4}.viewer-section{flex:1;display:flex;flex-direction:column;min-height:0;gap:.75rem}.viewer-section__head{flex-shrink:0}.viewer-section__title{margin:0 0 .25rem;font-size:1.05rem;font-weight:600}.viewer-section__hint{margin:0;font-size:.8rem;color:var(--text-muted);max-width:62ch}.viewer-frame-wrap{flex:1;min-height:min(52dvh,560px);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;background:#000}@media(min-width:900px){.viewer-frame-wrap{min-height:min(72dvh,820px)}}.viewer-frame-wrap--empty{background:var(--bg-card);border-style:dashed}.viewer-iframe{display:block;width:100%;height:100%;min-height:min(52dvh,560px);border:none}@media(min-width:900px){.viewer-iframe{min-height:min(72dvh,820px)}}.viewer-placeholder{height:100%;min-height:inherit;padding:1.5rem 1.25rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem}.viewer-placeholder__title{margin:0;font-size:1rem;font-weight:600}.viewer-placeholder__text{margin:0;font-size:.85rem;color:var(--text-muted)}.viewer-placeholder__code{margin:.25rem 0 0;padding:.75rem 1rem;width:100%;max-width:100%;overflow-x:auto;font-size:.78rem;border-radius:var(--radius-sm);background:var(--bg);border:1px solid var(--border);color:var(--accent)}.app-header__actions{display:flex;align-items:center;gap:.75rem}.header-logout{font:inherit;font-size:.85rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .65rem;cursor:pointer}.header-logout:hover{color:var(--text);border-color:var(--text-muted)}.boot-screen{min-height:100dvh;display:grid;place-items:center;padding:2rem}.boot-screen__text{margin:0;color:var(--text-muted)}.login-panel{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.login-panel__card{width:100%;max-width:400px}.login-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.login-form__field{display:flex;flex-direction:column;gap:.35rem}.login-form__label{font-size:.8rem;color:var(--text-muted)}.login-form__input{font:inherit;padding:.55rem .75rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text)}.login-form__err{margin:0;font-size:.85rem;color:var(--err)}.login-form__submit{font:inherit;font-weight:600;padding:.6rem 1rem;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer}.login-form__submit:disabled{opacity:.6;cursor:not-allowed}