.credits-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;transition:opacity .2s ease}.credits-modal-overlay--open{opacity:1}.credits-modal{position:relative;width:100%;max-width:620px;background:var(--bg-primary, #fff);border-radius:20px;overflow:hidden;transform:scale(0.95);transition:transform .2s ease;box-shadow:0 20px 60px rgba(0,0,0,.3)}.credits-modal-overlay--open .credits-modal{transform:scale(1)}.credits-modal-close{position:absolute;top:12px;right:12px;z-index:10;background:rgba(128,128,128,.15);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-tertiary, #999);transition:all .15s}.credits-modal-close:hover{background:rgba(128,128,128,.25);color:var(--text-primary, #333)}.credits-modal-header{text-align:center;padding:28px 24px 16px}.credits-modal-icon{font-size:36px;margin-bottom:8px}.credits-modal-title{font-size:22px;font-weight:800;color:var(--text-primary, #1a1a1a);margin:0 0 6px}.credits-modal-subtitle{font-size:14px;color:var(--text-tertiary, #999);margin:0}.credits-modal-body{display:flex;gap:1px;background:var(--border-color, #e5e5e5);margin:0 20px 20px;border-radius:16px;overflow:hidden}.credits-modal-col{flex:1;padding:20px;display:flex;flex-direction:column;background:var(--bg-primary, #fff)}.credits-modal-col--free{background:var(--bg-secondary, #fafafa)}.credits-modal-col-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.credits-modal-col-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;letter-spacing:.5px}.credits-modal-col-badge--free{background:linear-gradient(135deg, #10b981, #059669);color:#fff}.credits-modal-col-badge--buy{background:linear-gradient(135deg, #D4885C, #C07748);color:#fff}.credits-modal-col-label{font-size:15px;font-weight:700;color:var(--text-primary, #1a1a1a)}.credits-modal-items{display:flex;flex-direction:column;gap:4px;flex:1}.credits-modal-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;transition:background .15s}.credits-modal-item:hover{background:rgba(0,0,0,.04)}.credits-modal-item--signin{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.28)}.credits-modal-item--signin:hover{background:rgba(99,102,241,.14)}.credits-modal-item--signin .credits-modal-item-title{color:var(--brand-primary, #4f46e5)}.credits-modal-item-icon{font-size:20px;flex-shrink:0;width:28px;text-align:center}.credits-modal-item-text{flex:1;min-width:0}.credits-modal-item-title{font-size:13px;font-weight:600;color:var(--text-primary, #1a1a1a)}.credits-modal-item-desc{font-size:11px;color:var(--text-tertiary, #999)}.credits-modal-item-arrow{flex-shrink:0;color:var(--text-tertiary, #ccc)}.credits-modal-buy-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.credits-modal-buy-hero{text-align:center;margin-bottom:16px}.credits-modal-buy-amount{font-size:40px;font-weight:900;background:linear-gradient(135deg, #D4885C, #E8A97A);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;line-height:1}.credits-modal-buy-unit{font-size:14px;font-weight:600;color:var(--text-secondary, #666);margin-top:2px}.credits-modal-buy-perks{list-style:none;padding:0;margin:0}.credits-modal-buy-perks li{font-size:13px;color:var(--text-secondary, #666);padding:4px 0}.credits-modal-btn{display:block;text-align:center;padding:12px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .15s;margin-top:16px}.credits-modal-btn--free{background:rgba(16,185,129,.1);color:#059669}.credits-modal-btn--free:hover{background:rgba(16,185,129,.18)}.credits-modal-btn--buy{background:linear-gradient(135deg, #D4885C, #C07748);color:#fff;box-shadow:0 4px 12px rgba(212,136,92,.3)}.credits-modal-btn--buy:hover{box-shadow:0 6px 16px rgba(212,136,92,.4);transform:translateY(-1px)}[data-theme=dark] .credits-modal{background:var(--bg-primary, #1a1a1a);border:1px solid hsla(0,0%,100%,.08)}[data-theme=dark] .credits-modal-body{background:hsla(0,0%,100%,.06)}[data-theme=dark] .credits-modal-col{background:var(--bg-primary, #1a1a1a)}[data-theme=dark] .credits-modal-col--free{background:hsla(0,0%,100%,.03)}[data-theme=dark] .credits-modal-item:hover{background:hsla(0,0%,100%,.06)}[data-theme=dark] .credits-modal-btn--free{background:rgba(16,185,129,.15);color:#34d399}@media(max-width: 640px){.credits-modal{max-width:100%}.credits-modal-body{flex-direction:column;gap:1px;margin:0 12px 16px}.credits-modal-col{padding:16px}.credits-modal-header{padding:20px 16px 12px}.credits-modal-title{font-size:18px}.credits-modal-buy-amount{font-size:32px}}