.subscription-container{width:100%;max-width:1200px;margin:0 auto;display:none}.subscription-container.active{display:block}.subscription-header{text-align:center;margin-bottom:40px}.subscription-header h2{color:var(--text-primary);margin-bottom:12px;font-size:32px;font-weight:700}.subscription-header p{color:var(--text-secondary);font-size:16px}.billing-toggle-container{justify-content:center;margin-bottom:48px;display:flex}.billing-toggle{background:#f3f4f6;border-radius:12px;gap:4px;padding:4px;display:flex}.toggle-option{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.toggle-option.active{color:var(--text-primary);background:#fff;box-shadow:0 2px 4px #0000000d}.pricing-section-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:14px;font-weight:600}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.pricing-card{border:1px solid var(--border-color);transition:all var(--transition-main);background:#fff;border-radius:16px;padding:24px;position:relative}.pricing-card:hover{border-color:var(--primary-color);transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.pricing-card.popular{border-color:#7f77dd;box-shadow:0 0 0 1px #7f77dd}.pricing-card.current-plan{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-color), 0 8px 16px -4px #5851b826;background:linear-gradient(135deg,#5851b80d,#a855f708)}.pricing-card.current-plan:hover{box-shadow:0 0 0 2px var(--primary-color), 0 8px 16px -4px #5851b826;transform:none}.popular-badge{color:#4439a0;background:#e0e7ff;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-12px;right:24px}.plan-header{margin-bottom:16px}.plan-header h3{margin-bottom:4px;font-size:18px;font-weight:700}.plan-badge{color:var(--text-secondary);background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px}.original-price{color:var(--text-secondary);font-size:14px;text-decoration:line-through}.plan-price{color:var(--text-primary);align-items:baseline;margin-bottom:4px;font-size:36px;font-weight:700;display:flex}.plan-price .currency{margin-right:2px;font-size:20px}.plan-price .period{color:var(--text-secondary);margin-left:4px;font-size:14px;font-weight:400}.billing-period{color:var(--text-secondary);margin-bottom:24px;font-size:12px}.plan-btn{cursor:pointer;width:100%;transition:all var(--transition-main);border-radius:8px;margin-bottom:24px;padding:12px;font-size:14px;font-weight:600}.plan-btn.outline{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.plan-btn.outline:hover{border-color:var(--text-primary)}.plan-btn.primary{color:#fff;background:linear-gradient(135deg,#d4537e 0%,#b04a6e 100%);border:none}.plan-btn.primary:hover{background:linear-gradient(135deg,#b04a6e 0%,#963d5e 100%)}.plan-btn.current{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed;opacity:.7;border:none}.plan-btn.current:hover{background:var(--border-color)}.plan-btn.upgrade{color:#d4537e;background:0 0;border:1px solid #d4537e}.plan-btn.upgrade:hover{color:#fff;background:#d4537e;transform:translateY(-2px)}.plan-btn.downgrade{border:1px solid var(--border-color);color:var(--text-secondary);background:0 0}.plan-btn.downgrade:hover{border-color:var(--text-primary);color:var(--text-primary)}.plan-btn:disabled{cursor:not-allowed;opacity:.6}.plan-features{flex-direction:column;gap:12px;display:flex}.feature-item{color:var(--text-secondary);gap:8px;font-size:13px;line-height:1.4;display:flex}.feature-title{color:var(--text-primary);margin-top:8px;margin-bottom:4px;font-size:13px;font-weight:600}.check-icon{color:#5851b8;flex-shrink:0;width:16px;height:16px;margin-top:2px}body.dark .pricing-card{background:var(--sidebar-bg);border-color:var(--border-color)}body.dark .billing-toggle{background:var(--sidebar-bg);border:1px solid var(--border-color)}body.dark .toggle-option.active{background:var(--panel-bg);color:#fff}body.dark .plan-badge{background:var(--panel-bg)}body.dark .plan-btn.outline{border-color:var(--border-color);color:#fff}body.dark .plan-btn.outline:hover{border-color:#fff}.referral-banner{color:#fff;z-index:50;background:linear-gradient(135deg,#5851b8 0%,#8b5cf6 50%,#a855f7 100%);padding:10px 0;position:relative}.referral-banner-content{justify-content:center;align-items:center;gap:12px;padding:0 48px;font-size:.9rem;display:flex}.referral-banner-icon{font-size:1.2rem}.referral-banner-text strong{font-weight:700}.referral-banner-btn{color:#fff;cursor:pointer;transition:all var(--transition-main);white-space:nowrap;background:0 0;border:2px solid #fff;border-radius:20px;padding:5px 16px;font-size:.8rem;font-weight:600}.referral-banner-btn:hover{color:#5851b8;background:#fff}.referral-banner-close{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;padding:4px;font-size:1.3rem;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.referral-banner-close:hover{opacity:1}@media (width<=480px){.referral-banner-content{gap:8px;padding:0 36px 0 12px;font-size:.8rem}}.invitation-section{margin-bottom:40px}.invitation-card-wrapper{border:1px solid var(--border-color);transition:all var(--transition-main);background:#fff;border-radius:16px;overflow:hidden}.invitation-card-wrapper:hover{border-color:var(--primary-color);box-shadow:0 8px 24px -8px #5851b81f}.invitation-card-header{border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,#5851b80d,#a855f708);padding:20px 24px}.invitation-title-row{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:6px;display:flex}.invitation-title-row svg{color:var(--primary-color);flex-shrink:0}.invitation-title-row h3{flex:1;margin:0;font-size:16px;font-weight:700}.invitation-reward-badge{color:#b45309;background:#fef3c7;border-radius:20px;padding:3px 10px;font-size:13px;font-weight:700}.invitation-card-header p{color:var(--text-secondary);margin:0;font-size:13px}.invitation-card-body{display:flex}.invitation-share-col{flex:1;padding:20px 24px}.invitation-divider{background:var(--border-color);flex-shrink:0;width:1px}.invitation-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:600}.invite-code-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;display:flex}.invite-code-box span{letter-spacing:.12em;color:var(--text-primary);-webkit-user-select:all;user-select:all;flex:1;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:15px;font-weight:600}.invite-copy-btn{border:1px solid var(--primary-color);color:var(--primary-color);cursor:pointer;transition:all var(--transition-main);background:0 0;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:13px;font-weight:600}.invite-copy-btn:hover{background:var(--primary-color);color:#fff}.invite-stats{color:var(--text-secondary);margin-top:10px;font-size:12px}.invite-claim-compact{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.invite-claim-form{gap:8px;display:flex}.invite-code-input{border:1px solid var(--border-color);letter-spacing:.05em;background:var(--bg-secondary);color:var(--text-primary);text-transform:uppercase;border-radius:8px;outline:none;flex:1;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:13px}.invite-code-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 2px #5851b81a}.claim-invite-btn{background:var(--primary-color);color:#fff;cursor:pointer;transition:all var(--transition-main);border:none;border-radius:8px;padding:10px 18px;font-size:13px;font-weight:600}.claim-invite-btn:hover{background:#4439a0}.claim-invite-btn:disabled{opacity:.5;cursor:not-allowed}.invitation-history-col{flex:1;min-height:100px;padding:20px 24px}.invite-history-list{max-height:200px;overflow-y:auto}.invite-history-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.invite-history-header span:first-child{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.invite-history-count{background:var(--bg-secondary);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.invite-history-empty{height:80px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:13px;display:flex}.invite-history-row{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;padding:7px 0;font-size:13px;display:flex}.invite-history-row:last-child{border-bottom:none;padding-bottom:0}.invite-history-email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.invite-history-bonus{color:#b45309;font-size:12px;font-weight:600}.invite-history-date{color:var(--text-secondary);font-size:12px}body.dark .invitation-card-wrapper{background:var(--bg-color);border-color:var(--border-color)}body.dark .invitation-card-wrapper:hover{border-color:#5851b866;box-shadow:0 8px 24px -8px #5851b826}body.dark .invitation-card-header{border-bottom-color:var(--border-color);background:linear-gradient(135deg,#5851b814,#a855f70a)}body.dark .invitation-reward-badge{color:#fbbf24;background:#b4530926}body.dark .invite-code-box{background:var(--bg-secondary);border-color:var(--border-color)}body.dark .invitation-divider{background:var(--border-color)}body.dark .invite-copy-btn{color:#a78bfa;border-color:#a78bfa}body.dark .invite-copy-btn:hover{color:#111827;background:#a78bfa}body.dark .invite-claim-compact{border-top-color:var(--border-color)}body.dark .invite-code-input{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}body.dark .invite-code-input:focus{background:var(--bg-color)}body.dark .invite-history-count{background:var(--bg-secondary);color:var(--text-secondary)}body.dark .invite-history-row{border-bottom-color:var(--border-color)}body.dark .invite-history-email{color:var(--text-primary)}body.dark .invite-history-empty{color:var(--text-secondary)}body.dark .invite-history-bonus{color:#fbbf24}.plan-btn.coming-soon{opacity:.5;cursor:not-allowed;background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}.coming-soon-price{color:var(--text-secondary);font-size:1.25rem;font-weight:500}body.dark .plan-btn.coming-soon{background:var(--bg-secondary);color:var(--text-secondary);border-color:var(--border-color)}@media (width<=480px){.invitation-card-body{flex-direction:column}.invitation-divider{width:100%;height:1px}}.access-api-container{width:100%;max-width:1600px;margin:0;padding:32px 48px;display:none}.access-api-container.active{display:block}.api-header-wrapper{border-bottom:1px solid var(--border-color);margin-bottom:40px}.api-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.api-header h1{color:var(--text-primary);font-size:24px;font-weight:700}.api-header-links{gap:12px;display:flex}.api-link{border:1px solid var(--border-color);color:var(--text-primary);transition:all var(--transition-main);background:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none}.api-link:hover{background:var(--panel-bg);border-color:#d1d5db}.api-tabs{gap:24px;display:flex}.api-tab{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);border-bottom:2px solid #0000;padding-bottom:12px;font-size:14px;font-weight:500}.api-tab:hover{color:var(--text-primary)}.api-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.api-content-panel{display:none}.api-content-panel.active{display:block}.api-quickstart-card{border:1px solid var(--border-color);background:#fff;border-radius:24px;grid-template-columns:1fr 1.6fr;gap:48px;margin-bottom:48px;padding:40px;display:grid;box-shadow:0 4px 6px -1px #00000005}.api-quickstart-left{flex-direction:column;justify-content:center;display:flex}.api-icon-badge{color:#fff;background:linear-gradient(135deg,#222 0%,#444 100%);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex;box-shadow:0 4px 12px #0000001a}.api-quickstart-left h2{color:var(--text-primary);margin-bottom:12px;font-size:20px;font-weight:700}.api-quickstart-left p{color:var(--text-secondary);margin-bottom:24px;font-size:15px;line-height:1.6}.api-get-started-btn{color:#fff;transition:all var(--transition-main);background:#111;border-radius:8px;justify-content:center;align-items:center;width:fit-content;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.api-get-started-btn:hover{background:#000;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.api-quickstart-right{border:1px solid var(--border-color);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.code-header{border-bottom:1px solid var(--border-color);background:#f9fafb;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.code-lang-select{color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .3s;display:flex}.code-lang-select:hover{color:var(--text-primary);background:#0000000d}.copy-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-main);background:#fff;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.copy-btn:hover{color:var(--text-primary);background:#f9fafb;border-color:#d1d5db}.code-content-wrapper{background:#fff;padding:16px 0;display:flex;overflow-x:auto}.line-numbers{-webkit-user-select:none;user-select:none;text-align:right;border-right:1px solid #f3f4f6;flex-direction:column;min-width:40px;padding:0 16px;display:flex}.line-numbers span{color:#d1d5db;font-family:Fira Code,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.code-block{color:#24292f;flex:1;margin:0;padding:0 16px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:12px;line-height:1.6}.code-block code{font-family:inherit}.code-comment{color:#6e7781}.code-keyword{color:#cf222e}.code-string{color:#0a3069}.code-var{color:#24292f}.code-class{color:#953800}.code-method{color:#8250df}.code-prop{color:#24292f}.code-number{color:#0550ae}body.dark .api-link{background:#1f2937;border-color:#374151}body.dark .api-quickstart-card{background:#111827;border-color:#374151}body.dark .api-quickstart-right{background:#1f2937;border-color:#374151}body.dark .code-header{background:#111827;border-color:#374151}body.dark .copy-btn{background:#1f2937;border-color:#374151}body.dark .code-content-wrapper{background:#1f2937}body.dark .line-numbers{border-right-color:#374151}body.dark .line-numbers span{color:#6b7280}body.dark .code-block{color:#c9d1d9}body.dark .code-comment{color:#8b949e}body.dark .code-keyword{color:#ff7b72}body.dark .code-string{color:#a5d6ff}body.dark .code-var{color:#c9d1d9}body.dark .code-class{color:#ffa657}body.dark .code-method{color:#d2a8ff}body.dark .code-prop{color:#c9d1d9}body.dark .code-number{color:#79c0ff}.api-section-title{color:var(--text-primary);margin-bottom:16px;font-size:16px;font-weight:600}.api-links-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;display:grid}.api-link-card{background:var(--card-bg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-main);border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.api-link-card:hover{border-color:var(--primary-color);background:var(--panel-bg);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.api-link-icon{background:var(--panel-bg);width:40px;height:40px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;display:flex}.api-link-card:hover .api-link-icon{background:var(--primary-color);color:#fff}.api-link-card span{color:var(--text-primary);font-size:14px;font-weight:500}.api-endpoints{flex-direction:column;gap:12px;display:flex}.api-endpoint{background:var(--card-bg);border:1px solid var(--border-color);transition:all var(--transition-main);border-radius:10px;align-items:center;gap:16px;padding:16px 20px;display:flex}.api-endpoint:hover{border-color:var(--primary-color)}.endpoint-method{text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700}.endpoint-method.post{color:#1d4ed8;background:#dbeafe}.endpoint-method.get{color:#15803d;background:#dcfce7}.endpoint-path{color:var(--text-primary);flex:1;font-family:Fira Code,Monaco,Consolas,monospace;font-size:13px}.endpoint-desc{color:var(--text-secondary);font-size:13px}body.dark .api-quickstart-card{background:linear-gradient(135deg,#1a1a1a 0%,#222 100%)}body.dark .code-header,body.dark .code-footer{background:#252525}body.dark .api-quickstart-right{background:#151515}body.dark .endpoint-method.post{color:#60a5fa;background:#1e3a5f}body.dark .endpoint-method.get{color:#4ade80;background:#14532d}body.dark .api-get-started-btn{background:var(--primary-color)}.api-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;margin-bottom:40px;padding:24px}.api-info-card h3{color:var(--text-primary);margin:0 0 10px;font-size:20px}.api-info-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.7}.api-panel-links{margin-top:18px}.api-header-wrapper--no-border{border-bottom:none}.devtools-cli-intro{color:var(--text-secondary);margin-bottom:28px;font-size:15px;line-height:1.6}.devtools-hub-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.devtools-hub-card{background:var(--card-bg,#fff);border:1px solid var(--border-color);color:inherit;border-radius:16px;flex-direction:column;padding:28px 24px 24px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.devtools-hub-card:hover{border-color:var(--primary-color,#5851b8);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}body.dark .devtools-hub-card{background:#1f2937;border-color:#374151}body.dark .devtools-hub-card:hover{border-color:var(--primary-color,#7f77dd);box-shadow:0 8px 24px #0000004d}.devtools-hub-card-icon{color:#4439a0;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.devtools-hub-card-icon--skills{color:#db2777;background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%)}.devtools-hub-card-icon--mcp{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}body.dark .devtools-hub-card-icon{color:#a5b4fc;background:linear-gradient(135deg,#312e81 0%,#3730a3 100%)}body.dark .devtools-hub-card-icon--skills{color:#f9a8d4;background:linear-gradient(135deg,#831843 0%,#9d174d 100%)}body.dark .devtools-hub-card-icon--mcp{color:#6ee7b7;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%)}.devtools-hub-card-body{flex:1}.devtools-hub-card-body h3{color:var(--text-primary);margin:0 0 8px;font-size:17px;font-weight:700}.devtools-hub-card-body p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.devtools-hub-card-link{color:var(--primary-color,#5851b8);align-items:center;gap:4px;margin-top:18px;font-size:14px;font-weight:600;display:inline-flex}.devtools-hub-card-link:after{content:"→"}.devtools-hub-card:hover .devtools-hub-card-link{text-decoration:underline}@media (width<=900px){.devtools-hub-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}