*{box-sizing:border-box}html{min-width:320px;background:var(--background)}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex;flex-direction:column}.site-header{height:64px;flex:0 0 64px;border-bottom:1px solid var(--border-subtle);background:#fffffff5}.header-inner{width:min(1120px,100%);height:100%;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:11px}.logo-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff;font-size:18px;font-weight:700;letter-spacing:-.03em}.logo-copy{display:flex;align-items:baseline;gap:9px}.logo-copy strong{color:var(--text-primary);font-size:19px;font-weight:650;letter-spacing:-.02em}.logo-copy small{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.header-note{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);font-size:12px}.header-note i{width:7px;height:7px;border-radius:50%;background:var(--success)}.main-content{flex:1;width:min(760px,100%);margin:0 auto;padding:64px 24px 88px}.intro{text-align:center}.intro h1{margin:0 0 10px;color:var(--text-primary);font-size:clamp(34px,5vw,44px);font-weight:650;letter-spacing:-.045em;line-height:1.2}.intro>p{margin:0;color:var(--text-secondary);font-size:16px;line-height:1.7}.progress{width:min(600px,100%);margin:42px auto 34px;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.progress:before{content:"";height:1px;position:absolute;top:17px;left:16.66%;right:16.66%;background:var(--border)}.progress div{min-width:0;display:grid;justify-items:center;gap:10px;position:relative;z-index:1;color:var(--text-muted);font-size:12px;font-weight:500}.progress b{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--background);color:var(--text-muted);font-size:12px;font-weight:600}.progress .active{color:var(--text-secondary)}.progress .active b{border-color:var(--primary);background:var(--primary);color:#fff}.progress [aria-current=step] b{box-shadow:0 0 0 5px var(--primary-soft)}.redeem-card{width:min(640px,100%);margin:0 auto;padding:34px 38px 28px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}.card-head h2{margin:0;color:var(--text-primary);font-size:22px;font-weight:650;letter-spacing:-.025em}.card-head>span{display:inline-block;margin-bottom:8px;color:var(--primary);font-size:11px;font-weight:650;letter-spacing:.12em}.card-head p{margin:8px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.65}.centered{text-align:center}.redeem-card form{min-width:0;margin-top:27px;display:grid;gap:11px}.redeem-card label{color:var(--text-primary);font-size:13px;font-weight:550}.code-input,textarea{width:100%;min-width:0;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);color:var(--text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.code-input{height:54px;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px;letter-spacing:.055em}textarea{padding:14px 16px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.65}.code-input::placeholder,textarea::placeholder{color:var(--text-placeholder)}.code-input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.redeem-card form>button,.redeem-card>button:not(.query-link){width:100%;min-height:48px;margin-top:7px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--primary);color:#fff;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.redeem-card form>button:hover,.redeem-card>button:not(.query-link):hover{background:var(--primary-hover);box-shadow:0 2px 6px #1a73e840}.redeem-card form>button:active,.redeem-card>button:not(.query-link):active{transform:translateY(1px)}.redeem-card button:disabled{background:var(--text-disabled);box-shadow:none;cursor:wait;transform:none}.redeem-card button i{font-style:normal;font-size:17px;line-height:1}.check{display:flex;align-items:flex-start;gap:9px;color:var(--text-secondary)!important;font-weight:400!important;line-height:1.55}.check input{margin-top:3px;accent-color:var(--primary)}.verified{margin-bottom:25px;padding:13px 14px;display:flex;align-items:center;gap:12px;border:1px solid var(--success-border);border-radius:10px;background:var(--success-soft)}.verified>span,.success-mark{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--success);color:#fff;font-weight:700}.verified div{display:grid;gap:2px}.verified small{color:var(--success-text)}.verified strong{font-size:14px;font-weight:600}.success-mark{width:52px;height:52px;margin:0 auto 18px;font-size:22px}.tracking{margin:24px 0;padding:14px 15px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.tracking small{grid-column:1 / -1;color:var(--text-muted)}.tracking code{overflow:hidden;color:var(--text-primary);text-overflow:ellipsis}.tracking button{border:0;background:transparent;color:var(--primary);cursor:pointer}.status-panel{margin-bottom:14px;padding:16px;display:flex;gap:14px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--surface-subtle)}.badge{height:max-content;padding:4px 7px;border-radius:999px;background:var(--border-subtle);color:var(--text-secondary);font-size:9px;font-weight:650}.badge.success{background:var(--success-soft);color:var(--success-text)}.badge.failed{background:var(--error-soft);color:var(--error)}.status-panel b{font-size:13px;text-transform:uppercase}.status-panel p{margin:6px 0;color:var(--text-secondary);font-size:13px}.status-panel small{display:block;color:var(--text-muted);font-size:11px}.error{margin-top:16px;padding:11px 12px;border:1px solid var(--error-border);border-radius:9px;background:var(--error-soft);color:var(--error);font-size:13px}footer{width:min(1120px,100%);margin:0 auto;padding:23px 24px 28px;display:flex;justify-content:space-between;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:11px}html,body,#root,.shell{max-width:100%;overflow-x:hidden}@media(max-width:600px){.site-header{height:58px;flex-basis:58px}.header-inner{padding-inline:17px}.logo-copy small,.header-note{display:none}.main-content{width:100%;padding:42px 16px 60px}.intro h1{font-size:33px}.intro>p{font-size:14px}.progress{margin:34px auto 28px}.progress div{gap:8px;font-size:11px}.progress b{width:32px;height:32px}.progress:before{top:16px}.redeem-card{padding:27px 20px 23px;border-radius:14px;box-shadow:0 1px 2px #3c40430d,0 5px 16px #3c40430f}.card-head h2{font-size:21px}.code-input{font-size:15px;letter-spacing:.035em}footer{padding:20px 17px 25px;flex-direction:column;gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#202124;background:#fff;--background: #fff;--surface: #fff;--surface-subtle: #f8fafd;--border: #dadce0;--border-strong: #bdc1c6;--border-subtle: #eef0f2;--text-primary: #202124;--text-secondary: #5f6368;--text-muted: #80868b;--text-placeholder: #9aa0a6;--text-disabled: #b8bcc1;--primary: #1a73e8;--primary-hover: #1765cc;--primary-soft: rgba(26, 115, 232, .12);--focus: rgba(26, 115, 232, .22);--success: #1e8e3e;--success-text: #137333;--success-soft: #e6f4ea;--success-border: #ceead6;--error: #c5221f;--error-soft: #fce8e6;--error-border: #f6aea9;--shadow: 0 1px 2px rgba(60, 64, 67, .06), 0 8px 24px rgba(60, 64, 67, .08)}