:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;margin:0;overflow:hidden}body{min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.verify-form-container{max-width:480px;margin:0 auto;padding:20px;min-height:100%;display:flex;flex-direction:column;justify-content:center}.verify-form-header{text-align:center;margin-bottom:20px}.verify-form-header h1{font-size:28px;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.verify-form-header p{color:#666;margin:0;font-size:14px}.verify-form{background:#f9f9f9;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#333}.form-group input[type=email]{width:100%;padding:12px;border:2px solid #ddd;border-radius:6px;font-size:16px;transition:border-color .2s;box-sizing:border-box}.form-group input[type=email]:focus{outline:none;border-color:#667eea}.form-group input[type=email].error{border-color:#ef4444}.form-group input[type=email]:disabled{background:#e9e9e9;cursor:not-allowed}.error-message{display:block;color:#ef4444;font-size:13px;margin-top:6px}.checkbox-group{margin-bottom:12px}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox]{margin-right:10px;margin-top:2px;cursor:pointer;width:18px;height:18px;flex-shrink:0}.checkbox-label input[type=checkbox]:disabled{cursor:not-allowed}.checkbox-label span{font-size:14px;color:#555;line-height:1.4}.turnstile-container{display:flex;justify-content:center;margin:12px 0}.message{padding:12px 16px;border-radius:6px;margin-bottom:16px;font-size:14px;line-height:1.4}.message-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.submit-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}@media(prefers-color-scheme:dark){.verify-form-header p{color:#aaa}.verify-form{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.form-group label{color:#ddd}.form-group input[type=email]{background:#2a2a2a;border-color:#444;color:#fff}.form-group input[type=email]:focus{border-color:#667eea}.form-group input[type=email]:disabled{background:#333}.checkbox-label span{color:#ccc}.message-error{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}}@media(max-width:480px){.verify-form-container{padding:16px}.verify-form{padding:20px}.verify-form-header h1{font-size:24px}}.authenticated-container{display:flex;flex-direction:column;height:100%;width:100%}.authenticated-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0}.toolbar-brand{display:flex;align-items:center;gap:8px}.brand-icon{font-size:20px}.brand-name{font-size:18px;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbar-right{display:flex;align-items:center;gap:12px}.user-email{font-size:14px;color:#666}.logout-button{background:transparent;color:#666;border:1px solid #e5e7eb;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.logout-button:hover{background:#f3f4f6;border-color:#d1d5db;color:#333}.card-form-section{flex:1;padding:16px 24px;overflow-y:auto}.form-header{margin-bottom:12px}.form-header h2{margin:0 0 4px;font-size:22px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-description{color:#666;font-size:14px;margin:0}.card-form{display:flex;flex-direction:column;gap:12px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px;color:#333}.form-group input,.form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;font-family:inherit;transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group textarea:disabled{background:#f3f4f6;cursor:not-allowed}.form-group textarea{resize:none;height:90px}.field-hint{display:flex;justify-content:space-between;font-size:12px;color:#888}.count-ok{color:#888}.count-error{color:#ef4444;font-weight:600}.error-message{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #fecaca}.success-message{background:#f0fdf4;color:#16a34a;padding:12px 16px;border-radius:8px;font-size:14px;border:1px solid #bbf7d0}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px}.turnstile-container{flex-shrink:0}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.send-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.send-button:disabled{opacity:.7;cursor:not-allowed}@media(prefers-color-scheme:dark){.authenticated-toolbar{background:#1a1a1a;border-bottom-color:#333}.brand-name{-webkit-text-fill-color:#667eea}.user-email{color:#aaa}.logout-button{color:#aaa;border-color:#444}.logout-button:hover{background:#2a2a2a;border-color:#555;color:#ddd}.card-form-section{background:#242424}.form-description{color:#aaa}.form-group label{color:#ddd}.form-group input,.form-group textarea{background:#2a2a2a;border-color:#444;color:#ddd}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-group input:disabled,.form-group textarea:disabled{background:#1a1a1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.field-hint{color:#888}.error-message{background:#2d1f1f;border-color:#5c2a2a}.success-message{background:#1a2e1a;border-color:#2d5a2d}}@media(max-width:600px){.authenticated-toolbar{padding:10px 12px}.brand-name{font-size:16px}.user-email{display:none}.card-form-section{padding:16px}.form-header h2{font-size:20px}.form-actions{flex-direction:column;align-items:stretch}.turnstile-container{display:flex;justify-content:center}.send-button{width:100%}}.email-sent-container{max-width:480px;margin:0 auto;padding:20px;min-height:100%;display:flex;flex-direction:column;justify-content:center}.email-sent-card{background:#f9f9f9;border-radius:12px;padding:32px 24px;text-align:center;box-shadow:0 2px 8px #0000001a}.email-sent-icon{font-size:48px;margin-bottom:16px;animation:bounceIn .4s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.email-sent-card h1{margin:0 0 16px;font-size:24px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.email-sent-message{color:#666;font-size:15px;margin:0 0 4px}.email-sent-address{color:#333;font-size:16px;font-weight:600;margin:0 0 20px;word-break:break-word}.email-sent-hint{color:#888;font-size:14px;margin:0 0 24px;line-height:1.5}.email-sent-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e5e7eb}.resend-button{background:transparent;color:#667eea;border:none;padding:8px 0;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s}.resend-button:hover{color:#764ba2}.expiry-note{color:#aaa;font-size:12px}@media(prefers-color-scheme:dark){.email-sent-card{background:#1a1a1a;box-shadow:0 2px 8px #0000004d}.email-sent-message{color:#aaa}.email-sent-address{color:#ddd}.email-sent-hint{color:#888}.email-sent-footer{border-top-color:#333}.resend-button{color:#818cf8}.resend-button:hover{color:#a78bfa}.expiry-note{color:#666}}@media(max-width:480px){.email-sent-container{padding:16px}.email-sent-card{padding:24px 20px}.email-sent-card h1{font-size:22px}.email-sent-icon{font-size:40px}.email-sent-footer{flex-direction:column;gap:12px}.expiry-note{order:-1}}.error-banner{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#fee2e2;color:#991b1b;border:2px solid #fca5a5;border-radius:8px;padding:16px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;z-index:1000;max-width:90%;animation:slideDownBanner .3s ease-out}@keyframes slideDownBanner{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-banner .error-icon{font-size:20px;flex-shrink:0}.error-banner .error-text{font-size:14px;font-weight:500;line-height:1.4;flex:1}.error-banner .error-dismiss{background:none;border:none;color:#991b1b;font-size:24px;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.error-banner .error-dismiss:hover{opacity:1}@media(prefers-color-scheme:dark){.error-banner{background:#7f1d1d;color:#fca5a5;border-color:#991b1b}.error-banner .error-dismiss{color:#fca5a5}}@media(max-width:600px){.error-banner{top:10px;padding:12px 16px}.error-banner .error-text{font-size:13px}}#app{height:100%;width:100%}