@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:linear-gradient(135deg,#0f0818,#1a0a2e 50%,#0d1117);color:#f0f0f5;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,sans-serif}.debug-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;padding:8px 16px;font-family:JetBrains Mono,monospace;font-size:12px;z-index:10000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px rgba(168,85,247,.4)}.debug-banner a{color:#fff;text-decoration:underline}.container{max-width:500px;margin:0 auto;padding:60px 20px 40px;text-align:center}.logo{height:50px}.logo,h1{margin-bottom:20px}h1{font-size:24px;font-weight:700;background:linear-gradient(135deg,#ec4899,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.info-box{background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.3);border-radius:12px;padding:16px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:13px;text-align:left}.info-box p{margin:4px 0}.info-box .highlight{color:#ec4899;font-weight:600}.status{font-size:14px;color:#c084fc;margin-bottom:20px;min-height:20px}.status.error{color:#f87171}.status.success{color:#34d399}.liveness-button{background:linear-gradient(135deg,#ec4899,#a855f7);border:none;border-radius:12px;padding:16px 32px;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;width:100%;max-width:300px}.liveness-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px rgba(236,72,153,.4)}.liveness-button:disabled{opacity:.5;cursor:not-allowed}.notes{margin-top:30px;background:rgba(15,8,24,.6);border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:20px;text-align:left}.notes h3{font-size:14px;margin-bottom:12px;color:#c084fc}.notes ul{margin:0;padding-left:20px;font-size:13px;color:#a78bfa}.notes li{margin:6px 0}.warning{margin-top:12px;padding:8px 12px;background:rgba(236,72,153,.15);border:1px solid rgba(236,72,153,.4);border-radius:6px;color:#f472b6;font-size:12px}.load-timeline{margin-top:16px;padding:12px;background:rgba(0,0,0,.3);border-radius:8px;font-family:JetBrains Mono,monospace;font-size:11px;text-align:left}.load-timeline .step{display:flex;align-items:center;margin:4px 0;color:#8b5cf6}.load-timeline .step.complete{color:#34d399}.load-timeline .step.active{color:#fbbf24}.load-timeline .step.error{color:#f87171}.load-timeline .step-icon{margin-right:8px;width:16px}