:root{--redeem-bg: #f5f5f7;--redeem-surface: #ffffff;--redeem-surface-muted: #f8f9f8;--redeem-text: #1d1d1f;--redeem-text-muted: #6e6e73;--redeem-border: #d2d2d7;--redeem-border-soft: #e8e8ed;--redeem-accent: #176b5d;--redeem-accent-hover: #12584d;--redeem-success: #137333;--redeem-warning: #9a6700;--redeem-danger: #b42318;--redeem-radius-control: 12px;--redeem-radius-card: 16px;--redeem-control-height: 48px;--redeem-shadow-card: 0 12px 36px rgba(0, 0, 0, .08);color:var(--redeem-text);background:var(--redeem-bg);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;font-size:16px;letter-spacing:0}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;background:var(--redeem-bg);color:var(--redeem-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font:inherit}button{appearance:none}a{color:inherit}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1{min-width:0;color:var(--redeem-text);font-size:2rem;font-weight:760;line-height:1.12;overflow-wrap:anywhere}h2{min-width:0;color:var(--redeem-text);font-size:1.28rem;font-weight:720;line-height:1.22;overflow-wrap:anywhere;text-wrap:balance}h3{min-width:0;color:var(--redeem-text);font-size:1rem;font-weight:700;line-height:1.28;overflow-wrap:anywhere}.upgrade-shell{display:grid;align-content:start;gap:14px;width:min(100%,760px);min-height:100vh;margin:0 auto;padding:20px max(16px,env(safe-area-inset-right)) 36px max(16px,env(safe-area-inset-left))}.upgrade-shell--status{width:min(100%,820px)}.page-header{display:grid;gap:8px;margin:4px 0 2px}.upgrade-kicker{color:var(--redeem-accent);font-size:.82rem;font-weight:740;line-height:1.2}.page-subtitle{max-width:620px;color:var(--redeem-text-muted);line-height:1.65;text-wrap:pretty}.step-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 2px;padding:0;list-style:none}.step-item{min-width:0}.step-pill{display:grid;align-items:center;justify-items:center;align-content:center;gap:4px;width:100%;min-width:0;min-height:48px;border:1px solid var(--redeem-border-soft);border-radius:var(--redeem-radius-control);background:var(--redeem-surface);color:var(--redeem-text-muted);cursor:pointer;padding:6px 4px;text-align:center;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.step-pill span{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--redeem-border-soft);color:var(--redeem-text-muted);font-size:.78rem;font-weight:760;line-height:1;font-variant-numeric:tabular-nums}.step-pill strong{min-width:0;color:inherit;font-size:.72rem;font-weight:650;line-height:1.15;overflow-wrap:anywhere;text-wrap:balance}.step-pill--active{border-color:#176b5d38;background:#176b5d0f;color:var(--redeem-accent)}.step-pill--active span,.step-pill--done span{background:var(--redeem-accent);color:var(--redeem-surface)}.step-pill--done{color:var(--redeem-accent)}.step-pill:disabled{cursor:not-allowed;opacity:.56}.step-pill:focus-visible{outline:3px solid var(--redeem-accent);outline-offset:3px}.workflow-panel,.status-layout{display:grid;gap:16px;min-width:0;border:1px solid var(--redeem-border-soft);border-radius:var(--redeem-radius-card);background:var(--redeem-surface);padding:18px;box-shadow:var(--redeem-shadow-card)}.workflow-panel>h2,.workflow-panel>h3{min-width:0}.account-target{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;min-width:0}.account-target>div:last-child{display:grid;gap:4px;min-width:0}.chatgpt-icon{width:48px;height:48px}.product-badge{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--redeem-text);color:var(--redeem-surface);font-size:1.35rem;font-weight:760}.product-badge--claude{background:#6f5546}.workflow-link{display:inline-block;max-width:100%;color:var(--redeem-accent);font-weight:680;line-height:1.45;overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:3px}.open-link,.status-link,.cookie-install-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-width:0;min-height:var(--redeem-control-height);border:1px solid var(--redeem-border);border-radius:var(--redeem-radius-control);background:var(--redeem-surface);color:var(--redeem-accent);cursor:pointer;padding:0 16px;text-align:center;text-decoration:none;font-weight:700;line-height:1.2;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.open-link img{width:20px;height:20px}.instruction-copy{color:var(--redeem-text-muted);line-height:1.65;overflow-wrap:anywhere;text-wrap:pretty}.inline-link{color:var(--redeem-accent);text-decoration:none}.cookie-guide-note,.cookie-guide-hint{color:var(--redeem-text-muted);font-size:.92rem;line-height:1.55;text-wrap:pretty}.cookie-guide-note{font-weight:680}.cookie-step-grid{display:grid;gap:12px;min-width:0}.cookie-step-card{display:grid;align-content:start;gap:14px;min-width:0;border:1px solid var(--redeem-border-soft);border-radius:var(--redeem-radius-control);background:var(--redeem-surface-muted);padding:14px}.cookie-step-title{display:flex;align-items:center;gap:8px;min-width:0;color:var(--redeem-text);line-height:1.25}.cookie-step-title strong{min-width:0;font-size:.95rem;font-weight:720;overflow-wrap:anywhere}.cookie-step-number{display:grid;place-items:center;width:24px;height:24px;flex:0 0 auto;border-radius:999px;background:#9a67001f;color:var(--redeem-warning);font-size:.8rem;font-weight:760;line-height:1;font-variant-numeric:tabular-nums}.cookie-install-body{display:grid;align-content:center;justify-items:center;gap:16px;min-height:142px}.cookie-install-icons{display:flex;align-items:center;justify-content:center;gap:14px;width:100%}.cookie-editor-icon,.cookie-chrome-icon{width:52px;height:52px;object-fit:contain}.cookie-step-arrow{color:var(--redeem-warning);font-size:1.1rem;font-weight:760;line-height:1}.cookie-install-link{width:auto;min-height:44px;border-color:#176b5d47;background:var(--redeem-surface);color:var(--redeem-accent);font-size:.9rem}.cookie-copy-video,.tutorial-image{width:100%;aspect-ratio:16 / 9;border:1px solid var(--redeem-border-soft);border-radius:var(--redeem-radius-control);background:var(--redeem-surface-muted);object-fit:contain;overflow:hidden}.redeem-form,.status-form{display:grid;gap:14px;min-width:0}.form-field{display:grid;gap:8px;min-width:0}.form-field label{color:var(--redeem-text);font-size:.88rem;font-weight:680;line-height:1.25}.text-input,.text-area{width:100%;min-width:0;border:1px solid var(--redeem-border);border-radius:var(--redeem-radius-control);background:var(--redeem-surface);color:var(--redeem-text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.text-input{min-height:var(--redeem-control-height);padding:0 14px}.text-area{min-height:184px;max-height:340px;padding:12px 14px;line-height:1.5;resize:vertical}.text-input::placeholder,.text-area::placeholder{color:var(--redeem-text-muted)}.text-input:focus,.text-area:focus{border-color:var(--redeem-accent);box-shadow:0 0 0 4px #176b5d3d}.text-input:focus-visible,.text-area:focus-visible{outline:3px solid var(--redeem-accent);outline-offset:2px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:var(--redeem-control-height);border-radius:var(--redeem-radius-control);cursor:pointer;padding:0 16px;font-weight:720;line-height:1.2;text-align:center;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.primary-button{border:1px solid var(--redeem-accent);background:var(--redeem-accent);color:var(--redeem-surface)}.secondary-button{border:1px solid var(--redeem-border);background:var(--redeem-surface);color:var(--redeem-accent)}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.68}.primary-button:focus-visible,.secondary-button:focus-visible,.open-link:focus-visible,.status-link:focus-visible,.cookie-install-link:focus-visible{outline:3px solid var(--redeem-accent);outline-offset:3px;box-shadow:0 0 0 1px var(--redeem-surface)}.notice{min-height:44px;border-radius:var(--redeem-radius-control);padding:11px 12px;line-height:1.4;overflow-wrap:anywhere}.notice--error{border:1px solid rgba(180,35,24,.18);background:#b423180f;color:var(--redeem-danger)}.notice--success{border:1px solid rgba(19,115,51,.18);background:#1373330f;color:var(--redeem-success)}.validation-card,.validated-cdk-summary{border-color:#1373332e;background:#1373330a}.validation-title{color:var(--redeem-success);font-size:.9rem;font-weight:740}.validation-product{color:var(--redeem-text);font-weight:720;overflow-wrap:anywhere}.validation-meta,.validated-cdk-summary p{color:var(--redeem-text-muted);line-height:1.5;overflow-wrap:anywhere}.summary-list{display:grid;min-width:0;border:1px solid var(--redeem-border-soft);border-radius:var(--redeem-radius-control);background:var(--redeem-surface-muted);overflow:hidden}.summary-row{display:grid;grid-template-columns:minmax(72px,.32fr) minmax(0,1fr);gap:12px;align-items:start;min-width:0;padding:12px}.summary-row+.summary-row{border-top:1px solid var(--redeem-border-soft)}.summary-label{color:var(--redeem-text-muted);font-size:.88rem;font-weight:650;line-height:1.35}.summary-value{min-width:0;color:var(--redeem-text);font-size:.95rem;font-weight:720;line-height:1.35;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.action-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}.result-panel{display:grid;gap:12px;min-width:0;border:1px solid rgba(19,115,51,.18);border-radius:var(--redeem-radius-card);background:#1373330d;padding:16px}.result-label{color:var(--redeem-success);font-size:.92rem;font-weight:760}.status-hero{display:grid;gap:16px;min-width:0}.status-layout{box-shadow:0 8px 24px #0000000d}.status-lookup-card{margin-top:2px}.legacy-query{display:grid;gap:12px;min-width:0;border-top:1px solid var(--redeem-border-soft);padding-top:16px}.legacy-query-copy{color:var(--redeem-text-muted);font-size:.9rem;line-height:1.55;overflow-wrap:anywhere;text-wrap:pretty}.status-panel,.status-empty{display:grid;gap:10px;min-width:0}.status-result-card{border:1px solid rgba(23,107,93,.18);border-radius:var(--redeem-radius-card);background:var(--redeem-surface);padding:18px;box-shadow:var(--redeem-shadow-card)}.status-panel--error{align-content:center;border-color:#b4231833;background:#b423180f;color:var(--redeem-danger);line-height:1.45;overflow-wrap:anywhere}.status-empty{align-content:center;min-height:88px;color:var(--redeem-text-muted);line-height:1.5}.status-row{display:grid;grid-template-columns:minmax(72px,.3fr) minmax(0,1fr);gap:12px;align-items:start;min-width:0;min-height:32px}.status-label{color:var(--redeem-text-muted);font-size:.88rem;font-weight:650;line-height:1.35}.status-value{min-width:0;color:var(--redeem-text);font-size:.98rem;font-weight:720;line-height:1.35;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}@media(hover:hover){.step-pill:hover:not(:disabled){border-color:#176b5d2e;background:#176b5d0a;color:var(--redeem-accent)}.inline-link:hover,.workflow-link:hover{color:var(--redeem-accent-hover);text-decoration:underline}.primary-button:hover:not(:disabled){border-color:var(--redeem-accent-hover);background:var(--redeem-accent-hover);box-shadow:0 8px 20px #176b5d2e}.secondary-button:hover:not(:disabled),.open-link:hover,.status-link:hover,.cookie-install-link:hover{border-color:#176b5d5c;background:#176b5d0d;color:var(--redeem-accent-hover)}}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.open-link:active,.status-link:active,.cookie-install-link:active{transform:scale(.98)}@media(min-width:720px){.upgrade-shell{gap:18px;padding:48px 24px 56px}.page-header{margin-top:0}h1{font-size:2.8rem}.step-progress{gap:10px}.step-pill{grid-template-columns:28px minmax(0,1fr);justify-items:start;min-height:52px;padding:10px;text-align:left}.step-pill span{width:28px;height:28px}.step-pill strong{font-size:.86rem;line-height:1.2}.workflow-panel,.status-layout{gap:18px;padding:24px}.cookie-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-step-card{min-height:246px}.open-link,.primary-button,.secondary-button,.status-link{width:auto;min-width:176px;justify-self:start;padding:0 22px}.action-row{display:flex;align-items:center;flex-wrap:wrap}.summary-row{grid-template-columns:112px minmax(0,1fr);padding:13px 14px}.status-form{grid-template-columns:minmax(0,1fr) auto;align-items:end}.status-form .primary-button,.status-form .secondary-button{width:150px;min-width:150px}.status-result-card{padding:22px 24px}.status-row{grid-template-columns:96px minmax(0,1fr)}}