.promo-link{position:fixed;left:20px;bottom:20px;display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,#6366f126,#8b5cf626);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;color:#fff;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 16px -4px #0003,0 4px 8px -2px #0000001a;z-index:1000;max-width:320px;cursor:pointer}.promo-link:hover{background:linear-gradient(135deg,#6366f140,#8b5cf640);transform:translateY(-4px);box-shadow:0 12px 24px -4px #0000004d,0 6px 12px -2px #00000026}.promo-content{flex:1;display:flex;flex-direction:column;gap:8px}.promo-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.promo-icon{flex-shrink:0;color:#fbbf24}.promo-title{font-size:1rem;font-weight:700;color:#fff;letter-spacing:-.02em;flex:1}.promo-badge{font-size:.7rem;font-weight:600;padding:2px 8px;background-color:#fbbf2433;border:1px solid rgba(251,191,36,.4);border-radius:10px;color:#fbbf24;text-transform:uppercase;letter-spacing:.5px;margin-left:auto}.promo-description{font-size:.85rem;line-height:1.4;color:#ffffffe6;margin:0}.promo-features{display:flex;gap:12px;margin-top:4px}.promo-feature{font-size:.75rem;padding:4px 8px;background-color:#ffffff26;border-radius:8px;color:#fffffff2;font-weight:500}.promo-arrow{flex-shrink:0;color:#fffc;transition:transform .3s ease}.promo-link:hover .promo-arrow{transform:translate(4px)}@media (max-width: 768px){.promo-link{max-width:280px;padding:14px 16px}.promo-title{font-size:.95rem}.promo-description{font-size:.8rem}.promo-features{flex-direction:column;gap:6px}}@media (max-width: 640px){.promo-link{display:none}}*{box-sizing:border-box}.home-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#9333ea,#ec4899);padding:1rem}.card{width:100%;max-width:28rem;background:#ffffff21;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.5rem;padding:2.5rem 2rem 2rem;box-shadow:0 20px 40px -10px #9333ea26,0 10px 20px -5px #00000014}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.header p{color:#fffc}.form{display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:#ffffff38;border:1.5px solid rgba(255,255,255,.3);color:#fff;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #9333ea0d}.input::placeholder{color:#ffffff80}.input:focus{outline:none;box-shadow:0 0 0 2px #a21caf44;border-color:#a21caf}.template-group{margin-bottom:1rem}.template-label{color:#fff;font-weight:600;margin-bottom:.5rem;display:block;font-size:1.1rem}.template-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem;justify-items:center;margin-top:.5rem;width:100%;max-width:540px;margin-left:auto;margin-right:auto}.template-option{background:#ffffff2e;border:2.5px solid transparent;border-radius:1.1rem;padding:1.5rem 1.7rem 1.3rem;min-width:0;width:100%;max-width:260px;min-height:170px;height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:border .2s,box-shadow .2s,background .2s,transform .18s;position:relative;box-shadow:0 2px 12px #9333ea14;-webkit-user-select:none;user-select:none;text-align:center;overflow:hidden;word-break:break-word}.template-option.selected{border:2.5px solid #fff;background:#ffffff52;box-shadow:0 6px 24px #9333ea2e;transform:scale(1.04) translateY(-2px)}.template-option:hover,.template-option:focus-within{border:2.5px solid #a21caf;background:#ffffff38;transform:scale(1.03) translateY(-1px);z-index:2}.template-option input[type=radio]{position:absolute;top:1.1rem;right:1.1rem;opacity:0;pointer-events:none}.template-option .custom-radio{position:absolute;top:1.1rem;right:1.1rem;width:1.3em;height:1.3em;border-radius:50%;border:2.5px solid #a21caf;background:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:border .2s,background .2s}.template-option.selected .custom-radio{border:2.5px solid #9333ea;background:#9333ea}.template-option .custom-radio svg{display:none}.template-option.selected .custom-radio svg{display:block;color:#fff;width:1em;height:1em}.template-icon{font-size:2.3rem;margin-bottom:.7rem;display:flex;align-items:center;justify-content:center;width:100%}.template-name{font-size:1.18rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:.01em}.template-desc{font-size:1.01rem;color:#f3e8ff;opacity:.92}.submit-button{width:100%;padding:.95rem;background:linear-gradient(90deg,#fff 60%,#f3e8ff);color:#9333ea;border:none;border-radius:.7rem;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,1.2,.6,1);box-shadow:0 2px 8px #9333ea14}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,#fff 80%,#e9d5ff);color:#a21caf}.submit-button:disabled{opacity:.5;cursor:not-allowed}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.template-grid .template-option:nth-child(3):nth-last-child(1){grid-column:1 / span 2;justify-self:center;width:50%}.question-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#9333ea,#ec4899);padding:1rem}.question-content{width:100%;max-width:42rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;text-align:center}.swipe-container{width:100%;display:flex;align-items:center;justify-content:center;min-height:200px}.buttons-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:2rem}.yes-button-wrapper{position:relative;z-index:1;flex:0 0 auto;width:200px}.no-button-wrapper{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:200px}.absolute-no{position:absolute;z-index:2;pointer-events:auto}.btn{padding:.75rem 1.5rem;font-size:1.25rem;border-radius:9999px;border:none;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;width:200px;overflow:hidden;text-overflow:ellipsis}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-yes{background-color:#22c55e;color:#fff}.btn-yes:hover{background-color:#16a34a;transform:scale(1.05)}.btn-no{background-color:#ef4444;color:#fff}.btn-no:hover{background-color:#dc2626}.no-pointer{pointer-events:none}@media (max-width: 640px){.swipe-container{min-height:150px}.btn{padding:.5rem 1rem;font-size:1rem;width:160px}.yes-button-wrapper,.no-button-wrapper{width:160px}}.loading-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(to bottom right,#9333ea,#ec4899);position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#fffc;border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite}.spinner-ring:nth-child(1){animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:#fff9;width:80%;height:80%;top:10%;left:10%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:#fff6;width:60%;height:60%;top:20%;left:20%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:#fff;font-size:1.1rem;font-weight:500;text-align:center;margin:0;opacity:.9;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.9}50%{opacity:.6}}@media (max-width: 640px){.spinner{width:50px;height:50px}.loading-message{font-size:1rem}}.success-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(to bottom right,#9333ea,#ec4899)}.success-content{text-align:center;max-width:600px;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.success-title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2}.success-question{font-size:1.5rem;color:#ffffffe6;margin-bottom:2rem;font-style:italic}.success-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.new-question-button,.show-results-button{max-width:280px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:9999px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.new-question-button{background:#fff;color:#9333ea}.show-results-button{background:#fff;color:#ec4899}.button-icon{margin-right:.5rem;display:flex;align-items:center;color:inherit}.new-question-button:hover,.show-results-button:hover{transform:scale(1.05);background:#ffffffe6}@media (max-width: 640px){.success-title{font-size:2rem}.success-question{font-size:1.25rem}.new-question-button,.show-results-button{padding:.75rem 1.5rem;font-size:1rem;flex-grow:unset;width:100%;max-width:none}.success-actions{flex-direction:column;gap:.75rem}.error-message{font-size:1rem}}.subtle-results-button{position:fixed;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:#ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff9;cursor:pointer;transition:all .2s ease;z-index:100;padding:0;opacity:.6}.subtle-results-button:hover{background-color:#ffffff26;color:#ffffffe6;opacity:1;transform:scale(1.05)}.subtle-results-button:active{transform:scale(.95)}@media (max-width: 640px){.subtle-results-button{top:16px;right:16px;width:32px;height:32px}.subtle-results-button svg{width:14px;height:14px}.error-message{font-size:1rem}}.stats-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(to bottom right,#9333ea,#ec4899)}.stats-content{text-align:center;max-width:600px;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff}.stats-title{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.stats-count{font-size:1.5rem}.error-container{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(to bottom right,#9333ea,#ec4899)}.error-content{text-align:center;max-width:600px;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.error-message{color:#ffeb3b;font-size:1.2rem;font-weight:500;margin:0}@media (max-width: 640px){.error-message{font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}button{font-family:inherit}#root{min-height:100vh;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{--primary-gradient-start: #9333ea;--primary-gradient-end: #ec4899}html{height:100%}body{margin:0;min-height:100%;background:linear-gradient(to bottom right,var(--primary-gradient-start),var(--primary-gradient-end));color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}