.homeRoot{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(120,119,198,.18),transparent 34%),linear-gradient(180deg,#f8fafc,#eef2f7)}.homeCard{width:min(100%,430px);padding:32px;border-radius:32px;background:#ffffffeb;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 70px #0f172a1f;text-align:center}.homeLogo{width:72px;height:72px;margin:0 auto 22px;border-radius:24px;display:grid;place-items:center;background:#111827;color:#fff;font-size:28px;font-weight:900}.homeEyebrow{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.18em;color:#0f172a73}.homeCard h1{margin:0;font-size:38px;line-height:1;letter-spacing:-.06em}.homeText{margin:16px 0 0;line-height:1.6;color:#0f172a9e}.creatorRoot{min-height:100vh}.webLanding{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,rgba(120,119,198,.18),transparent 34%),linear-gradient(180deg,#f8fafc,#eef2f7)}.webHero{width:min(100%,430px);padding:32px;border-radius:32px;background:#ffffffe0;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 70px #0f172a1f;text-align:center}.webLogo{width:72px;height:72px;margin:0 auto 22px;border-radius:24px;display:grid;place-items:center;background:#111827;color:#fff;font-size:28px;font-weight:900}.webEyebrow{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.18em;color:#0f172a73}.webHero h1{margin:0;font-size:38px;line-height:1;letter-spacing:-.06em}.webText{margin:16px 0 26px;line-height:1.6;color:#0f172a9e}.webSteps{display:flex;flex-direction:column;gap:12px}.webStep{padding:16px;border-radius:20px;background:#0f172a0a;text-align:left}.webStep strong{display:block;margin-bottom:6px}.webStep span{color:#0f172a9e}.creatorScreen{min-height:100vh;display:grid;place-items:center;padding:24px}.creatorCard{width:min(100%,430px);padding:28px;border-radius:30px;background:#ffffffeb;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 70px #0f172a1f}.creatorCard h1{margin-top:0}.creatorCard p{color:#0f172a9e}.creatorCard textarea,.creatorCard input{width:100%;margin-top:16px;padding:16px;border-radius:18px;border:1px solid rgba(15,23,42,.12);background:#fff}.creatorCard textarea{min-height:160px;resize:vertical}.creatorCard button{width:100%;margin-top:16px;border:0;border-radius:18px;padding:16px;background:#111827;color:#fff;font-weight:800}.qrScannerBox{margin-top:18px;display:flex;flex-direction:column;gap:12px}.qrVideo{display:none;width:100%;aspect-ratio:1;border-radius:24px;background:#020617;object-fit:cover}.qrVideo.active{display:block}.qrStartButton,.qrStopButton{width:100%;border:0;border-radius:18px;padding:16px;font-weight:800}.qrStartButton{background:#111827;color:#fff}.qrStopButton{background:#0f172a14;color:#0f172a}.creatorError{margin-top:12px;color:#dc2626;font-weight:700}.scanner{margin:18px 0;width:100%;min-height:280px;border-radius:24px;background:#020617;overflow:hidden;display:grid;place-items:center;color:#ffffff9e;font-weight:800}.scanner.active{display:block}.creatorStatus{margin:12px 0;padding:12px 14px;border-radius:16px;background:#0f172a0f;color:#0f172ab8;font-weight:700}.creatorError{margin-top:12px;color:#dc2626;font-weight:800}.testList{display:flex;flex-direction:column;gap:12px;margin:18px 0}.testItem{padding:14px;border-radius:18px;background:#0f172a0a;border:1px solid rgba(15,23,42,.06)}.testItem.success{background:#16a34a14;border-color:#16a34a29}.testItem.error{background:#dc262614;border-color:#dc262629}.testItem.checking{background:#2563eb14;border-color:#2563eb29}.testTop{display:flex;justify-content:space-between;gap:12px}.testTop span{font-size:12px;font-weight:900;text-transform:uppercase}.testItem p{margin:8px 0 4px}.testItem small{color:#0f172a94;font-weight:700}.completeCard{text-align:center}.completeLogo{width:72px;height:72px;margin:0 auto 20px;border-radius:24px;display:grid;place-items:center;background:#16a34a;color:#fff;font-size:34px;font-weight:900}.completeCountdown{width:86px;height:86px;margin:24px auto 12px;border-radius:999px;display:grid;place-items:center;background:#111827;color:#fff;font-size:34px;font-weight:900}.completeHint{color:#0f172a8f;font-weight:800}