*{box-sizing:border-box}body{color:#172033;background:#edf3ff;min-width:320px;min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,input{font:inherit}.page-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:24px 16px}.hero-card,.status-card,.action-card,.room-card{background:#ffffffeb;border:1px solid #375bb41f;border-radius:24px;box-shadow:0 18px 60px #29488c1f}.hero-card{color:#fff;background:linear-gradient(135deg,#3158ff,#7b61ff);padding:28px}.eyebrow,.label{color:inherit;opacity:.72;margin:0 0 8px;font-size:13px}.hero-card h1{margin:0;font-size:30px;line-height:1.15}.demo-badge{color:#fff;background:#ffffff29;border-radius:999px;margin:16px 0 0;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.summary{opacity:.86;margin:16px 0 0;line-height:1.7}.status-card,.action-card,.join-card,.room-card{margin-top:16px;padding:18px}.status-card strong{font-size:24px}.message{color:#526070;margin:12px 0 0;line-height:1.6}.action-card{gap:12px;display:grid}.join-card{background:#ffffffeb;border:1px solid #375bb41f;border-radius:24px;box-shadow:0 18px 60px #29488c1f}.join-card input{color:#172033;background:#f7f9ff;border:1px solid #d9e0f2;border-radius:16px;width:100%;min-height:48px;margin-bottom:12px;padding:0 14px}.primary-button,.ghost-button,.danger-button{cursor:pointer;border:0;border-radius:16px;min-height:48px;font-weight:700}.primary-button{color:#fff;background:#3158ff}.ghost-button{color:#3158ff;background:#eef2ff}.danger-button{color:#d92945;background:#ffecef}.room-card strong{margin-bottom:16px;display:block}textarea{resize:none;color:#172033;background:#f7f9ff;border:1px solid #d9e0f2;border-radius:16px;width:100%;min-height:96px;padding:12px}.primary-button:disabled,.ghost-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.62}.check-card{background:#ffffffeb;border:1px solid #375bb41f;border-radius:24px;margin-top:16px;overflow:hidden;box-shadow:0 18px 60px #29488c1f}.check-item{border-bottom:1px solid #edf1fb;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.check-item:last-child{border-bottom:0}.check-item strong{margin-bottom:6px;display:block}.check-item p{color:#526070;margin:0;font-size:14px;line-height:1.5}.check-state{text-align:center;border-radius:999px;flex:none;min-width:64px;padding:7px 10px;font-size:13px;font-weight:700}.state-waiting{color:#526070;background:#eef2ff}.state-running{color:#946200;background:#fff7d6}.state-passed{color:#166534;background:#dcfce7}.state-failed{color:#d92945;background:#ffecef}