*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(180deg,#0a0f1c,#0d1526,#111b2e);background-attachment:fixed;color:#fff;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.wave-background{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.wave-background svg{width:100%;height:100%}.wave{animation:waveFloat 12s ease-in-out infinite}.wave-1{animation-delay:0s}.wave-2{animation-delay:-2s}.wave-3{animation-delay:-4s}@keyframes waveFloat{0%,to{transform:translateY(0) translate(0)}25%{transform:translateY(-10px) translate(5px)}50%{transform:translateY(0) translate(10px)}75%{transform:translateY(10px) translate(5px)}}.accent-line{animation:lineGlow 4s ease-in-out infinite}.line-1{animation-delay:0s}.line-2{animation-delay:-1.3s}.line-3{animation-delay:-2.6s}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:.8}}.container{position:relative;z-index:1;width:100%;max-width:400px;text-align:center}.header{margin-bottom:40px}.header.compact{margin-bottom:20px}.brand-logo{height:28px;width:auto;margin-bottom:12px}.title{font-size:24px;font-weight:600;letter-spacing:.1em;color:#fff;text-shadow:0 0 30px rgba(59,130,246,.5)}.title.small{font-size:18px}.score-display{margin:30px 0}.score-display.inline{display:inline-block;margin:15px 0}.score{font-size:72px;font-weight:300;color:#fff;line-height:1;text-shadow:0 0 40px rgba(59,130,246,.6)}.score-display.inline .score{font-size:48px}.score-label{font-size:11px;letter-spacing:.2em;color:#fff9;margin-top:8px}.loading{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff9}.spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;box-shadow:0 4px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-icon{font-size:48px;color:#ff6b6b;margin-bottom:16px}.error-message{font-size:18px;color:#fff;margin-bottom:8px}.error-hint{font-size:14px;color:#fff9}.claimed-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;box-shadow:0 4px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.claimed-text{font-size:16px;color:#ffffffd9;margin-bottom:20px}.claim-form{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:30px;box-shadow:0 4px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-intro{font-size:14px;color:#fff9;margin-bottom:24px;line-height:1.5}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;font-size:14px;color:#ffffffe6;margin-bottom:8px;font-weight:500}.form-group label .optional-label{font-weight:400;color:#fff6;font-size:12px}.form-group input{width:100%;padding:14px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .2s,background .2s}.form-group input:focus{border-color:#3b82f680;background:#ffffff26}.form-group input::placeholder{color:#fff6}.form-group input:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed}.form-group select{width:100%;padding:14px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:16px;outline:none;transition:border-color .2s,background .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.form-group select:focus{border-color:#3b82f680;background-color:#ffffff26}.form-group select option{background:#1a1a2e;color:#fff}.form-error{color:#ff6b6b;font-size:14px;margin-bottom:16px}.btn-primary{display:inline-block;width:100%;padding:16px 32px;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:30px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 30px #3b82f666}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px #3b82f680}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.video-page .container{max-width:500px}.video-container{width:100%;max-width:280px;margin:0 auto 20px;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 10px 60px #3b82f64d;border:1px solid rgba(59,130,246,.3)}.video-container video{width:100%;height:auto;display:block;aspect-ratio:9 / 16;object-fit:contain;background:#000}.video-info{margin-bottom:20px}.claimed-by{font-size:14px;color:#fff9;margin-top:8px}.video-actions{display:flex;flex-direction:column;gap:10px;align-items:center;margin-bottom:24px;width:100%;max-width:280px;margin-left:auto;margin-right:auto}.btn-share{display:block;width:100%;padding:14px 32px;background:#ffffff0d;border:1px solid rgba(59,130,246,.4);border-radius:30px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-share:hover:not(:disabled){transform:translateY(-2px);background:#3b82f61a;border-color:#3b82f699;box-shadow:0 4px 20px #3b82f633}.btn-share:disabled{opacity:.6;cursor:not-allowed}.btn-download{display:block;width:100%;padding:14px 32px;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:30px;color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 30px #3b82f666}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 40px #3b82f680}.btn-download:disabled{opacity:.6;cursor:not-allowed}.summary-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.summary{font-size:14px;color:#ffffffd9;line-height:1.6;text-align:left}.ios-help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.ios-help-modal{background:linear-gradient(180deg,#0d1526,#111b2e);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;max-width:320px;width:100%;text-align:center;box-shadow:0 20px 60px #00000080}.ios-help-modal h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:20px}.ios-help-modal ol{text-align:left;padding-left:24px;margin-bottom:24px}.ios-help-modal li{font-size:16px;color:#ffffffd9;line-height:1.6;margin-bottom:12px}.ios-help-modal li:last-child{margin-bottom:0}.btn-close{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:30px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 30px #3b82f666}.btn-close:hover{transform:translateY(-2px);box-shadow:0 10px 40px #3b82f680}.generating-page{flex-direction:column;align-items:center;padding:40px 20px}.generating-top{position:relative;z-index:1;padding-top:20px}.generating-middle{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.generating-steps-wrapper{margin-top:40px}.generating-bottom{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.generating-screen{display:flex;flex-direction:column;align-items:center;padding:40px 0}.pulse-loader{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.progress-percent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:200;color:#96beffd9;z-index:1;pointer-events:none;letter-spacing:.02em}.pulse-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(59,130,246,.4);animation:pulse-expand 2s ease-out infinite}.pulse-ring:nth-child(2){animation-delay:.5s}.pulse-ring:nth-child(3){animation-delay:1s}@keyframes pulse-expand{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.generating-steps{margin-top:30px;display:flex;flex-direction:column;gap:12px;align-items:center}.generating-step{display:flex;align-items:center;gap:10px;opacity:.3;transition:opacity .3s ease}.generating-step.active{opacity:1}.generating-step.done{opacity:.6}.step-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;transition:background .3s ease}.step-dot.active{background:#3b82f6;box-shadow:0 0 10px #3b82f680;animation:dot-blink 1.8s ease-in-out infinite}@keyframes dot-blink{0%,to{opacity:1;box-shadow:0 0 10px #3b82f680}50%{opacity:.4;box-shadow:0 0 4px #3b82f633}}.step-dot.done{background:#22c55e}.generating-step span{font-size:16px;color:#ffffffe6;font-weight:600}.animated-dots span{opacity:0}.animated-dots span:nth-child(1){animation:dot1 2s steps(1) infinite}.animated-dots span:nth-child(2){animation:dot2 2s steps(1) infinite}.animated-dots span:nth-child(3){animation:dot3 2s steps(1) infinite}@keyframes dot1{0%{opacity:0}25%{opacity:1}to{opacity:0}}@keyframes dot2{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes dot3{0%{opacity:0}75%{opacity:1}to{opacity:0}}.generating-hint{margin-top:24px;font-size:14px;color:#ffffff80;text-align:center;line-height:1.6}@media (max-width: 480px){.page{padding:16px}.title{font-size:20px}.score{font-size:56px}.claim-form{padding:24px 20px}.video-container{max-width:240px}}.video-page{height:100vh;height:100dvh;min-height:0;padding:20px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));overflow:hidden;flex-direction:column}.video-page .container{display:flex;flex-direction:column;align-items:center;flex:1;min-height:0;width:100%;max-width:500px}.video-page .header.compact{margin-bottom:8px;flex-shrink:0}.video-page .video-container{flex:1 1 0;min-height:0;max-width:none;width:auto;aspect-ratio:9 / 16;margin:0 auto 12px;overflow:hidden}.video-page .video-container video{width:100%;height:100%;object-fit:cover}.video-page .video-actions{flex-shrink:0;margin-bottom:8px;width:100%;max-width:280px}.video-page .score-display.inline{margin:6px 0;flex-shrink:0}.video-page .summary-box{display:none}