.bonus-otp{width:100%;min-width:0;border:1px solid rgb(var(--line));border-radius:20px;background:rgb(var(--surface));color:rgb(var(--foreground));overflow:hidden;font-size:13px;box-shadow:0 4px 20px -16px rgb(var(--forest-600) / .3)}.bonus-otp-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid rgb(var(--line))}.bonus-otp-header>span:first-child{display:flex;align-items:center;gap:8px;font-weight:600}.bonus-otp-badge{font-size:10px;white-space:nowrap;border-radius:20px;padding:4px 8px;background:rgb(var(--forest-50));color:rgb(var(--forest-800))}.bonus-otp-body{padding:18px 16px}.bonus-otp h3{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.3px}.bonus-otp-muted{margin-top:6px;color:rgb(var(--muted-fg));font-size:12px;line-height:1.5}.bonus-otp-center{text-align:center}.bonus-otp label{display:block;margin:18px 0 7px;font-size:12px;font-weight:500}.bonus-otp input{border:1px solid rgb(var(--line));border-radius:10px;background:rgb(var(--surface));color:inherit;min-width:0}.bonus-otp input:focus-visible,.bonus-otp button:focus-visible{outline:2px solid rgb(var(--forest-500));outline-offset:3px}.bonus-otp button{transition:background .18s,transform .18s;cursor:pointer}.bonus-otp button:disabled,.bonus-otp input:disabled{opacity:.55;cursor:not-allowed}.bonus-otp button:enabled:active{transform:scale(.98)}.bonus-otp-amount{display:flex;gap:8px}.bonus-otp-amount input{width:100%;height:44px;padding:0 12px;font-size:15px}.bonus-otp-amount button{padding:0 10px;border-radius:10px;background:rgb(var(--forest-50));color:rgb(var(--forest-800));font-size:11px;font-weight:600}.bonus-otp-summary{display:flex;justify-content:space-between;gap:10px;margin:14px 0;padding:10px 0;border-block:1px solid rgb(var(--line));font-variant-numeric:tabular-nums}.bonus-otp-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;border-radius:11px;background:rgb(var(--forest-600));color:rgb(var(--on-primary));font-weight:600}.bonus-otp-primary:enabled:hover{background:rgb(var(--forest-700))}.bonus-otp-error{margin-top:8px;color:var(--dana-danger,#ba294b);font-size:12px;line-height:1.5}.bonus-otp-test-code{margin:10px 0;text-align:center;font-size:11px;color:rgb(var(--muted-fg))}.bonus-otp-code{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:14px}.bonus-otp-code input{height:48px;width:100%;font-size:23px;text-align:center;font-variant-numeric:tabular-nums}.bonus-otp-code input[aria-invalid=true]{border-color:var(--dana-danger,#ba294b)}.bonus-otp-feedback{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;line-height:1.4;color:rgb(var(--muted-fg))}.bonus-otp-feedback>span{display:flex;align-items:center;gap:6px}.bonus-otp-feedback .bonus-otp-error{margin:0}.bonus-otp-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px}.bonus-otp-actions button{min-height:36px;text-align:left;color:rgb(var(--forest-700))}.bonus-otp-confirmed{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;text-align:center}.bonus-otp-stamp{display:grid;place-items:center;height:64px;width:64px;background:rgb(var(--forest-50));color:rgb(var(--forest-700));border:1px solid rgb(var(--forest-200));border-radius:50%;box-shadow:0 0 0 7px rgb(var(--forest-50) / .65)}.bonus-otp-confirmed p{font-size:12px}.bonus-otp-verified{display:flex;align-items:center;gap:6px;color:rgb(var(--muted-fg));font-size:11px}.bonus-otp-confirmed button{display:flex;align-items:center;gap:5px;font-size:12px;padding:6px;color:rgb(var(--forest-700))}.bonus-otp-progress{display:flex;justify-content:center;gap:20px;padding:12px;border-top:1px solid rgb(var(--line));font-size:10px;color:rgb(var(--muted-fg))}.bonus-otp-progress li{display:flex;align-items:center;gap:6px}.bonus-otp-progress li>span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:rgb(var(--platinum))}.bonus-otp-progress li[aria-current=step]{color:rgb(var(--foreground));font-weight:600}.bonus-otp-progress li[aria-current=step]>span{background:rgb(var(--forest-100));color:rgb(var(--forest-800))}.bonus-envelope{position:relative;perspective:400px;width:88px;height:78px;margin:0 auto 8px}.bonus-envelope-back{position:absolute;left:8px;top:28px;width:72px;height:48px;border-radius:8px;background:rgb(var(--platinum));border:1px solid rgb(var(--line))}.bonus-envelope-flap{position:absolute;left:8px;top:28px;width:72px;height:32px;background:rgb(var(--forest-200));clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transform:rotateX(180deg)}.bonus-envelope-paper{position:absolute;left:19px;top:24px;width:50px;height:50px;border:1px solid rgb(var(--line));border-radius:6px;background:rgb(var(--surface));transform:translateY(-10px);display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:6px;color:rgb(var(--forest-600))}.bonus-envelope-paper i{width:24px;height:2px;background:rgb(var(--forest-200));border-radius:2px}.bonus-envelope-paper i:last-child{width:16px}.bonus-envelope-front{position:absolute;left:7px;top:27px;width:74px;height:50px;fill:rgb(var(--platinum))}.bonus-envelope-front path:last-child{fill:none;stroke:rgb(var(--line))}.bonus-otp-spin{animation:bonus-otp-spin .85s linear infinite}@keyframes bonus-otp-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.bonus-otp *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width:380px){.bonus-otp-body{padding:16px 12px}.bonus-otp-header{padding:12px}.bonus-otp-code{gap:4px}.bonus-otp-code input{height:44px;font-size:20px}.bonus-otp-actions{font-size:10px}}.bonus-otp-live .bonus-otp-badge{display:flex;align-items:center;gap:4px}.bonus-live-code{position:relative;margin-top:16px;border-radius:10px;min-height:48px}.bonus-live-code input{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.01;cursor:text;font-size:16px}.bonus-live-code:focus-within{outline:2px solid rgb(var(--forest-500));outline-offset:4px}.bonus-live-digits{display:grid;gap:6px;pointer-events:none}.bonus-live-digits>span{display:grid;place-items:center;min-width:0;height:48px;font-size:23px;font-variant-numeric:tabular-nums;border:1px solid rgb(var(--line));border-radius:10px;color:rgb(var(--muted-fg))}.bonus-live-digits>span[data-filled=true]{color:rgb(var(--foreground));border-color:rgb(var(--forest-300));background:rgb(var(--forest-50))}.bonus-live-code:has(input[aria-invalid=true]) .bonus-live-digits>span{border-color:var(--dana-danger,#ba294b)}.bonus-otp-live .bonus-otp-primary{padding:10px 12px;white-space:normal;text-align:center;line-height:1.4}@media (max-width:380px){.bonus-live-digits{gap:4px}.bonus-live-digits>span{height:44px;font-size:20px}}