.viz-container[data-astro-cid-knukbch3]{max-width:1100px;margin:0 auto}.viz-header[data-astro-cid-knukbch3]{text-align:center;margin-bottom:40px}.viz-header[data-astro-cid-knukbch3] h1[data-astro-cid-knukbch3]{font-size:2.5rem;margin-bottom:10px;background:linear-gradient(90deg,#f472b6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-astro-cid-knukbch3]{color:#888;font-size:1.1rem}h2[data-astro-cid-knukbch3]{font-size:1.5rem;color:#fff;margin-bottom:12px}h3[data-astro-cid-knukbch3]{font-size:1.1rem;color:#fff;margin-bottom:8px}h4[data-astro-cid-knukbch3]{font-size:.95rem;color:#ccc;margin:16px 0 8px}.section-desc[data-astro-cid-knukbch3]{color:#aaa;margin-bottom:20px;line-height:1.6}.overview-section[data-astro-cid-knukbch3]{margin-bottom:40px}.overview-card[data-astro-cid-knukbch3]{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:28px}.overview-card[data-astro-cid-knukbch3] p[data-astro-cid-knukbch3]{color:#bbb;line-height:1.8;font-size:.95rem}.overview-card[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#a78bfa}.overview-card[data-astro-cid-knukbch3] em[data-astro-cid-knukbch3]{color:#f472b6}.interactive-section[data-astro-cid-knukbch3]{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:28px;margin-bottom:30px}.action-btn[data-astro-cid-knukbch3]{padding:10px 20px;border-radius:8px;border:1px solid rgba(167,139,250,.4);background:#a78bfa33;color:#a78bfa;cursor:pointer;font-size:.9rem;transition:all .2s}.action-btn[data-astro-cid-knukbch3]:hover{background:#a78bfa4d}.primary-btn[data-astro-cid-knukbch3]{background:#a78bfa40;border-color:#a78bfa80;font-weight:600}.auto-btn[data-astro-cid-knukbch3]{background:#f472b626;border-color:#f472b666;color:#f472b6}.auto-btn[data-astro-cid-knukbch3]:hover{background:#f472b640}.reset-btn[data-astro-cid-knukbch3]{background:#ffffff0d;border-color:#fff3;color:#888}.reset-btn[data-astro-cid-knukbch3]:hover{background:#ffffff1a;color:#ccc}.flow-controls[data-astro-cid-knukbch3]{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.flow-status[data-astro-cid-knukbch3]{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:.9rem;color:#aaa}.flow-badge[data-astro-cid-knukbch3]{padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:600;background:#ffffff1a;color:#888}.flow-badge[data-astro-cid-knukbch3].in-progress{background:#a78bfa33;color:#a78bfa}.flow-badge[data-astro-cid-knukbch3].complete{background:#34d39933;color:#34d399}.flow-diagram[data-astro-cid-knukbch3]{margin-top:16px}.flow-participants[data-astro-cid-knukbch3]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.participant-col[data-astro-cid-knukbch3]{display:flex;justify-content:center}.participant-node[data-astro-cid-knukbch3]{text-align:center;padding:16px 12px;border-radius:12px;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);transition:all .4s ease;min-width:120px}.participant-node[data-astro-cid-knukbch3].active{border-color:#a78bfa;background:#a78bfa1a;box-shadow:0 0 20px #a78bfa4d}.participant-icon[data-astro-cid-knukbch3]{font-size:.85rem;font-weight:700;color:#a78bfa;background:#a78bfa26;display:inline-block;padding:6px 12px;border-radius:6px;margin-bottom:8px}.participant-label[data-astro-cid-knukbch3]{font-size:.9rem;color:#fff;font-weight:600;margin-bottom:4px}.participant-detail[data-astro-cid-knukbch3]{font-size:.75rem;color:#888}.flow-steps[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:8px}.flow-step[data-astro-cid-knukbch3]{display:flex;align-items:flex-start;gap:16px;padding:14px 16px;border-radius:10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);transition:all .4s ease;opacity:.4}.flow-step[data-astro-cid-knukbch3].active{opacity:1;background:#a78bfa14;border-color:#a78bfa4d;box-shadow:0 0 15px #a78bfa26}.flow-step[data-astro-cid-knukbch3].done{opacity:.7;border-color:#34d39933}.step-arrow[data-astro-cid-knukbch3]{display:none}.step-label[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:4px}.step-num[data-astro-cid-knukbch3]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#a78bfa33;color:#a78bfa;font-size:.75rem;font-weight:700;flex-shrink:0}.flow-step[data-astro-cid-knukbch3].active .step-num[data-astro-cid-knukbch3]{background:#a78bfa66;box-shadow:0 0 10px #a78bfa4d}.flow-step[data-astro-cid-knukbch3].done .step-num[data-astro-cid-knukbch3]{background:#34d3994d;color:#34d399}.step-label[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#ddd;font-size:.9rem}.step-detail[data-astro-cid-knukbch3]{color:#999;font-size:.82rem;line-height:1.5}.step-detail[data-astro-cid-knukbch3] code[data-astro-cid-knukbch3]{background:#a78bfa26;color:#c4b5fd;padding:1px 5px;border-radius:3px;font-size:.78rem}.flow-type-selector[data-astro-cid-knukbch3]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.flow-type-btn[data-astro-cid-knukbch3]{padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:.85rem;transition:all .2s}.flow-type-btn[data-astro-cid-knukbch3]:hover{background:#a78bfa1a;border-color:#a78bfa4d;color:#ccc}.flow-type-btn[data-astro-cid-knukbch3].active{background:#a78bfa33;border-color:#a78bfa66;color:#a78bfa;font-weight:600}.flow-info[data-astro-cid-knukbch3]{padding:20px;background:#00000026;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.flow-info-header[data-astro-cid-knukbch3]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.flow-info-header[data-astro-cid-knukbch3] h3[data-astro-cid-knukbch3]{margin:0}.flow-tag[data-astro-cid-knukbch3]{padding:3px 10px;border-radius:4px;font-size:.75rem;font-weight:600}.flow-tag[data-astro-cid-knukbch3].recommended{background:#34d39933;color:#34d399}.flow-tag[data-astro-cid-knukbch3].deprecated{background:#f8717133;color:#f87171}.flow-tag[data-astro-cid-knukbch3].machine{background:#60a5fa33;color:#60a5fa}.flow-tag[data-astro-cid-knukbch3].device{background:#fbbf2433;color:#fbbf24}.flow-use-case[data-astro-cid-knukbch3]{color:#aaa;font-size:.9rem;margin-bottom:16px;line-height:1.5}.flow-use-case[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#ccc}.flow-sequence[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.seq-step[data-astro-cid-knukbch3]{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:.85rem;flex-wrap:wrap}.seq-actor[data-astro-cid-knukbch3]{padding:3px 8px;border-radius:4px;font-weight:600;font-size:.8rem;white-space:nowrap}.client-actor[data-astro-cid-knukbch3]{background:#a78bfa33;color:#a78bfa}.ua-actor[data-astro-cid-knukbch3]{background:#fbbf2433;color:#fbbf24}.auth-actor[data-astro-cid-knukbch3]{background:#f472b633;color:#f472b6}.res-actor[data-astro-cid-knukbch3]{background:#34d39933;color:#34d399}.seq-arrow[data-astro-cid-knukbch3]{color:#555;font-weight:700}.seq-msg[data-astro-cid-knukbch3]{color:#999;font-size:.82rem}.flow-pros-cons[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:8px}.pros[data-astro-cid-knukbch3],.cons[data-astro-cid-knukbch3]{padding:12px;border-radius:8px;font-size:.85rem;line-height:1.6;color:#bbb}.pros[data-astro-cid-knukbch3]{background:#34d3990d;border-left:3px solid rgba(52,211,153,.4)}.pros[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#34d399}.cons[data-astro-cid-knukbch3]{background:#f871710d;border-left:3px solid rgba(248,113,113,.4)}.cons[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#f87171}.token-tabs[data-astro-cid-knukbch3]{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.token-tab[data-astro-cid-knukbch3]{padding:10px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#aaa;cursor:pointer;font-size:.85rem;transition:all .2s}.token-tab[data-astro-cid-knukbch3]:hover{background:#a78bfa1a;color:#ccc}.token-tab[data-astro-cid-knukbch3].active{background:#a78bfa33;border-color:#a78bfa66;color:#a78bfa;font-weight:600}.token-panel[data-astro-cid-knukbch3]{display:flex;gap:24px;flex-wrap:wrap}.token-raw[data-astro-cid-knukbch3],.token-decoded[data-astro-cid-knukbch3]{flex:1;min-width:280px}.token-encoded[data-astro-cid-knukbch3]{background:#0000004d;border-radius:8px;padding:16px;font-family:monospace;font-size:.78rem;word-break:break-all;line-height:1.6;border:1px solid rgba(255,255,255,.08)}.jwt-header[data-astro-cid-knukbch3]{color:#f472b6}.jwt-payload[data-astro-cid-knukbch3]{color:#a78bfa}.jwt-signature[data-astro-cid-knukbch3]{color:#60a5fa}.opaque-token[data-astro-cid-knukbch3]{background:#0000004d;border-radius:8px;padding:16px;font-family:monospace;font-size:.85rem;border:1px solid rgba(255,255,255,.08)}.opaque-value[data-astro-cid-knukbch3]{color:#888;word-break:break-all}.token-fields[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:6px}.token-field[data-astro-cid-knukbch3]{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:8px;background:#ffffff08;border-radius:6px;font-size:.82rem;align-items:start}.field-key[data-astro-cid-knukbch3]{color:#a78bfa;font-family:monospace;font-weight:600}.field-value[data-astro-cid-knukbch3]{color:#f472b6;font-family:monospace;font-size:.8rem}.field-desc[data-astro-cid-knukbch3]{color:#888;grid-column:1 / -1;font-size:.78rem;padding-left:0;margin-top:2px}.token-note[data-astro-cid-knukbch3]{margin-top:16px;padding:14px;background:#a78bfa14;border-radius:8px;border-left:3px solid rgba(167,139,250,.4);color:#bbb;font-size:.85rem;line-height:1.6}.token-note[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#a78bfa}.pkce-calculator[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:20px}.pkce-input-group[data-astro-cid-knukbch3] label[data-astro-cid-knukbch3],.pkce-output-group[data-astro-cid-knukbch3] label[data-astro-cid-knukbch3]{color:#ccc;font-size:.9rem;margin-bottom:8px;display:block}.label-hint[data-astro-cid-knukbch3]{color:#666;font-size:.8rem}.pkce-input-row[data-astro-cid-knukbch3]{display:flex;gap:12px}.pkce-input[data-astro-cid-knukbch3]{flex:1;padding:12px 14px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:monospace;font-size:.85rem}.pkce-input[data-astro-cid-knukbch3]:focus{outline:none;border-color:#a78bfa80;box-shadow:0 0 10px #a78bfa26}.pkce-arrow-down[data-astro-cid-knukbch3]{text-align:center;color:#a78bfa;font-weight:600;font-size:.9rem;padding:8px;position:relative}.pkce-arrow-down[data-astro-cid-knukbch3]:before{content:"";display:block;width:2px;height:20px;background:#a78bfa66;margin:0 auto 8px}.pkce-arrow-down[data-astro-cid-knukbch3]:after{content:"";display:block;width:2px;height:20px;background:#a78bfa66;margin:8px auto 0}.pkce-output[data-astro-cid-knukbch3]{padding:14px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;font-family:monospace;font-size:.85rem;color:#888;word-break:break-all;min-height:20px}.pkce-output[data-astro-cid-knukbch3].success{color:#a78bfa;border-color:#a78bfa66;background:#a78bfa14}.pkce-output[data-astro-cid-knukbch3].error{color:#f87171;border-color:#f8717166;background:#f8717114}.pkce-explanation[data-astro-cid-knukbch3]{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}.pkce-step-card[data-astro-cid-knukbch3]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:16px}.pkce-step-card[data-astro-cid-knukbch3] h4[data-astro-cid-knukbch3]{color:#a78bfa;margin:0 0 8px;font-size:.85rem}.pkce-step-card[data-astro-cid-knukbch3] p[data-astro-cid-knukbch3]{color:#999;font-size:.82rem;line-height:1.5;margin:0}.pkce-step-card[data-astro-cid-knukbch3] code[data-astro-cid-knukbch3]{background:#a78bfa26;color:#c4b5fd;padding:1px 5px;border-radius:3px;font-size:.78rem}.lifetime-calculator[data-astro-cid-knukbch3]{display:flex;flex-direction:column;gap:20px}.lifetime-inputs[data-astro-cid-knukbch3]{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lifetime-input-group[data-astro-cid-knukbch3] label[data-astro-cid-knukbch3]{color:#ccc;font-size:.9rem;margin-bottom:8px;display:block}.lifetime-row[data-astro-cid-knukbch3]{display:flex;align-items:center;gap:10px}.lifetime-input[data-astro-cid-knukbch3]{padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-family:monospace;font-size:.9rem;width:140px}.lifetime-input[data-astro-cid-knukbch3]:focus{outline:none;border-color:#a78bfa80}.lifetime-unit[data-astro-cid-knukbch3]{color:#666;font-size:.85rem}.lifetime-result[data-astro-cid-knukbch3]{color:#a78bfa;font-size:.85rem;margin-top:8px}.lifetime-analysis[data-astro-cid-knukbch3]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.analysis-item[data-astro-cid-knukbch3]{display:flex;justify-content:space-between;padding:12px;background:#ffffff08;border-radius:8px;align-items:center}.analysis-label[data-astro-cid-knukbch3]{color:#888;font-size:.85rem}.analysis-value[data-astro-cid-knukbch3]{color:#a78bfa;font-family:monospace;font-weight:600;font-size:.9rem}.security-rating[data-astro-cid-knukbch3] .analysis-value[data-astro-cid-knukbch3]{font-size:1rem}.comparison-table[data-astro-cid-knukbch3]{border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.comp-header[data-astro-cid-knukbch3]{display:grid;grid-template-columns:150px 1fr 1fr;background:#a78bfa1a;border-bottom:1px solid rgba(255,255,255,.1)}.comp-row[data-astro-cid-knukbch3]{display:grid;grid-template-columns:150px 1fr 1fr;border-bottom:1px solid rgba(255,255,255,.05)}.comp-row[data-astro-cid-knukbch3]:last-child{border-bottom:none}.comp-cell[data-astro-cid-knukbch3]{padding:14px 16px;font-size:.85rem;line-height:1.5}.comp-feature[data-astro-cid-knukbch3]{color:#a78bfa;font-weight:600;background:#ffffff05}.comp-oauth[data-astro-cid-knukbch3],.comp-oidc[data-astro-cid-knukbch3]{color:#bbb}.comp-header[data-astro-cid-knukbch3] .comp-cell[data-astro-cid-knukbch3]{font-weight:700;font-size:.85rem}.comp-header[data-astro-cid-knukbch3] .comp-feature[data-astro-cid-knukbch3]{color:#a78bfa}.comp-header[data-astro-cid-knukbch3] .comp-oauth[data-astro-cid-knukbch3]{color:#f472b6}.comp-header[data-astro-cid-knukbch3] .comp-oidc[data-astro-cid-knukbch3]{color:#60a5fa}.comp-cell[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#ddd}.comp-cell[data-astro-cid-knukbch3] code[data-astro-cid-knukbch3]{background:#a78bfa26;color:#c4b5fd;padding:1px 5px;border-radius:3px;font-size:.78rem}.practices-grid[data-astro-cid-knukbch3]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.practice-card[data-astro-cid-knukbch3]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px;transition:border-color .2s}.practice-card[data-astro-cid-knukbch3]:hover{border-color:#a78bfa4d}.practice-icon[data-astro-cid-knukbch3]{display:inline-block;padding:5px 10px;border-radius:6px;background:#a78bfa26;color:#a78bfa;font-size:.75rem;font-weight:700;margin-bottom:10px;letter-spacing:.5px}.practice-card[data-astro-cid-knukbch3] h3[data-astro-cid-knukbch3]{margin-bottom:8px}.practice-card[data-astro-cid-knukbch3] p[data-astro-cid-knukbch3]{color:#999;font-size:.85rem;line-height:1.6;margin:0}.practice-card[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#ccc}.practice-card[data-astro-cid-knukbch3] code[data-astro-cid-knukbch3]{background:#a78bfa26;color:#c4b5fd;padding:1px 5px;border-radius:3px;font-size:.78rem}.vuln-grid[data-astro-cid-knukbch3]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.vuln-card[data-astro-cid-knukbch3]{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:22px}.vuln-severity[data-astro-cid-knukbch3]{display:inline-block;padding:3px 10px;border-radius:4px;font-size:.7rem;font-weight:700;margin-bottom:12px;letter-spacing:1px}.vuln-severity[data-astro-cid-knukbch3].high{background:#f8717133;color:#f87171}.vuln-severity[data-astro-cid-knukbch3].medium{background:#fbbf2433;color:#fbbf24}.vuln-severity[data-astro-cid-knukbch3].low{background:#60a5fa33;color:#60a5fa}.vuln-card[data-astro-cid-knukbch3] h3[data-astro-cid-knukbch3]{margin-bottom:10px;font-size:1rem}.vuln-card[data-astro-cid-knukbch3] p[data-astro-cid-knukbch3]{color:#999;font-size:.85rem;line-height:1.6;margin:0 0 10px}.vuln-card[data-astro-cid-knukbch3] p[data-astro-cid-knukbch3]:last-child{margin-bottom:0}.vuln-card[data-astro-cid-knukbch3] strong[data-astro-cid-knukbch3]{color:#ccc}.vuln-card[data-astro-cid-knukbch3] code[data-astro-cid-knukbch3]{background:#a78bfa26;color:#c4b5fd;padding:1px 5px;border-radius:3px;font-size:.78rem}.viz-footer[data-astro-cid-knukbch3]{text-align:center;color:#666;font-size:.9rem;padding:20px 0;border-top:1px solid rgba(255,255,255,.1);margin-bottom:30px}.share-buttons[data-astro-cid-knukbch3]{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:30px}.share-buttons[data-astro-cid-knukbch3] span[data-astro-cid-knukbch3]{color:#666}.share-btn[data-astro-cid-knukbch3]{padding:10px 20px;background:#ffffff1a;border-radius:8px;color:#fff;font-size:.9rem;transition:background .2s;text-decoration:none}.share-btn[data-astro-cid-knukbch3]:hover{background:#fff3}@media(max-width:768px){.viz-header[data-astro-cid-knukbch3] h1[data-astro-cid-knukbch3]{font-size:1.8rem}.flow-participants[data-astro-cid-knukbch3]{grid-template-columns:repeat(2,1fr)}.flow-type-selector[data-astro-cid-knukbch3],.token-panel[data-astro-cid-knukbch3],.pkce-input-row[data-astro-cid-knukbch3]{flex-direction:column}.pkce-explanation[data-astro-cid-knukbch3]{grid-template-columns:repeat(2,1fr)}.lifetime-inputs[data-astro-cid-knukbch3],.lifetime-analysis[data-astro-cid-knukbch3]{grid-template-columns:1fr}.comp-header[data-astro-cid-knukbch3],.comp-row[data-astro-cid-knukbch3]{grid-template-columns:100px 1fr 1fr}.practices-grid[data-astro-cid-knukbch3],.vuln-grid[data-astro-cid-knukbch3]{grid-template-columns:1fr}.flow-controls[data-astro-cid-knukbch3]{flex-direction:column}.seq-step[data-astro-cid-knukbch3]{flex-direction:column;align-items:flex-start;gap:4px}}@media(max-width:480px){.flow-participants[data-astro-cid-knukbch3]{grid-template-columns:1fr 1fr}.pkce-explanation[data-astro-cid-knukbch3]{grid-template-columns:1fr}.comp-header[data-astro-cid-knukbch3],.comp-row[data-astro-cid-knukbch3]{grid-template-columns:80px 1fr 1fr;font-size:.78rem}.comp-cell[data-astro-cid-knukbch3]{padding:10px 8px}}