*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#1c1c1e;background:#f2f2f7;margin:0;padding:0}.container{display:flex;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;padding:20px;box-sizing:border-box}.magic-link-container,.home-container,.support-container,.privacy-container,.qr-generator-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;text-align:center;max-width:500px;width:100%}.home-container h1{font-size:2.5rem;margin-bottom:16px;color:#1c1c1e;font-weight:700}.home-container p{font-size:1.1rem;margin-bottom:32px;color:#8e8e93}.loading h2,.fallback h2{font-size:1.8rem;margin-bottom:16px;color:#1c1c1e;font-weight:600}.loading p,.fallback p{color:#8e8e93;margin-bottom:24px;font-size:1rem}.spinner{border:4px solid #f2f2f7;border-top:4px solid #007aff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 24px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.actions{display:flex;flex-direction:column;gap:16px;align-items:center}.btn-primary,.btn-secondary{padding:14px 28px;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-block;min-width:200px}.btn-primary{background:#007aff;color:#fff}.btn-primary:hover{background:#0056cc;transform:translateY(-1px)}.btn-secondary{background:#007aff1a;color:#007aff;border:none}.btn-secondary:hover{background:#007aff33;transform:translateY(-1px)}.manual-instructions{margin-top:32px;padding:24px;background:#f2f2f7;border-radius:12px;text-align:left}.manual-instructions h3{font-size:1.2rem;margin-bottom:12px;color:#1c1c1e;text-align:center}.manual-instructions p{font-size:.95rem;margin-bottom:16px;text-align:center}.token-display{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e1e5e9}.token-display code{flex:1;font-family:Monaco,Menlo,monospace;font-size:.9rem;background:transparent;color:#1c1c1e;word-break:break-all}.btn-copy{padding:6px 12px;background:#007aff;color:#fff;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;transition:background .2s ease;white-space:nowrap}.btn-copy:hover{background:#0056cc}.support-container,.privacy-container{max-width:800px;text-align:left}.support-container h1,.privacy-container h1{font-size:2rem;margin-bottom:24px;color:#1c1c1e;text-align:center}.support-section,.privacy-section{margin-bottom:32px}.support-section h2,.privacy-section h2{font-size:1.5rem;margin-bottom:12px;color:#1c1c1e}.support-section h3,.privacy-section h3{font-size:1.2rem;margin-bottom:8px;margin-top:16px;color:#3a3a3c}.support-section p,.privacy-section p,.support-section li,.privacy-section li{color:#3a3a3c;margin-bottom:8px;line-height:1.6}.support-section ul,.privacy-section ul,.support-section ol{margin-left:20px;margin-bottom:16px}.faq-item{margin-bottom:24px;padding:16px;background:#f2f2f7;border-radius:8px}.faq-item h3{margin-top:0;color:#1c1c1e}.support-section a,.privacy-section a{color:#007aff;text-decoration:none}.support-section a:hover,.privacy-section a:hover{text-decoration:underline}.links{margin-top:24px;padding-top:20px;border-top:1px solid #e1e5e9;font-size:.9rem}.links a{color:#007aff;text-decoration:none;margin:0 8px}.links a:hover{text-decoration:underline}@media (max-width: 600px){.magic-link-container,.home-container,.support-container,.privacy-container{padding:24px;margin:20px}.home-container h1{font-size:2rem}.token-display{flex-direction:column;gap:8px}.btn-copy{width:100%}}.qr-generator-container h1{font-size:2rem;margin-bottom:8px;color:#1c1c1e}.subtitle{font-size:1rem;color:#8e8e93;margin-bottom:32px}.qr-preview{display:flex;justify-content:center;align-items:center;margin-bottom:24px;padding:20px;background:#f2f2f7;border-radius:12px;min-height:200px}.qr-preview canvas{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px;background:#fff;object-fit:contain}.uuid-section{margin-bottom:24px}.uuid-section label{display:block;text-align:left;font-size:.9rem;font-weight:600;color:#1c1c1e;margin-bottom:8px}.input-group{display:flex;gap:8px;align-items:center}.input-group input{flex:1;padding:12px;border:1px solid #e1e5e9;border-radius:8px;font-size:.95rem;font-family:Monaco,Menlo,monospace;color:#1c1c1e;background:#fff;transition:border-color .2s ease}.input-group input:focus{outline:none;border-color:#007aff}.input-group input::placeholder{color:#8e8e93;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.btn-icon{padding:12px;background:#007aff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#0056cc;transform:translateY(-1px)}.btn-icon svg{display:block}.validation-message{text-align:left;font-size:.85rem;margin-top:8px;min-height:20px}.validation-message.error{color:#ff3b30}.validation-message.success{color:#34c759}.qr-info{background:#f2f2f7;padding:16px;border-radius:8px;margin-bottom:24px;text-align:left}.qr-info h3{font-size:1rem;margin-bottom:8px;color:#1c1c1e}.qr-info ul{list-style:none;margin:0;padding:0}.qr-info li{font-size:.9rem;color:#3a3a3c;margin-bottom:4px}@media (max-width: 600px){.qr-generator-container{padding:24px}.qr-generator-container h1{font-size:1.75rem}.input-group{flex-direction:row}.input-group input{font-size:.85rem}}