* :before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input{font:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#111027;background:#f5f5f7;font-family:Arial,Helvetica,sans-serif}.demo-screen{color:#111027;background:#f5f5f7;justify-content:center;align-items:center;min-height:100vh;padding:28px 24px;font-family:Arial,Helvetica,sans-serif;display:flex}.demo-card{background:#fff;border-radius:28px;flex-direction:column;width:min(810px,100%);height:min(1080px,100svh - 56px);min-height:520px;padding:56px 32px 40px;display:flex;position:relative}.demo-card-center{justify-content:center;align-items:center;height:auto;min-height:420px}.demo-stage{flex-direction:column;align-items:center;gap:18px;width:100%;max-width:560px;display:flex}.demo-title{color:#111027;text-align:center;margin:0;font-size:32px;font-weight:700;line-height:1.2}.demo-subtitle{color:#272638;text-align:center;margin:0;font-size:17px;line-height:1.55}.demo-error{color:#b91c1c;text-align:center;margin:0;font-size:15px;line-height:1.5}.demo-input{color:#111027;background:#fff;border:1px solid #c9c8d1;border-radius:18px;outline:none;width:100%;max-width:380px;height:60px;padding:0 18px;font-size:16px}.demo-input::placeholder{color:#8b8a97;opacity:1}.demo-input:focus-visible{border-color:#0c061b;box-shadow:0 0 0 2px #0c061b1f}.demo-turnstile-wrap{flex-direction:column;align-items:center;gap:8px;width:100%;max-width:380px;display:flex}.demo-turnstile{width:100%;max-width:300px;min-height:65px}.demo-turnstile-error{color:#b91c1c;text-align:center;margin:0;font-size:13px}.demo-hint{color:#7b7a87;text-align:center;margin:0;font-size:12px}.demo-button{color:#fff;cursor:pointer;background:#0c061b;border:none;border-radius:30px;width:100%;max-width:380px;height:60px;font-size:17px;font-weight:700;transition:opacity .2s,transform .1s}.demo-button:hover:not(:disabled){opacity:.92}.demo-button:active:not(:disabled){transform:scale(.98)}.demo-button:disabled{cursor:not-allowed;opacity:1;background:#c9c8d1}.spinner{border:4px solid #e2e2ea;border-top-color:#0c061b;border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.phase-label{color:#272638;text-align:center;margin:0;font-size:16px;line-height:1.5}.admin-screen{min-height:100svh}.admin-dashboard{height:auto;min-height:520px;padding:32px 28px 28px}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.admin-title{color:#111027;margin:0;font-size:26px}.admin-subtitle{color:#5b5a6d;margin:6px 0 0;font-size:15px}.admin-status-pill{color:#111027;background:#fff;border:1px solid #d8d8e0;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.admin-empty{flex-direction:column;align-items:center;gap:16px;padding:48px 0;display:flex}.admin-session-list{flex-direction:column;gap:14px;display:flex;overflow-y:auto}.session-card{background:#fafafc;border:1px solid #ececf3;border-radius:20px;flex-direction:column;gap:14px;padding:16px 16px 14px;display:flex}.session-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.session-card-id{color:#111027;word-break:break-word;margin:0 0 4px;font-size:15px;font-weight:700}.session-card-meta{color:#777583;margin:0;font-size:12px}.state-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:999px;flex-shrink:0;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.state-LOG{color:#1e40af;background:#dbeafe}.state-OT{color:#3730a3;background:#e0e7ff}.state-OT_NO{color:#991b1b;background:#fee2e2}.state-KC{color:#166534;background:#dcfce7}.state-KC_NO{color:#991b1b;background:#fee2e2}.state-DONE{color:#065f46;background:#d1fae5}.state-HOLD{color:#92400e;background:#fef3c7}.admin-state-buttons{flex-wrap:wrap;gap:8px;display:flex}.state-button{color:#111027;cursor:pointer;background:#fff;border:1px solid #d4d2dd;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.state-button:hover{background:#f3f3f7}.state-button.is-active{color:#fff;background:#0c061b;border-color:#0c061b}@media (width<=600px){.demo-screen{min-height:100svh;padding:12px}.demo-card{border-radius:24px;width:100%;height:calc(100svh - 24px);min-height:560px;padding:40px 20px 28px}.demo-title{font-size:26px}.demo-button{height:56px}.admin-dashboard{height:calc(100svh - 24px);min-height:auto;padding:24px 18px 20px}.admin-state-buttons{flex-direction:column}.state-button{width:100%}}@media (height<=760px) and (width>=601px){.demo-card{min-height:0;padding-top:44px}}