body{margin:0;padding:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.hidden{display:none!important}#loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.spinner{border:4px solid rgba(0,0,0,.1);width:40px;height:40px;border-radius:50%;border-left-color:#864bff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#content{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}#error-message{background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c;padding:.75rem 1rem;border-radius:.25rem;margin-top:1rem}.ar-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:500px;gap:1.5rem}.ar-instruction{width:100%;max-height:200px;object-fit:contain}.ar-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;color:#fff;background-color:#864bff;border:none;border-radius:9999px;cursor:pointer;transition:all .2s;width:auto;min-width:200px}.ar-button:hover{background-color:#7a3ef7;transform:scale(1.05)}.ar-button:active{background-color:#6e32ef;transform:scale(.95)}#desktop-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:20px;text-align:center}#desktop-qr canvas{border-radius:10px;box-shadow:0 2px 8px #0000001a}#desktop-qr p{font-size:1.1em;color:#666;max-width:300px;margin:0}