.api-guide{color:#e8ecf2;min-height:100vh;font-family:var(--font-inter), system-ui, sans-serif;background:#0b0e13}.api-guide-wrap{width:min(980px,100% - 32px);margin:0 auto}.api-guide-hero{background:#0b0e13;border-bottom:1px solid #262b34;padding:44px 0 72px;position:relative;overflow:hidden}.api-guide-hero-video-bg{object-fit:cover;object-position:center 30%;opacity:.28;z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.api-guide-hero-overlay{z-index:2;pointer-events:none;background:linear-gradient(#10141bbf 0%,#0b0e13f2 100%);position:absolute;inset:0}.api-guide-hero-content{z-index:3;position:relative}.api-guide-back{color:#929cab;font-size:14px;text-decoration:none}.api-guide-kicker,.api-guide-step{color:#f5a623;font:700 12px/1.3 var(--font-jetbrains-mono), monospace;letter-spacing:.12em;text-transform:uppercase}.api-guide-kicker{margin-top:72px}.api-guide-hero h1{color:#fff;letter-spacing:-.045em;text-wrap:balance;max-width:760px;margin:14px 0 18px;font-size:clamp(38px,7vw,68px);line-height:1.03}.api-guide-lead{color:#aeb6c2;max-width:700px;margin:0;font-size:18px;line-height:1.8}.api-guide-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.api-guide-primary,.api-guide-secondary{border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:750;text-decoration:none;display:inline-flex}.api-guide-primary{color:#171006;background:#f5a623}.api-guide-secondary{color:#e8ecf2;background:#181d25;border:1px solid #3a414d}.api-guide-article{padding:20px 0 96px}.api-guide-article section{border-bottom:1px solid #262b34;padding:64px 0}.api-guide-article h2{color:#fff;letter-spacing:-.03em;margin:10px 0 18px;font-size:clamp(26px,4vw,38px)}.api-guide-article p,.api-guide-article li{color:#b5bdc8;font-size:16px;line-height:1.8}.api-guide-article li+li{margin-top:8px}.api-guide-article code{font-family:var(--font-jetbrains-mono), monospace}.api-guide-article p code,.api-guide-article li code,.api-guide-article td code{color:#ffd38a;background:#202631;border-radius:4px;padding:2px 5px}.api-guide-article pre{color:#d9e1ec;background:#11151b;border:1px solid #2b323e;border-radius:10px;margin:24px 0 0;padding:22px;font-size:13px;line-height:1.7;overflow-x:auto}.api-guide-table-wrap{margin-top:24px;overflow-x:auto}.api-guide-table-wrap table{border-collapse:collapse;width:100%;min-width:650px}.api-guide-table-wrap th,.api-guide-table-wrap td{text-align:left;border-bottom:1px solid #2b323e;padding:14px 12px}.api-guide-table-wrap th{color:#fff;font-size:13px}.api-guide-table-wrap td{color:#aeb6c2;font-size:14px}.api-angel-roles-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px;display:grid}.api-role-card{background:#111620;border:1px solid #222d3d;border-radius:12px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.api-role-card:hover{border-color:#f5a623;transform:translateY(-2px);box-shadow:0 12px 30px #0006}.api-role-img-wrap{background:#080c14;width:100%;height:220px;position:relative;overflow:hidden}.api-role-img{object-fit:cover;transition:transform .4s}.api-role-card:hover .api-role-img{transform:scale(1.04)}.api-role-badge{font-family:var(--font-jetbrains-mono), monospace;color:#fff;backdrop-filter:blur(6px);background:#000000bf;border:1px solid #fff3;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;bottom:10px;left:10px}.api-role-body{flex-direction:column;flex:1;padding:18px 20px;display:flex}.api-role-body h4{color:#fff;margin:0 0 8px;font-size:16px;font-weight:750}.api-role-body p{color:#94a3b8;margin:0;font-size:13.5px;line-height:1.6}.api-guide-cta{background:linear-gradient(135deg,#18140ef2 0%,#0d1017fa 100%),url(/images/phoebe-angels/lifestyle/city-street-16x9.jpg) 50% 30%/cover no-repeat;border:1px solid #f5a6234d;border-radius:16px;margin-top:64px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 30px #f5a6231a}.api-guide-cta>p:first-child{color:#f5a623;font:700 12px/1 var(--font-jetbrains-mono), monospace;letter-spacing:.12em;text-transform:uppercase;margin:0}.api-guide-cta h2{color:#fff;letter-spacing:-.02em;margin:8px 0 10px;font-size:28px}.api-guide-cta>p:nth-of-type(2){color:#cbd5e1;margin:0 0 24px;font-size:15px;line-height:1.6}.api-quick-panel{flex-direction:column;gap:24px;display:flex}.api-key-new-alert{background:#10b9811a;border:1px solid #10b981;border-radius:10px;padding:18px 20px}.api-key-new-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.api-key-badge-success{color:#064e3b;background:#10b981;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:750;display:inline-block}.api-key-warning{color:#34d399;font-size:13px}.api-key-copy-row{background:#090c10;border:1px solid #1e293b;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.api-key-code{font-family:var(--font-jetbrains-mono), monospace;color:#38bdf8;word-break:break-all;flex:1;font-size:14px;background:0 0!important;padding:0!important}.api-key-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0369a1;border:1px solid #0284c7;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.api-key-copy-btn:hover{background:#0284c7}.api-key-status-card{backdrop-filter:blur(8px);background:#171c24f2;border:1px solid #2d3748;border-radius:12px;padding:22px}.api-key-status-main{align-items:center;gap:20px;display:flex}.api-key-avatar-col{flex-shrink:0}.api-key-avatar-wrap{border:2px solid #f5a623;border-radius:50%;width:72px;height:72px;position:relative;overflow:hidden;box-shadow:0 0 16px #f5a6234d}.api-key-avatar-img{object-fit:cover;object-position:center 20%}.api-key-info-col{flex:1;min-width:0}.api-key-status-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.api-key-status-title{color:#fff;align-items:center;gap:10px;margin:4px 0 0;font-size:18px;display:flex}.api-plan-badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.api-plan-badge.pro{color:#451a03;background:#f59e0b}.api-plan-badge.starter{color:#eff6ff;background:#3b82f6}.api-key-prefix-tag{color:#94a3b8;font-size:13px}.api-key-metrics-grid{border-top:1px solid #262f3d;border-bottom:1px solid #262f3d;grid-template-columns:repeat(3,1fr);gap:14px;padding:12px 0;display:grid}.api-key-metric{flex-direction:column;gap:3px;display:flex}.metric-label{color:#94a3b8;font-size:11.5px}.metric-value{color:#f8fafc;font-size:19px;font-weight:750}.metric-value small{color:#64748b;font-size:12px;font-weight:400}.metric-value-date{color:#cbd5e1;margin-top:2px;font-size:14px;font-weight:600}.api-key-upgrade-hint{color:#cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:13px;display:flex}.api-upgrade-btn{min-height:34px;padding:6px 14px;font-size:12.5px}.api-angels-bento-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.api-angel-bento-card{cursor:pointer;background:#10141d;border:1px solid #222a38;border-radius:12px;flex-direction:column;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.api-angel-bento-card:hover{border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 12px 30px #00000080}.api-angel-bento-card.is-selected{border-color:#f5a623;box-shadow:0 0 20px #f5a62340}.api-bento-portrait-wrap{background:#080c14;border-radius:12px 12px 0 0;width:100%;height:190px;position:relative;overflow:hidden}.api-bento-portrait-img,.api-bento-portrait-video{object-fit:cover;object-position:center 18%;width:100%;height:100%;transition:transform .4s;position:absolute;inset:0}.api-angel-bento-card:hover .api-bento-portrait-img,.api-angel-bento-card:hover .api-bento-portrait-video{transform:scale(1.04)}.api-bento-info{background:#0f141f;flex-direction:column;flex:1;padding:14px 14px 16px;display:flex}.api-bento-role-row{flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:6px;display:flex}.api-bento-name{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.api-bento-title{color:#94a3b8;white-space:nowrap;font-size:11.5px;font-weight:500;line-height:1.2}.api-bento-price-row{align-items:baseline;gap:5px;margin-bottom:8px;display:flex}.api-bento-price{color:#fff;font-size:20px;font-weight:850;font-family:var(--font-jetbrains-mono), monospace;line-height:1.1}.api-bento-price-sub{color:#94a3b8;font-size:12px}.api-bento-quota-row{margin-bottom:10px}.api-bento-quota-tag{font-family:var(--font-jetbrains-mono), monospace;color:#f5a623;white-space:nowrap;background:#f5a6231f;border:1px solid #f5a62347;border-radius:5px;align-items:center;padding:3px 8px;font-size:11px;font-weight:750;display:inline-flex}.api-angel-bento-card.is-starter .api-bento-quota-tag{color:#38bdf8;background:#38bdf81f;border-color:#38bdf847}.api-bento-desc{color:#cbd5e1;flex:1;margin:0 0 16px;font-size:12px;line-height:1.55}.api-bento-action-wrap{margin-top:auto}.api-bento-btn{cursor:pointer;box-sizing:border-box;border-radius:6px;justify-content:center;align-items:center;width:100%;min-height:38px;padding:0 12px;font-size:12.5px;font-weight:750;text-decoration:none;display:inline-flex}.api-quota-def-banner{background:#1e293b66;border:1px solid #38bdf833;border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.api-quota-def-pill{font-family:var(--font-jetbrains-mono), monospace;color:#38bdf8;white-space:nowrap;background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:750}.api-quota-def-banner p{color:#cbd5e1;flex:1;min-width:240px;margin:0;font-size:13px;line-height:1.6}.api-quota-def-banner code{color:#38bdf8;background:#0006;border-radius:4px;padding:2px 6px}.api-live-comparator-box{background:#0e1219e6;border:1px solid #232c3b;border-radius:12px;padding:22px}.api-comparator-header{margin-bottom:16px}.api-comparator-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.api-comparator-tag{font-family:var(--font-jetbrains-mono), monospace;color:#f5a623;background:#f5a6231f;border:1px solid #f5a6234d;border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:800}.api-comparator-title-row h4{color:#fff;margin:0;font-size:16px}.api-comparator-sub{color:#94a3b8;margin:0;font-size:13px}.api-comparator-body{flex-direction:column;gap:12px;display:flex}.api-query-bubble{color:#cbd5e1;background:#19202c;border-left:3px solid #64748b;border-radius:0 8px 8px 0;padding:10px 14px;font-size:13.5px}.bubble-speaker{color:#94a3b8;margin-bottom:2px;font-size:11.5px;font-weight:700;display:block}.api-query-bubble p{margin:0;font-style:italic}.api-reply-showcase-card{background:#0f141e;border:1px solid #334155;border-radius:10px;gap:16px;padding:16px;transition:border-color .3s;display:flex}.api-reply-showcase-avatar{border:2px solid #fff3;border-radius:50%;flex-shrink:0;width:54px;height:54px;position:relative;overflow:hidden}.api-reply-img{object-fit:cover;object-position:center 20%}.api-reply-showcase-content{flex:1;min-width:0}.api-reply-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.api-reply-name{font-size:14.5px;font-weight:750}.api-reply-persona{color:#94a3b8;font-size:11.5px}.api-reply-text{color:#f1f5f9;margin:0;font-size:14px;line-height:1.7}.api-redeem-row{text-align:center}.api-redeem-toggle-btn{color:#94a3b8;cursor:pointer;background:0 0;border:0;padding:6px 12px;font-size:12.5px;text-decoration:underline;transition:color .2s}.api-redeem-toggle-btn:hover{color:#f5a623}.api-kofi-redeem-form{background:#0d1117;border:1px dashed #4b5563;border-radius:10px;padding:18px 20px}.api-kofi-redeem-form h5{color:#fff;margin:0 0 6px;font-size:15px}.api-kofi-redeem-form p{color:#9ca3af;margin:0 0 12px;font-size:13px}.api-kofi-input-row{gap:10px;display:flex}.api-kofi-input-row input{color:#fff;background:#161b22;border:1px solid #374151;border-radius:6px;flex:1;padding:10px 12px;font-size:13px}.api-kofi-input-row input:focus{outline:2px solid #f5a623}.api-redeem-msg{margin:10px 0 0;font-size:13px}.api-redeem-msg.success{color:#34d399}.api-redeem-msg.error{color:#f87171}@media (max-width:992px){.api-angels-bento-grid{grid-template-columns:repeat(2,1fr);gap:16px}.api-angel-roles-grid{grid-template-columns:1fr}}@media (max-width:580px){.api-guide-wrap{width:min(100% - 24px,980px)}.api-guide-hero{padding-top:28px}.api-guide-kicker{margin-top:52px}.api-guide-article section{padding:48px 0}.api-guide-article pre{margin-inline:-6px;padding:16px;font-size:12px}.api-guide-cta{padding:20px 16px}.api-angels-bento-grid{grid-template-columns:1fr;gap:14px}.api-bento-portrait-wrap{height:220px}.api-key-status-main{flex-direction:column;align-items:flex-start}.api-key-metrics-grid{grid-template-columns:1fr}}