.container{max-width:640px;margin:0 auto;padding:2rem}h1{text-align:center;margin-bottom:2rem}.button-group{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.button-group button{padding:1rem 2rem;font-size:1rem;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.button-group button:hover{background:#4f46e5}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.info-box p{margin:.5rem 0}.status{color:#6b7280;font-style:italic}.qr-section{text-align:center;margin-top:1.5rem}.qr-section img{border:1px solid #e5e7eb;border-radius:8px}.messages-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.messages-section h3{margin-top:0}.messages-section ul{list-style:none;padding:0}.messages-section li{padding:.5rem 0;border-bottom:1px solid #e5e7eb}.messages-section li:last-child{border-bottom:none}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;margin-right:.5rem}.input-section{display:flex;gap:.5rem;margin:2rem 0}.input-section input{flex:1;padding:.75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:8px}.input-section button{padding:.75rem 1.5rem;font-size:1rem;background:#6366f1;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.input-section button:hover{background:#4f46e5}.done-section{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.done-btn{background:#10b981;color:#fff;border:none;font-size:1.125rem;padding:.875rem 2rem;font-weight:600;border-radius:12px;min-width:200px;cursor:pointer;box-shadow:0 2px 4px #10b98133;transition:all .2s ease}.done-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.muted{color:#6b7280;font-size:.875rem}@media (max-width: 480px){.container{padding:1rem}.button-group{flex-direction:column}.button-group button{width:100%}.qr-section img{width:180px;height:180px}}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}@media (prefers-color-scheme: dark){:root{color:#f6f6f6;background-color:#1a1a1a}.info-box,.messages-section{background:#2a2a2a;border-color:#3a3a3a}.messages-section li{border-color:#3a3a3a}.input-section input{background:#2a2a2a;border-color:#3a3a3a;color:#f6f6f6}.done-section{border-color:#3a3a3a}}