:root{color:#e9eef7;background:#0a0d12;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}.visit-list{margin-top:16px}.visit-list button,.history-notes button{background:#202b39;border:1px solid #3b526e;border-radius:6px;color:inherit;padding:7px 10px;margin:4px}.history-notes{border-bottom:1px solid #29313d;padding-bottom:18px;margin-bottom:18px}.history-notes textarea{display:block;width:100%;min-height:80px;background:#0a0d12;color:inherit;border:1px solid #3b4657;border-radius:6px;padding:8px}.history-notes ul{padding:0;list-style:none}.history-notes li{border-top:1px solid #29313d;padding:8px 0;overflow-wrap:anywhere}.history-notes button{text-align:left}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px}.app-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29313d;padding-bottom:20px}.app-header h1{margin:0;font-size:clamp(2rem,5vw,4.5rem);letter-spacing:-.05em}.header-actions{align-items:center;display:flex;gap:10px}.header-actions button,.login-card button{background:#ecf2ff;border:0;border-radius:7px;color:#111720;padding:8px 14px}.viewer-user{color:#92a1b8;font-size:.85rem}.eyebrow{color:#92a1b8;font-size:.75rem;letter-spacing:.13em;margin:0 0 8px;text-transform:uppercase}.device-list{margin-top:28px}.device-list-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:18px}.device-list-heading h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:0}.device-list-heading>span{background:#202b39;border-radius:999px;color:#92a1b8;padding:7px 12px}.device-list-message{color:#92a1b8}.device-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.device-card{background:#111720;border:1px solid #29313d;border-radius:14px;overflow:hidden}.device-card>button{background:transparent;border:0;color:inherit;display:grid;gap:9px;padding:20px;text-align:left;width:100%}.device-card>button:hover,.device-card>button:focus-visible{background:#171f2a}.device-card strong{font-size:1.35rem}.device-card code,.device-card small{color:#92a1b8;overflow:hidden;text-overflow:ellipsis}.device-status{border:1px solid currentColor;border-radius:999px;font-size:.72rem;justify-self:start;padding:4px 8px}.device-status.online{color:#61d397}.device-status.offline{color:#ff806f}.open-device{color:#75b7ff;margin-top:6px}.device-apk{border-top:1px solid #29313d;color:#b9d8ff;display:block;font-size:.82rem;padding:12px 20px;text-decoration:none}.device-apk:hover{background:#171f2a}.connection{border:1px solid currentColor;border-radius:999px;padding:6px 11px;text-transform:capitalize}.connection-online{color:#61d397}.connection-offline,.connection-locked{color:#ff806f}.connection-reconnecting,.connection-stale{color:#f0be5d}.mode-switch{align-items:center;display:flex;gap:14px;padding:20px 0}.mode-switch button{background:#ecf2ff;border:0;border-radius:7px;color:#111720;padding:8px 14px}.mode-switch button.selected{box-shadow:0 0 0 2px #75b7ff}.mode-switch button:disabled{cursor:not-allowed;opacity:.45}.active-mode{color:#75b7ff}.protocol-error,.gap-notice{background:#4a161d;border:1px solid #b43a48;border-radius:8px;padding:12px}.workspace{display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 280px}.surface-panel,.side-panel,.timeline{background:#111720;border:1px solid #29313d;border-radius:12px;padding:16px}.fidelity-note{color:#92a1b8;font-size:.8rem;margin-bottom:12px}.screen-view{display:grid;gap:12px}.presentation-switch{align-items:center;background:#0a0d12;border:1px solid #29313d;border-radius:10px;display:flex;gap:4px;justify-self:start;padding:4px}.presentation-switch button{background:transparent;border:0;border-radius:7px;color:#92a1b8;padding:8px 13px}.presentation-switch button:hover,.presentation-switch button:focus-visible{color:#e9eef7}.presentation-switch button.selected{background:#dceaff;color:#111720}.presentation-note{color:#92a1b8;font-size:.8rem;margin:0}.split-presentation{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.split-presentation>section{min-width:0}.split-presentation h3{color:#92a1b8;font-size:.75rem;letter-spacing:.1em;margin:0 0 9px;text-align:center;text-transform:uppercase}.device-surface{background:#e7e9ed;border-radius:8px;color:#111720;margin:0 auto;max-width:100%;overflow:hidden;position:relative}.visual-surface{background:radial-gradient(circle at 15% 10%,rgba(117,183,255,.13),transparent 32%),linear-gradient(165deg,#f8faff,#eef2f7);border:5px solid #202733;border-radius:18px;box-shadow:0 18px 45px #00000057}.visual-surface .window-application{background:#fff3}.visual-surface .window-system,.visual-surface .window-accessibility_overlay,.visual-surface .window-input_method{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f8faffed;box-shadow:0 8px 24px #1d2a3c3d}.visual-surface .screen-element{align-items:center;color:#17202d;display:flex;line-height:1.2;padding:clamp(1px,.3vw,5px)}.visual-surface .screen-element.is-disabled{opacity:.45}.visual-surface .screen-element.is-selected{box-shadow:inset 0 0 0 2px #367ae073}.visual-surface .element-label{display:block;max-height:100%;overflow:hidden;text-overflow:ellipsis;width:100%}.visual-surface .role-text{background:transparent}.visual-surface .role-button{background:linear-gradient(180deg,#e4efff,#cbdfff);border:1px solid rgba(79,117,165,.45);border-radius:7px;box-shadow:0 1px 3px #2036522e;font-weight:600;justify-content:center;text-align:center}.visual-surface .role-text_field{background:#fffffff0;border:1px solid #9daabc;border-radius:6px;box-shadow:inset 0 1px 2px #151f2c14}.visual-surface .role-checkbox,.visual-surface .role-switch{background:#aeb8c6;border:0;border-radius:999px;box-shadow:inset 0 1px 3px #141d283d;color:transparent;min-height:8px}.visual-surface .role-checkbox:after,.visual-surface .role-switch:after{aspect-ratio:1;background:#fff;border-radius:50%;box-shadow:0 1px 3px #141d2859;content:"";height:76%;left:5%;position:absolute;top:12%}.visual-surface .role-checkbox.is-checked,.visual-surface .role-switch.is-checked{background:#4b8fe8}.visual-surface .role-checkbox.is-checked:after,.visual-surface .role-switch.is-checked:after{left:auto;right:5%}.visual-surface .role-image_placeholder{background:linear-gradient(135deg,#75b7ff38,#707e9429),repeating-linear-gradient(45deg,#e3e8ef,#e3e8ef 6px,#d6dde7 6px 12px);border:1px solid rgba(91,108,132,.28);border-radius:8px;color:transparent}.visual-surface .role-image_placeholder:after{color:#758399;content:"◇";font-size:clamp(10px,2vw,24px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.visual-surface .role-scroll_region{background:#ffffff0f}.screen-reconstruction{display:grid;gap:9px}.node-bounds-toggle{align-items:center;color:#92a1b8;display:flex;font-size:.78rem;gap:7px;justify-self:end}.screen-window{overflow:hidden;pointer-events:none;position:absolute}.window-application{background:#ffffff08}.window-system,.window-accessibility_overlay{background:#1117201f}.empty-surface{align-items:center;aspect-ratio:9 / 16;background:#171e28;color:#92a1b8;display:flex;justify-content:center;margin:0 auto;max-height:68vh;padding:20px}.screen-element{font-size:clamp(8px,1.2vw,14px);overflow:hidden;padding:2px;position:absolute;white-space:pre-wrap}.show-node-bounds .screen-window{outline:2px dashed rgba(109,145,188,.85);outline-offset:-2px}.show-node-bounds .screen-element{outline:1px solid rgba(180,58,72,.78);outline-offset:-1px}.show-node-bounds .screen-element:after{background:#0a0d12d1;color:#fff;content:attr(data-role);font-size:7px;left:0;line-height:1;padding:1px 2px;position:absolute;top:0}.role-button{align-items:center;background:#d4e6ff;border-radius:4px;display:flex;justify-content:center}.role-text_field{background:#fff;border:1px solid #566276;border-radius:3px}.role-checkbox,.role-switch{background:#75b7ff57;border:1px solid #566276;border-radius:999px}.role-scroll_region{background:transparent}.role-image_placeholder{background:repeating-linear-gradient(45deg,#d8dbe0,#d8dbe0 4px,#c7cbd1 4px 8px);color:transparent}.system-inset{background:#111720b3;pointer-events:none;position:absolute;z-index:10000}.inset-top{left:0;right:0;top:0}.inset-bottom{bottom:0;left:0;right:0}.inset-left{bottom:0;left:0;top:0}.inset-right{bottom:0;right:0;top:0}.diagnostics{display:grid;gap:12px}.diagnostics div{border-top:1px solid #29313d;display:flex;justify-content:space-between;padding-top:10px}.diagnostics dt{color:#92a1b8}.diagnostics dd{margin:0;max-width:160px;overflow:hidden;text-overflow:ellipsis}.capture-policy{border-top:1px solid #29313d;margin-top:24px;padding-top:16px}.capture-policy form,.capture-policy label{display:grid;gap:9px}.capture-policy textarea{background:#0a0d12;border:1px solid #3b4657;border-radius:6px;color:inherit;min-height:120px;padding:9px;resize:vertical}.capture-policy button{justify-self:start;padding:7px 12px}.policy-help,.capture-policy small{color:#92a1b8;font-size:.8rem}.observed-applications{border-top:1px solid #29313d;margin-top:8px;padding-top:8px}.observed-applications h3{margin-bottom:4px}.observed-applications ul{display:grid;gap:8px;list-style:none;margin:0;padding:0}.observed-applications li{align-items:center;background:#0a0d12;border:1px solid #29313d;border-radius:7px;display:flex;gap:8px;justify-content:space-between;padding:8px}.observed-applications li div{display:grid;gap:3px;min-width:0}.observed-applications code,.observed-applications strong{overflow:hidden;text-overflow:ellipsis}.observed-applications code{color:#92a1b8;font-size:.72rem}.observed-applications button.block-app{background:#7b2632;color:#fff}.observed-applications button.allow-app{background:#256f4a;color:#fff}.timeline{margin-top:22px}.timeline-fields{display:flex;flex-wrap:wrap;gap:14px}.timeline-fields label{display:grid;gap:7px;max-width:320px}.timeline input,.timeline select{background:#0a0d12;border:1px solid #3b4657;border-radius:6px;color:inherit;padding:9px}.playback-controls{align-items:end;display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.playback-controls button{background:#202b39;border:1px solid #3b526e;border-radius:6px;color:inherit;min-height:38px;padding:7px 11px}.playback-controls button:first-child{background:#dceaff;color:#111720;min-width:72px}.playback-controls button:disabled{cursor:not-allowed;opacity:.4}.speed-control{align-items:center;display:flex;gap:7px}.speed-control select{padding:7px}.timeline-track{color:#92a1b8;margin-top:22px;min-height:66px;position:relative}.timeline-track>input[type=range]{accent-color:#75b7ff;cursor:pointer;padding:0;position:relative;width:100%;z-index:2}.timeline-markers{height:16px;margin:0 8px -3px;overflow:hidden;position:relative}.timeline-markers i{background:#6d91bc;bottom:0;position:absolute;top:5px;width:1px}.timeline-markers b{background:#ff806fb8;bottom:0;min-width:2px;position:absolute;top:2px}.timeline-markers b.truncated{background:repeating-linear-gradient(45deg,#ff806f,#ff806f 3px,#f0be5d 3px 6px)}.timeline-range-labels{display:grid;font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr 1fr;margin-top:4px}.timeline-range-labels strong{color:#e9eef7;text-align:center}.timeline-range-labels time:last-child{text-align:right}.timeline-warning{color:#f0be5d;font-size:.82rem;margin-bottom:0}.gap-notice{display:grid;gap:4px}.loading-shell,.login-shell{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{background:#111720;border:1px solid #29313d;border-radius:14px;display:grid;gap:16px;padding:28px;width:min(420px,calc(100vw - 32px))}.login-card h1{margin:0 0 8px}.login-card label{display:grid;gap:7px}.login-card input{background:#0a0d12;border:1px solid #3b4657;border-radius:6px;color:inherit;padding:10px}.login-card button:disabled{cursor:wait;opacity:.65}.login-error{background:#4a161d;border:1px solid #b43a48;border-radius:7px;padding:10px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.side-panel{order:2}.playback-controls button{flex:1 1 auto}.split-presentation{grid-template-columns:1fr}}