.app-content #pricing-container{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;overflow:hidden}.app-content .pricing-container{width:100%;max-width:100%;padding:20px;overflow:hidden}.app-content #pricing-content{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.pricing-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--background-color-regular, #F0EAE3);border:1px solid var(--border-subtle, rgba(26, 19, 16, 0.12))}.pricing-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:10px;background:rgba(0,0,0,0);color:var(--text-muted, #8C7E73);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s ease}.pricing-tab .tab-icon{flex-shrink:0}.pricing-tab:hover{color:var(--text-primary, #1A1310);background:rgba(26,19,16,.04)}.pricing-tab.active{background:var(--surface-card, #FFFFFF);color:var(--text-primary, #1A1310);font-weight:600;box-shadow:0 2px 8px rgba(0,0,0,.08)}.pricing-tab[data-tab=coins].active{color:#b45309;border-bottom:2px solid #eab308}.pricing-tab[data-tab=coins].active .tab-icon{color:#eab308}.pricing-tab[data-tab=diamond].active{color:#2563eb;border-bottom:2px solid #3b82f6}.pricing-tab[data-tab=diamond].active .tab-icon{color:#3b82f6}.tab-panel{display:none}.tab-panel.active{display:block}.panel-card{padding:24px;border-radius:14px;background:var(--surface-card, #FFFFFF);border:1px solid var(--border-subtle, rgba(26, 19, 16, 0.12));box-shadow:0 2px 12px rgba(0,0,0,.06)}.panel-header{margin-bottom:20px}.panel-header h3{margin:0 0 6px;font-size:20px;font-weight:600;color:var(--text-primary, #1A1310)}.panel-header .panel-desc{margin:0;font-size:13px;color:var(--text-muted, #8C7E73);line-height:1.5}.quick-amounts{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;margin-bottom:12px}.amount-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border-radius:10px;border:1.5px solid var(--border-medium, rgba(26, 19, 16, 0.2));background:var(--background-color, #FAF7F4);color:var(--text-primary, #1A1310);font-size:15px;font-weight:600;cursor:pointer;transition:all .15s}.amount-btn:hover{border-color:#d97706;background:rgba(245,158,11,.1)}.amount-btn.active{border-color:#d97706;background:rgba(245,158,11,.15);color:#b45309;box-shadow:0 0 0 1px #d97706}.amount-btn .bonus-tag{font-size:10px;font-weight:600;color:#b45309}.custom-amount-row{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border-medium, rgba(26, 19, 16, 0.2));background:var(--background-color, #FAF7F4);margin-bottom:16px}.custom-amount-row:focus-within{border-color:#d97706;box-shadow:0 0 0 1px #d97706}.custom-amount-row .currency-sign{color:var(--text-muted, #8C7E73);font-size:15px;font-weight:500}.custom-amount-row input{flex:1;border:none;background:rgba(0,0,0,0);color:var(--text-primary, #1A1310);font-size:15px;outline:none;min-width:0}.custom-amount-row input::placeholder{color:var(--text-muted, #8C7E73)}.credits-result{padding:16px;border-radius:10px;background:rgba(245,158,11,.08);border:1px solid rgba(217,119,6,.25);margin-bottom:16px;text-align:center}.credits-result .result-main{display:flex;align-items:baseline;justify-content:center;gap:8px}.credits-result .result-main .result-value{font-size:32px;font-weight:700;color:#b45309;line-height:1.1}.credits-result .result-main .result-label{font-size:16px;font-weight:500;color:var(--text-secondary, #4A3F36)}.credits-result .result-bonus{margin-top:4px}.credits-result .result-bonus .bonus-highlight{font-size:13px;font-weight:600;color:#059669}.credits-result .result-nudge{margin-top:6px;font-size:12px;color:var(--text-muted, #8C7E73)}.usage-ref{margin-bottom:16px}.usage-ref .usage-title{display:block;font-size:12px;color:var(--text-muted, #8C7E73);margin-bottom:8px}.usage-ref .usage-tags{display:flex;flex-wrap:wrap;gap:6px}.usage-ref .usage-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;background:rgba(245,158,11,.08);border:1px solid rgba(217,119,6,.2);font-size:12px;color:var(--text-secondary, #4A3F36);white-space:nowrap}.usage-ref .usage-tag .coin-icon-sm{flex-shrink:0}.panel-card--diamond .diamond-amounts{display:grid;grid-template-columns:repeat(4, 1fr);gap:8px;margin-bottom:12px}.panel-card--diamond .diamond-btn{border-color:var(--border-medium, rgba(26, 19, 16, 0.2))}.panel-card--diamond .diamond-btn:hover{border-color:#3b82f6;background:rgba(59,130,246,.1)}.panel-card--diamond .diamond-btn.active{border-color:#3b82f6;background:rgba(59,130,246,.12);color:#1d4ed8;box-shadow:0 0 0 1px #3b82f6}.panel-card--diamond .diamond-btn .bonus-tag{color:#2563eb}.panel-card--diamond .custom-amount-row:focus-within{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.panel-card--diamond .diamond-result{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.25)}.panel-card--diamond .diamond-result .result-value{color:#1d4ed8}.panel-card--diamond .diamond-result .result-label{color:var(--text-secondary, #4A3F36)}.panel-card--diamond .diamond-pay-btn{width:100%;padding:14px;border-radius:10px;border:none;background:#3b82f6;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.panel-card--diamond .diamond-pay-btn:hover{background:#2563eb}.panel-card--diamond .diamond-pay-btn:disabled{opacity:.35;cursor:not-allowed}.panel-card>.pay-btn{width:100%;padding:14px;border-radius:10px;border:none;background:#f59e0b;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}.panel-card>.pay-btn:hover{background:#d97706}.panel-card>.pay-btn:disabled{opacity:.35;cursor:not-allowed}.pricing-faq h3{margin:0 0 12px;font-size:16px;font-weight:600;color:var(--text-primary, #1A1310)}.pricing-faq .faq-list{display:flex;flex-direction:column;gap:4px}.pricing-faq .faq-item{border-radius:8px;overflow:hidden}.pricing-faq .faq-item summary{padding:12px 14px;font-size:14px;font-weight:500;color:var(--text-primary, #1A1310);cursor:pointer;border-radius:8px;transition:background .15s;list-style:none}.pricing-faq .faq-item summary::-webkit-details-marker{display:none}.pricing-faq .faq-item summary::before{content:"+";display:inline-block;width:20px;font-weight:600;color:var(--text-muted, #8C7E73)}.pricing-faq .faq-item summary:hover{background:rgba(26,19,16,.04)}.pricing-faq .faq-item[open] summary::before{content:"−"}.pricing-faq .faq-item p{margin:0;padding:0 14px 14px 34px;font-size:13px;color:var(--text-muted, #8C7E73);line-height:1.6}[data-theme=dark] .pricing-tabs{border-color:var(--border-subtle)}[data-theme=dark] .pricing-tab:hover{background:rgba(255,255,255,.06)}[data-theme=dark] .pricing-tab.active{box-shadow:0 2px 8px rgba(0,0,0,.3)}[data-theme=dark] .panel-card{box-shadow:0 2px 12px rgba(0,0,0,.2)}[data-theme=dark] .amount-btn{background:var(--background-color-regular, #201E1B)}[data-theme=dark] .amount-btn:hover{background:rgba(245,158,11,.15)}[data-theme=dark] .amount-btn.active{background:rgba(245,158,11,.2)}[data-theme=dark] .custom-amount-row{background:var(--background-color-regular, #201E1B)}[data-theme=dark] .credits-result{background:rgba(245,158,11,.12);border-color:rgba(217,119,6,.35)}[data-theme=dark] .credits-result .result-value{color:#f59e0b}[data-theme=dark] .usage-tag{background:rgba(245,158,11,.12);border-color:rgba(217,119,6,.3)}[data-theme=dark] .panel-card--diamond .diamond-btn:hover{background:rgba(59,130,246,.15)}[data-theme=dark] .panel-card--diamond .diamond-btn.active{background:rgba(59,130,246,.2);color:#60a5fa}[data-theme=dark] .panel-card--diamond .diamond-btn .bonus-tag{color:#60a5fa}[data-theme=dark] .panel-card--diamond .diamond-result{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35)}[data-theme=dark] .panel-card--diamond .diamond-result .result-value{color:#60a5fa}[data-theme=dark] .panel-card>.pay-btn{background:#d97706}[data-theme=dark] .panel-card>.pay-btn:hover{background:#b45309}[data-theme=dark] .faq-item summary:hover{background:rgba(255,255,255,.06)}@media(max-width: 640px){.quick-amounts{grid-template-columns:repeat(2, 1fr)}.diamond-pack{flex-wrap:wrap;gap:10px}.diamond-pack .pay-btn{width:100%}}