:root{color:#1a1a2e;background:#f5f6fa;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{max-width:860px;margin:0 auto;padding:1.5rem}h1{font-size:1.6rem}button{font:inherit;color:#fff;cursor:pointer;background:#4a90d9;border:1px solid #4a90d9;border-radius:6px;padding:.5rem 1rem}button[type=button],.link-button{color:#4a90d9;background:0 0}.link-button{border:none;padding:.25rem;font-size:.9rem}input{font:inherit;border:1px solid #c5c9d4;border-radius:6px;width:100%;padding:.5rem}label{margin-bottom:.75rem;font-weight:600;display:block}.login-page{max-width:360px;margin:10vh auto 0}.subtitle{color:#5a5f73}.form-error{color:#c0392b;margin-top:.5rem}.site-header{justify-content:space-between;align-items:center;display:flex}.header-actions{align-items:center;gap:.75rem;display:flex}.user-email{color:#5a5f73;font-size:.9rem}.screen-list{padding:0;list-style:none}.screen-row{background:#fff;border:1px solid #e2e5ee;border-radius:8px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 1rem;display:flex}.screen-name{color:inherit;flex:1;font-weight:600}.screen-code{letter-spacing:.1em;font-family:ui-monospace,monospace}.status-inactive{color:#c0392b}.connected{color:#27ae60}.disconnected{color:#8a8fa3}.empty-state{text-align:center;background:#fff;border:1px dashed #c5c9d4;border-radius:8px;padding:2rem}.big-code{letter-spacing:.2em;font-family:ui-monospace,monospace;font-size:2rem;font-weight:700}.inactive-note{color:#c0392b}.screen-state-col{flex-direction:column;gap:.1rem;display:flex}.current-use{color:#8a8fa3;font-size:.8rem}.current-use-casting{color:#27ae60;font-weight:600}.cast-match-name{color:#5a5f73}