*{margin:0;padding:0;box-sizing:border-box}body{background:#101418;color:#e8eaed;font-family:system-ui,sans-serif}.screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:64px 48px;gap:16px}.screen-title{font-size:40px;font-weight:600}.screen-subtitle{font-size:22px;color:#9aa4ad}.entry-form{display:flex;flex-direction:column;gap:24px;width:640px;margin-top:32px}.field{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border:3px solid transparent;border-radius:8px;background:#1f262e;transition:border-color .12s ease-out}.field-focused{border-color:#4da3ff}.field-label{font-size:18px;color:#9aa4ad}.field-input{font-size:24px;color:#e8eaed;background:transparent;border:none;outline:none}.button{padding:18px 24px;border:3px solid transparent;border-radius:8px;background:#2a3542;color:#e8eaed;font-size:24px;transition:border-color .12s ease-out,transform .12s ease-out}.button-focused{border-color:#4da3ff;transform:scale(1.03)}.button:disabled{color:#9aa4ad}.entry-error{font-size:20px;color:#ff6b6b}.browse{position:relative;z-index:1;display:flex;height:100vh;overflow:hidden;background:#101418eb}.browse-status{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:48px;text-align:center}.browse-status .button{margin-top:24px}.rail{display:flex;flex-direction:column;width:400px;flex-shrink:0;overflow:hidden;padding:40px 24px}.rail-list{flex:1;min-height:0;overflow-y:auto;list-style:none}.rail-list::-webkit-scrollbar{display:none}.rail-iconbar{display:flex;flex-shrink:0;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #2a3542;list-style:none}.rail-icon{display:flex;flex:1;align-items:center;justify-content:center;padding:12px 0;border:3px solid transparent;border-radius:8px;color:#9aa4ad;transition:border-color .12s ease-out,background-color .12s ease-out}.rail-icon+.rail-icon{margin-left:12px}.rail-icon svg{display:block;width:26px;height:26px}.rail-icon-active{background:#1f262e;color:#e8eaed}.rail-icon-focused{border-color:#4da3ff;color:#e8eaed}.rail-row{overflow:hidden;padding:14px 18px;margin-bottom:8px;border:3px solid transparent;border-radius:8px;color:#9aa4ad;font-size:22px;text-overflow:ellipsis;white-space:nowrap;transition:border-color .12s ease-out,background-color .12s ease-out}.rail-row-active{background:#1f262e;color:#e8eaed}.rail-row-focused{border-color:#4da3ff;color:#e8eaed}.grid-area,.settings-area{display:flex;flex:1;flex-direction:column;min-width:0;padding:40px 48px 0 24px}.settings-actions{display:flex;flex-direction:column;width:520px}.settings-actions .button+.button{margin-top:16px}.settings-about{margin-top:32px;padding:24px;border-radius:8px;background:#1f262e;font-size:24px}.settings-about .screen-subtitle{margin-top:12px}.grid-header{display:flex;align-items:baseline;margin-bottom:24px}.grid-title{overflow:hidden;font-size:32px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.grid-count{flex-shrink:0;margin-left:16px;color:#9aa4ad;font-size:18px}.grid-status{display:flex;flex-direction:column;align-items:flex-start;padding:24px 0}.grid-status .button{margin-top:24px}.grid-viewport{position:relative;flex:1;overflow:hidden}.grid-canvas{position:relative;transition:transform .16s ease-out;will-change:transform}.card-slot{position:absolute;padding:0 16px 20px 0}.card{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:14px 16px;border:3px solid transparent;border-radius:8px;background:#1f262e;transition:border-color .12s ease-out,background-color .12s ease-out}.card-focused{border-color:#4da3ff}.card-selected{background:#24354a}.card-num{min-height:19px;color:#9aa4ad;font-size:16px}.card-name{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.card-badge{position:absolute;top:10px;right:14px;color:#f5c26b;font-size:16px}.card-skeleton{animation:card-pulse 1.2s ease-in-out infinite}.grid-footer{flex-shrink:0;padding:14px 0 18px;color:#9aa4ad;font-size:16px}@keyframes card-pulse{0%,to{opacity:1}50%{opacity:.45}}.player-layer{position:fixed;top:0;left:0;width:100%;height:100%;background:#000}.player-video{width:100%;height:100%;object-fit:contain}.layer-hidden{display:none}.playback{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2}.playback-banner{position:absolute;right:0;bottom:0;left:0;display:flex;align-items:center;padding:64px 48px 40px;background:linear-gradient(#0000,#000000bf);opacity:1;transition:opacity .24s ease-out}.playback-banner-hidden{opacity:0}.playback-num{margin-right:20px;color:#9aa4ad;font-size:26px}.playback-name{overflow:hidden;font-size:32px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.playback-spinner{flex-shrink:0;width:28px;height:28px;margin-left:24px;border:4px solid rgba(232,234,237,.25);border-top-color:#e8eaed;border-radius:50%;animation:spinner-turn .8s linear infinite}@keyframes spinner-turn{to{transform:rotate(360deg)}}.playback-stall{position:absolute;top:40px;right:48px;display:flex;align-items:center;padding:12px 18px;border-radius:8px;background:#101418cc;color:#9aa4ad;font-size:18px;opacity:0;animation:stall-appear .24s ease-out 2s forwards}.playback-stall .playback-spinner{width:18px;height:18px;margin-right:12px;margin-left:0;border-width:3px}@keyframes stall-appear{to{opacity:1}}.playback-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:48px;text-align:center;background:#101418eb}.playback-error-title{margin-bottom:16px;font-size:36px;font-weight:600}.playback-error-code{margin-bottom:12px;color:#9aa4ad;font-size:20px;font-weight:600}.playback-error-actions{display:flex;margin-top:24px}.playback-error-actions .button+.button{margin-left:16px}.zapper{position:absolute;top:0;bottom:0;left:0;display:flex;width:780px;background:#101418eb}.zapper .rail{width:300px;padding:32px 16px}.zap-pane{display:flex;flex:1;flex-direction:column;min-width:0;padding:32px 24px 0 8px}.zap-title{overflow:hidden;margin-bottom:20px;font-size:26px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.zap-status{font-size:20px;color:#9aa4ad}.zap-viewport{position:relative;flex:1;overflow:hidden}.zap-canvas{position:relative;transition:transform .16s ease-out;will-change:transform}.zap-slot{position:absolute;right:0;left:0;padding-bottom:8px}.zap-row{display:flex;align-items:center;height:100%;padding:0 16px;border:3px solid transparent;border-radius:8px;background:#1f262e;transition:border-color .12s ease-out,background-color .12s ease-out}.zap-row-focused{border-color:#4da3ff}.zap-row-selected{background:#24354a}.zap-num{width:56px;flex-shrink:0;color:#9aa4ad;font-size:16px}.zap-name{overflow:hidden;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.zap-badge{flex-shrink:0;margin-left:auto;padding-left:12px;color:#f5c26b;font-size:16px}.toast{position:fixed;bottom:56px;left:50%;z-index:3;padding:14px 28px;border-radius:8px;background:#1f262ef2;color:#e8eaed;font-size:20px;transform:translate(-50%);animation:toast-cycle 2s ease-out forwards}@keyframes toast-cycle{0%{opacity:0}8%,80%{opacity:1}to{opacity:0}}.button-secondary{background:transparent;border-color:#2a3542}.button-secondary.button-focused{border-color:#4da3ff}.welcome-screen{justify-content:center}.welcome-brand{font-size:72px;font-weight:700;color:#88dfcf;letter-spacing:2px}.welcome-needs{margin:40px 0 48px;padding:24px 40px;border-radius:12px;background:#1f262e}.welcome-needs-title{font-size:20px;color:#9aa4ad;margin-bottom:12px}.welcome-needs-list{list-style:none;font-size:24px}.welcome-needs-list li{margin-top:8px}.welcome-needs-list li:before{content:"✓  ";color:#88dfcf}.pairing-screen{justify-content:center}.pairing-hero{display:flex;flex-direction:column;align-items:center;margin:32px 0 40px;min-height:320px;justify-content:center}.pairing-qr{width:260px;height:260px;padding:20px;border-radius:12px;background:#fff}.pairing-qr svg{display:block;width:100%;height:100%}.pairing-qr-placeholder{display:flex;align-items:center;justify-content:center;background:#1f262e;color:#9aa4ad;font-size:22px}.pairing-url{margin-top:20px;font-size:20px;color:#9aa4ad}.pairing-url-address{color:#e8eaed}.pairing-problem{max-width:720px;font-size:22px;color:#ffc4a3;text-align:center}