.api-page{background:linear-gradient(135deg,#0a0a0a 0%,#1a0a1a 100%);min-height:100vh}.api-header{text-align:center;background:radial-gradient(circle at 50% 0,#d946ef1a 0%,#0000 70%);border-bottom:1px solid #d946ef1a;padding:60px 20px}.header-content{max-width:1200px;margin:0 auto}.header-icon{color:#d946ef;width:48px;height:48px;margin:0 auto 20px}.header-title{background:linear-gradient(135deg,#d946ef 0%,#f97316 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:700}.header-subtitle{color:#fff9;margin-bottom:32px;font-size:1.125rem}.api-info{flex-wrap:wrap;justify-content:center;gap:48px;display:flex}.info-item{align-items:center;gap:12px;display:flex}.info-icon{color:#d946ef;width:24px;height:24px}.info-label{color:#ffffff80;margin-bottom:4px;font-size:.875rem}.info-value{color:#fff;background:#ffffff0d;border-radius:4px;padding:2px 8px;font-family:Monaco,Courier New,monospace;font-size:.875rem}.api-container{max-width:1400px;min-height:calc(100vh - 400px);margin:0 auto;display:flex}.api-sidebar{border-right:1px solid #ffffff1a;width:300px;padding:32px 20px;overflow-y:auto}.sidebar-title{color:#fff;margin-bottom:24px;font-size:1.125rem;font-weight:600}.endpoint-categories{flex-direction:column;gap:24px;display:flex}.category{flex-direction:column;gap:8px;display:flex}.category-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.875rem;font-weight:600}.endpoint-item{color:#ffffffb3;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 12px;transition:all .3s;display:flex}.endpoint-item:hover{color:#fff;background:#ffffff0d}.endpoint-item.active{color:#d946ef;background:#d946ef1a;border-left:3px solid #d946ef}.method-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.75rem;font-weight:700}.method-badge.get{color:#22c55e;background:#22c55e33}.method-badge.post{color:#3b82f6;background:#3b82f633}.method-badge.put{color:#fb923c;background:#fb923c33}.method-badge.delete{color:#ef4444;background:#ef444433}.method-badge.large{padding:4px 12px;font-size:.875rem}.endpoint-path{font-family:Monaco,Courier New,monospace;font-size:.875rem}.api-content{flex:1;padding:32px 40px;overflow-y:auto}.endpoint-header{margin-bottom:40px}.endpoint-title{align-items:center;gap:16px;margin-bottom:12px;display:flex}.endpoint-title h2{color:#fff;font-family:Monaco,Courier New,monospace;font-size:1.5rem;font-weight:600}.endpoint-description{color:#fff9;font-size:1rem}.api-section{margin-bottom:40px}.api-section h3{color:#fff;margin-bottom:16px;font-size:1.25rem;font-weight:600}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{margin-bottom:0}.copy-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.875rem;transition:all .3s;display:flex}.copy-btn:hover{color:#fff;background:#ffffff14}.params-table{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.param-header,.param-row{grid-template-columns:150px 100px 80px 1fr;align-items:center;gap:16px;padding:12px 16px;display:grid}.param-header{color:#ffffff80;background:#ffffff0d;border-bottom:1px solid #ffffff1a;font-size:.875rem;font-weight:600}.param-row{border-bottom:1px solid #ffffff0d}.param-row:last-child{border-bottom:none}.param-name{color:#d946ef;font-family:Monaco,Courier New,monospace;font-size:.875rem}.param-type{color:#fff9;font-size:.875rem}.param-required{font-size:.875rem;font-weight:500}.param-required.yes{color:#f97316}.param-required.no{color:#fff6}.param-description{color:#fffc;font-size:.875rem}.code-block{background:#000;border:1px solid #ffffff1a;border-radius:8px;padding:20px;overflow-x:auto}.code-block code{color:#fff;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}.api-footer{background:#ffffff08;border-top:1px solid #ffffff1a;margin-top:60px;padding:40px 20px}.footer-content{justify-content:space-between;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-section h4{color:#fff;margin-bottom:16px;font-size:1.125rem;font-weight:600}.footer-section p{color:#fff9;margin-bottom:16px;line-height:1.5}.footer-link{color:#fff9;align-items:center;gap:8px;margin-bottom:12px;text-decoration:none;transition:color .3s;display:flex}.footer-link:hover{color:#d946ef}.btn-discord{color:#fff;cursor:pointer;background:#5865f2;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .3s}.btn-discord:hover{background:#4752c4;transform:translateY(-2px)}@media (max-width:1024px){.api-container{flex-direction:column}.api-sidebar{border-bottom:1px solid #ffffff1a;border-right:none;width:100%}.api-content{padding:32px 20px}}@media (max-width:768px){.header-title{font-size:2rem}.api-info{flex-direction:column;gap:16px}.param-header,.param-row{grid-template-columns:1fr;gap:8px}.param-header{display:none}.param-row{padding:16px}.param-row>*{display:block}.param-row .param-name{margin-bottom:4px;font-size:1rem}.param-row .param-type,.param-row .param-required{margin-right:12px;display:inline-block}.footer-content{flex-direction:column}}
