.api-container{min-height:100vh;color:var(--theme-default-text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;z-index:2}.api-header{border-bottom:1px solid rgba(255,255,255,.08);padding:2rem 0 3rem;position:relative}.api-hero{text-align:center;max-width:800px;margin:0 auto;padding:2rem 0}.api-icon{background:rgba(var(--theme-switch-handler-rgb),.15);border-radius:24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--theme-switch-handler);margin:0 auto 2rem}.api-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--theme-switch-handler) 0,var(--theme-switch) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.2}.api-hero p{font-size:1.25rem;line-height:1.6;color:rgba(255,255,255,.8);max-width:600px;margin:0 auto}.api-back-button{background:rgba(0,0,0,.3);color:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.1);padding:8px 16px;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;margin-bottom:2rem;text-decoration:none}.api-back-button:hover{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,1);transform:translateY(-1px)}.api-section{padding:3rem 0;position:relative}.api-section-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.api-section h2{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--theme-default-text-color)}.api-notice-card{background:rgba(var(--theme-switch-handler-rgb),.05);border:1px solid rgba(var(--theme-switch-handler-rgb),.2);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.api-notice-card.warning{background:rgba(255,193,7,.05);border-color:rgba(255,193,7,.3)}.api-notice-card.info{background:rgba(var(--theme-switch-handler-rgb),.05);border-color:rgba(var(--theme-switch-handler-rgb),.2)}.api-notice-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.api-notice-icon{font-size:1.5rem}.api-notice-card h3{margin:0;color:var(--theme-default-text-color);font-size:1.25rem}.api-notice-card p{margin:.5rem 0;color:rgba(255,255,255,.8);line-height:1.6}.api-notice-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.api-badge.coming-soon{background:rgba(255,193,7,.2);color:#ffc107;border:1px solid rgba(255,193,7,.3);padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:600}.api-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:2rem 0}.api-step-card{background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-step-card:hover{transform:translateY(-3px);border-color:rgba(var(--theme-switch-handler-rgb),.3);background:rgba(var(--theme-switch-handler-rgb),.08);box-shadow:0 4px 15px rgba(0,0,0,.15)}.api-step-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--theme-switch-handler);color:white;border-radius:50%;font-weight:700;font-size:1rem;margin-bottom:1rem}.api-step-content h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--theme-default-text-color)}.api-step-content p{color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:1rem}.api-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .3s ease;cursor:pointer;border:none}.api-button.primary{background:var(--theme-switch-handler);color:white}.api-button.primary:hover{background:var(--theme-switch);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--theme-switch-handler-rgb),.3)}.api-button.secondary{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8)}.api-button.secondary:hover{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,1)}.api-button.coming-soon{opacity:.7;position:relative;overflow:hidden}.api-code-block{position:relative;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin:1rem 0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.api-code-block code{color:var(--theme-default-text-color);font-size:.875rem;line-height:1.5}.api-code-block pre{margin:0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.api-copy-button{position:absolute;top:.75rem;right:.75rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);padding:.5rem;border-radius:6px;cursor:pointer;transition:all .3s ease}.api-copy-button:hover{background:rgba(0,0,0,.5);border-color:rgba(255,255,255,.2);color:rgba(255,255,255,1);transform:scale(1.05)}.api-endpoints-list{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.api-endpoint-card{background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.api-endpoint-card:hover{border-color:rgba(var(--theme-switch-handler-rgb),.3);transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.15)}.api-endpoint-header{margin-bottom:1.5rem}.api-endpoint-method{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.api-method-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.api-method-badge.post{background:rgba(40,167,69,.2);color:#28a745;border:1px solid rgba(40,167,69,.3)}.api-method-badge.get{background:rgba(0,123,255,.2);color:#007bff;border:1px solid rgba(0,123,255,.3)}.api-endpoint-path{background:rgba(0,0,0,.3);padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.1);font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--theme-default-text-color);font-size:.875rem}.api-endpoint-description{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.6}.api-endpoint-example{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.api-endpoint-example h4{color:var(--theme-default-text-color);margin-bottom:1rem;font-size:1rem;font-weight:600}@media (max-width:768px){.api-hero h1{font-size:2rem}.api-hero p{font-size:1rem}.api-steps-grid{grid-template-columns:1fr}.api-endpoint-method{flex-direction:column;align-items:flex-start;gap:.5rem}.api-endpoint-card,.api-notice-card,.api-step-card{padding:1rem}.api-section-container{padding:0 1rem}}