.PurchaseSkillAction-module__9V0JKq__backdrop{z-index:1000;background:color-mix(in srgb, var(--text-primary) 28%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);place-items:center;padding:32px;animation:.18s ease-out PurchaseSkillAction-module__9V0JKq__backdrop-in;display:grid;position:fixed;inset:0}.PurchaseSkillAction-module__9V0JKq__backdrop[data-closing]{animation:.14s ease-out forwards PurchaseSkillAction-module__9V0JKq__backdrop-out}.PurchaseSkillAction-module__9V0JKq__modal{border:.5px solid var(--card-border);border-radius:var(--radius-card);background:linear-gradient(to bottom, var(--card-gradient-start) 72.6%, var(--card-gradient-end));width:min(760px,100%);max-height:calc(100vh - 64px);box-shadow:var(--shadow-glass-card);color:var(--text-primary);flex-direction:column;animation:.24s cubic-bezier(.4,0,.2,1) PurchaseSkillAction-module__9V0JKq__modal-in;display:flex;overflow:hidden}.PurchaseSkillAction-module__9V0JKq__backdrop[data-closing] .PurchaseSkillAction-module__9V0JKq__modal{animation:.14s ease-out forwards PurchaseSkillAction-module__9V0JKq__modal-out}.PurchaseSkillAction-module__9V0JKq__header{grid-template-columns:minmax(0,1fr) 216px;align-items:center;gap:28px;padding:24px 64px 18px 28px;display:grid;position:relative}.PurchaseSkillAction-module__9V0JKq__intro{min-width:0}.PurchaseSkillAction-module__9V0JKq__byline{color:var(--text-secondary);text-transform:capitalize;margin:0;font-size:13px;font-weight:650}.PurchaseSkillAction-module__9V0JKq__intro h2{letter-spacing:-.03em;margin:6px 0 0;font-size:26px;line-height:1.1}.PurchaseSkillAction-module__9V0JKq__heroSummary{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.PurchaseSkillAction-module__9V0JKq__metrics{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.PurchaseSkillAction-module__9V0JKq__metrics span{background:linear-gradient(to bottom, var(--card-gradient-start) 72.6%, var(--card-gradient-end));min-height:26px;color:var(--text-tertiary);white-space:nowrap;border:0;border-radius:15px;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:500;display:inline-flex;box-shadow:0 3px 6px #e3ddebe6}html[data-theme=dark] .PurchaseSkillAction-module__9V0JKq__metrics span{box-shadow:var(--shadow-progressive)}.PurchaseSkillAction-module__9V0JKq__metrics strong{color:var(--text-primary);font-variant-numeric:tabular-nums;font-weight:500}.PurchaseSkillAction-module__9V0JKq__preview{border:.8px solid var(--card-border);border-radius:var(--radius-card);background:linear-gradient(to bottom, var(--card-gradient-start) 72.6%, var(--card-gradient-end));width:216px;height:144px;box-shadow:var(--shadow-progressive);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px}.PurchaseSkillAction-module__9V0JKq__previewImage{border-radius:var(--radius-media);background:var(--surface-muted);place-items:center;height:100px;display:grid;position:relative;overflow:hidden}.PurchaseSkillAction-module__9V0JKq__previewImage img{object-fit:cover}.PurchaseSkillAction-module__9V0JKq__previewMeta{justify-content:space-between;align-items:flex-end;height:24px;margin-top:4px;display:flex}.PurchaseSkillAction-module__9V0JKq__kindBadge{background:var(--skill-soft);text-transform:uppercase;border-radius:12px;align-items:center;gap:5px;height:14px;padding:0 8px;font-size:8px;font-weight:500;line-height:14px;display:inline-flex}.PurchaseSkillAction-module__9V0JKq__kindBadge i{background:currentColor;border-radius:50%;width:4px;height:4px}.PurchaseSkillAction-module__9V0JKq__close{appearance:none;width:32px;height:32px;box-shadow:none;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;transition:color .12s ease-out,background-color .12s ease-out,transform .12s ease-out;display:grid;position:absolute;top:16px;right:16px}.PurchaseSkillAction-module__9V0JKq__close:hover{color:var(--text-primary)}.PurchaseSkillAction-module__9V0JKq__close:active{transform:scale(.96)}.PurchaseSkillAction-module__9V0JKq__stepper{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 28px 18px;padding:0;list-style:none;display:grid}.PurchaseSkillAction-module__9V0JKq__stepper li{color:var(--text-tertiary);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:0 12px 0 0;font-size:12px;display:flex;position:relative}.PurchaseSkillAction-module__9V0JKq__stepper li:not(:last-child):after{background:var(--divider);content:"";flex:1;height:1px;margin-left:4px}.PurchaseSkillAction-module__9V0JKq__stepper li[data-state=current],.PurchaseSkillAction-module__9V0JKq__stepper li[data-state=complete]{color:var(--text-primary)}.PurchaseSkillAction-module__9V0JKq__stepper span{background:var(--surface-muted);width:22px;height:22px;color:var(--text-secondary);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.PurchaseSkillAction-module__9V0JKq__stepper li[data-state=current] span{background:var(--action);color:var(--text-on-action)}.PurchaseSkillAction-module__9V0JKq__stepper li[data-state=complete] span{background:var(--positive);color:var(--text-on-action)}.PurchaseSkillAction-module__9V0JKq__body{padding:0 28px 28px;overflow-y:auto}.PurchaseSkillAction-module__9V0JKq__panel{animation:.2s ease-out PurchaseSkillAction-module__9V0JKq__panel-in}.PurchaseSkillAction-module__9V0JKq__panel h3{letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.25}.PurchaseSkillAction-module__9V0JKq__connectRow{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.PurchaseSkillAction-module__9V0JKq__walletMark,.PurchaseSkillAction-module__9V0JKq__doneMark{border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.PurchaseSkillAction-module__9V0JKq__walletMark{background:var(--surface-muted);color:var(--text-primary)}.PurchaseSkillAction-module__9V0JKq__doneMark{background:var(--positive);color:var(--text-on-action);margin-bottom:16px}.PurchaseSkillAction-module__9V0JKq__walletBadge{border:.5px solid var(--divider);border-radius:var(--radius-control);background:var(--surface-elevated);min-height:40px;color:var(--text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-bottom:16px;padding:0 14px;font-size:13px;display:inline-flex}.PurchaseSkillAction-module__9V0JKq__walletBadge span:first-child{color:var(--text-primary);font-size:16px}.PurchaseSkillAction-module__9V0JKq__note{color:var(--text-secondary);margin:4px 0 0;font-size:14px;line-height:1.5}.PurchaseSkillAction-module__9V0JKq__transactionSummary{border:1px solid var(--divider);border-radius:var(--radius-media);background:var(--surface-elevated);grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 16px;display:grid;overflow:hidden}.PurchaseSkillAction-module__9V0JKq__transactionSummary>div{justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:8px 14px;font-size:13px;display:flex}.PurchaseSkillAction-module__9V0JKq__transactionSummary>div:nth-child(2n){border-left:1px solid var(--divider)}.PurchaseSkillAction-module__9V0JKq__transactionSummary>div:nth-child(n+3){border-top:1px solid var(--divider)}.PurchaseSkillAction-module__9V0JKq__transactionSummary dt{color:var(--text-secondary);font-weight:650}.PurchaseSkillAction-module__9V0JKq__transactionSummary dd{min-width:0;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:right;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.PurchaseSkillAction-module__9V0JKq__transactionSummary dd strong{font-variant-numeric:tabular-nums}.PurchaseSkillAction-module__9V0JKq__transactionSummary dd small{color:var(--text-tertiary);margin-left:4px}.PurchaseSkillAction-module__9V0JKq__primary,.PurchaseSkillAction-module__9V0JKq__secondary{border-radius:var(--radius-control);cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s ease-out,opacity .12s ease-out;display:inline-flex}.PurchaseSkillAction-module__9V0JKq__primary{background:var(--action);color:var(--text-on-action);flex:1}.PurchaseSkillAction-module__9V0JKq__secondary{border:1px solid var(--divider);background:var(--surface-elevated);color:var(--text-primary);flex:1}.PurchaseSkillAction-module__9V0JKq__primary:hover:not(:disabled){opacity:.92}.PurchaseSkillAction-module__9V0JKq__secondary:hover{background:var(--surface-muted)}.PurchaseSkillAction-module__9V0JKq__primary:active:not(:disabled),.PurchaseSkillAction-module__9V0JKq__secondary:active{transform:scale(.96)}.PurchaseSkillAction-module__9V0JKq__primary:disabled{opacity:.55;cursor:wait}.PurchaseSkillAction-module__9V0JKq__actions{gap:12px;display:flex}.PurchaseSkillAction-module__9V0JKq__error{color:var(--action-accent);margin:14px 0 0;font-size:13px}.PurchaseSkillAction-module__9V0JKq__trigger{background:var(--action);width:100%;min-height:40px;color:var(--text-on-action);cursor:pointer;border:0;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:12px;font-weight:500;line-height:1;transition:transform .12s ease-out;display:inline-flex}.PurchaseSkillAction-module__9V0JKq__trigger span[aria-hidden]{color:var(--action-accent);font-size:13px}.PurchaseSkillAction-module__9V0JKq__trigger:active{transform:scale(.96)}@keyframes PurchaseSkillAction-module__9V0JKq__backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes PurchaseSkillAction-module__9V0JKq__backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes PurchaseSkillAction-module__9V0JKq__modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes PurchaseSkillAction-module__9V0JKq__modal-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(6px)scale(.985)}}@keyframes PurchaseSkillAction-module__9V0JKq__panel-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.PurchaseSkillAction-module__9V0JKq__backdrop,.PurchaseSkillAction-module__9V0JKq__modal,.PurchaseSkillAction-module__9V0JKq__panel{animation:none}}@media (max-width:640px){.PurchaseSkillAction-module__9V0JKq__backdrop{padding:0}.PurchaseSkillAction-module__9V0JKq__modal{border-radius:0;width:100%;height:100dvh;max-height:none}.PurchaseSkillAction-module__9V0JKq__header{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 52px 16px 20px}.PurchaseSkillAction-module__9V0JKq__preview{display:none}.PurchaseSkillAction-module__9V0JKq__intro h2{font-size:22px}.PurchaseSkillAction-module__9V0JKq__stepper{margin:0 20px 18px}.PurchaseSkillAction-module__9V0JKq__stepper strong{display:none}.PurchaseSkillAction-module__9V0JKq__stepper li{justify-content:center}.PurchaseSkillAction-module__9V0JKq__body{padding:0 20px 20px}.PurchaseSkillAction-module__9V0JKq__connectRow{flex-direction:column}.PurchaseSkillAction-module__9V0JKq__transactionSummary{grid-template-columns:1fr}.PurchaseSkillAction-module__9V0JKq__transactionSummary>div:nth-child(2n){border-left:0}.PurchaseSkillAction-module__9V0JKq__transactionSummary>div+div{border-top:1px solid var(--divider)}.PurchaseSkillAction-module__9V0JKq__actions{flex-direction:column-reverse}}.PurchaseSkillAction-module__9V0JKq__purchaseControl{margin-top:16px}.PurchaseSkillAction-module__9V0JKq__purchaseControl button{width:100%}
.SkillShowcase-module__PUvd4q__root{margin-top:12px}.SkillShowcase-module__PUvd4q__trigger{border:1px solid var(--divider);width:100%;min-height:44px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:650}.SkillShowcase-module__PUvd4q__trigger:hover:not(:disabled){background:var(--surface-muted)}.SkillShowcase-module__PUvd4q__trigger:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.SkillShowcase-module__PUvd4q__dialog{box-sizing:border-box;border:1px solid var(--divider);width:min(1200px,100vw - 48px);max-width:none;height:calc(100dvh - 48px);max-height:none;color:var(--text-primary);background:var(--surface);border-radius:16px;padding:0;overflow:hidden}.SkillShowcase-module__PUvd4q__dialog[open]{flex-direction:column;display:flex}.SkillShowcase-module__PUvd4q__dialog::backdrop{background:#0009}.SkillShowcase-module__PUvd4q__header{border-bottom:1px solid var(--divider);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 20px;display:flex}.SkillShowcase-module__PUvd4q__header h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:18px;line-height:1.4}.SkillShowcase-module__PUvd4q__header button{border:1px solid var(--divider);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;place-items:center;padding:10px;display:grid}.SkillShowcase-module__PUvd4q__header svg{width:22px;height:22px}.SkillShowcase-module__PUvd4q__trigger:focus-visible,.SkillShowcase-module__PUvd4q__header button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.SkillShowcase-module__PUvd4q__content{overscroll-behavior:contain;flex:1;min-height:0;padding:20px;overflow:auto}.SkillShowcase-module__PUvd4q__content iframe{background:0 0;border:0;width:100%;min-height:650px;display:block}@media (max-width:620px){.SkillShowcase-module__PUvd4q__dialog{border:0;border-radius:0;width:100%;height:100dvh;margin:0}.SkillShowcase-module__PUvd4q__header{padding:max(8px, env(safe-area-inset-top)) 12px 8px}.SkillShowcase-module__PUvd4q__content{padding:12px 12px max(12px, env(safe-area-inset-bottom))}}
