.screen{display:none;flex-direction:column;align-items:center;min-height:100dvh;padding:40px 24px;position:relative;gap:32px}.screen.active{display:flex}.logo{width:100px;height:100px;border-radius:22px;background:linear-gradient(145deg,#ffffff1a,#ffffff0a);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0006}.logo svg{width:56px;height:56px;fill:#fff;opacity:.85}.inputs-group{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.glass-card{width:100%;max-width:420px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:28px 24px;margin-bottom:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.input-row{width:100%;max-width:420px;display:flex;align-items:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:6px 8px 6px 24px;margin-bottom:14px;height:60px;transition:border-color .3s ease}.input-row:focus-within{border-color:#ffffff26}.input-row input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:Outfit,sans-serif;font-size:16px;font-weight:400}.input-row input::placeholder{color:#ffffff40}.check-icon{width:36px;height:36px;border-radius:50%;background:#34c759;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}.check-icon.visible{opacity:1;transform:scale(1)}.check-icon svg{width:18px;height:18px}.btn-reserve{padding:12px 28px;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;color:#000;background:linear-gradient(135deg,#fffffff2,#dcc8ffd9,#c8e6ffe6,#ffdcdcd9);background-size:200% 200%;animation:shimmer 6s ease infinite;border:none;border-radius:100px;cursor:pointer;flex-shrink:0;transition:transform .2s ease,box-shadow .3s ease}.btn-reserve:hover{animation:shimmer 2s ease infinite;box-shadow:0 0 20px #c8b4ff40}.btn-reserve:active{transform:scale(.95)}.btn-reserve:disabled{opacity:.3;cursor:not-allowed;animation:none;background:#ffffff26;color:#ffffff4d}.btn-reserve-bottom{width:100%;max-width:420px;padding:20px 24px;font-family:Outfit,sans-serif;font-weight:600;font-size:16px;color:#000;background:linear-gradient(135deg,#fffffff2,#dcc8ffd9,#c8e6ffe6,#ffdcdcd9,#dcffdce6,#fff0c8d9,#fffffff2);background-size:200% 200%;animation:shimmer 6s ease infinite;border:none;border-radius:100px;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease}.btn-reserve-bottom:hover{animation:shimmer 2s ease infinite;box-shadow:0 0 24px #c8b4ff4d,0 0 60px #c8dcff1f}.btn-reserve-bottom:active{transform:scale(.97)}.btn-reserve-bottom:disabled{opacity:1;cursor:not-allowed;animation:none;background:#ffffff26;color:#ffffff73;box-shadow:none}.claim-status,.verify-status{width:100%;max-width:420px;min-height:20px;font-family:IBM Plex Mono,monospace;font-size:12px;line-height:1.5;color:#ffffff73;text-align:center}.claim-status[data-tone=error],.verify-status[data-tone=error]{color:#ff8f8f}.claim-status[data-tone=success],.verify-status[data-tone=success]{color:#7ce2a6}.claim-status[data-tone=warning],.verify-status[data-tone=warning]{color:#ffd479}.btn-connect-x{width:100%;max-width:420px;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:100px;color:#fff;font-family:Outfit,sans-serif;font-weight:500;font-size:16px;cursor:pointer;margin-bottom:14px;transition:background .3s ease,border-color .3s ease}.btn-connect-x:hover{background:#ffffff12;border-color:#ffffff1f}.btn-connect-x.connected{border-color:#34c7594d;background:#34c7590f}.btn-connect-x svg{width:18px;height:18px;fill:#fff}.pay-row{width:100%;max-width:420px;display:flex;align-items:center;justify-content:space-between;padding:16px 8px 16px 24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:100px;margin-bottom:14px;height:60px}.pay-label{font-size:15px;color:#ffffff80;font-weight:400}.pay-amount{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;color:#ffffffb3;margin-right:12px}.steps{display:flex;gap:8px;margin-bottom:32px}.step-dot{width:32px;height:4px;border-radius:2px;background:#ffffff26;transition:background .3s ease}.step-dot.active{background:#fff9}.confirm-check{width:56px;height:56px;border-radius:50%;background:#34c759;display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both}.confirm-check svg{width:28px;height:28px}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.confirm-title{font-weight:700;font-size:26px;margin-bottom:6px;text-align:center;animation:fadeUp .5s .2s ease both}.confirm-sub{font-weight:300;font-size:15px;color:#fff6;text-align:center;margin-bottom:36px;animation:fadeUp .5s .3s ease both}@keyframes fadeUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.share-card{animation:fadeUp .5s .4s ease both}.share-title{display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;margin-bottom:20px;justify-content:center}.share-title svg{width:20px;height:20px;fill:#fff;opacity:.6}.step-label{display:flex;align-items:center;gap:0;margin-bottom:14px;width:100%}.step-label-line{flex:1;height:1px;background:#ffffff0f}.step-label-text{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400;color:#ffffff40;padding:0 12px;white-space:nowrap}.btn-post-x{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:#fff;border:none;border-radius:100px;color:#000;font-family:Outfit,sans-serif;font-weight:600;font-size:15px;cursor:pointer;margin-bottom:6px;transition:transform .2s ease,box-shadow .3s ease}.btn-post-x:hover{box-shadow:0 0 20px #ffffff26}.btn-post-x:active{transform:scale(.97)}.btn-post-x svg{width:16px;height:16px}.post-row{display:flex;gap:8px;margin-bottom:8px}.btn-copy{width:50px;height:50px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .2s ease}.btn-copy:hover{background:#ffffff1a}.btn-copy svg{width:16px;height:16px;fill:#fff;opacity:.5}.verify-row{display:flex;gap:8px;align-items:center}.verify-input{flex:1;padding:14px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#fff;font-family:Outfit,sans-serif;font-size:14px;outline:none}.verify-input::placeholder{color:#fff3}.btn-verify{padding:14px 28px;background:#fff;border:none;border-radius:100px;color:#000;font-family:Outfit,sans-serif;font-weight:600;font-size:14px;cursor:pointer;flex-shrink:0;transition:transform .2s ease}.btn-verify:disabled{cursor:not-allowed;opacity:.45}.btn-verify:active{transform:scale(.95)}.footer-note{font-size:13px;color:#ffffff4d;text-align:center;line-height:1.5;max-width:360px;margin-top:24px;animation:fadeUp .5s .6s ease both}.footer-note a{color:#ffffff80;text-decoration:underline;text-underline-offset:2px}.confetti-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100}