*{box-sizing:border-box;margin:0;padding:0}body{color:#c9d1d9;background:#0d1117;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,monospace}.container{max-width:960px;margin:0 auto;position:relative}h1{color:#58a6ff;margin-bottom:8px;font-size:24px}h2{color:#58a6ff;margin-bottom:12px;font-size:16px}p{line-height:1.5}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}.subtitle{color:#8b949e;margin-bottom:20px;font-size:14px}.panel{background:#161b22;border:1px solid #30363d;border-radius:6px;margin-bottom:16px;padding:20px}.auth-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.auth-grid .panel{margin-bottom:0}@media (max-width:640px){.auth-grid{grid-template-columns:1fr}}.auth-section{flex-direction:column;display:flex}.cred-actions{gap:8px;display:flex}.cred-actions .btn{margin-right:0}.auth-section .auth-title{color:#c9d1d9;margin:0 0 4px;font-size:15px;font-weight:600}.oauth-cta{flex-direction:column;flex:1;justify-content:center;display:flex}.oauth-cta .btn{justify-content:center;align-items:center;margin-right:0;padding:14px 16px;font-size:16px;display:flex}.oauth-cta .oauth-icon{width:22px;height:22px;margin-right:10px}.auth-section .auth-hint{color:#8b949e;margin:0 0 16px;font-size:12px}.field{margin-bottom:12px}.field label{color:#8b949e;margin-bottom:4px;font-size:12px;display:block}.field input,.field select{color:#c9d1d9;background:#0d1117;border:1px solid #30363d;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px}.field input:focus,.field select:focus{border-color:#58a6ff;outline:none}.btn{cursor:pointer;border:none;border-radius:4px;margin-right:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}.btn-primary{color:#fff;background:#238636}.btn-primary:hover{background:#2ea043}.btn-primary:disabled{color:#484f58;cursor:not-allowed;background:#21262d}.btn-secondary{color:#c9d1d9;background:#21262d;border:1px solid #30363d}.btn-secondary:hover{background:#30363d}.oauth-icon{vertical-align:middle;margin-right:8px}.btn-danger{color:#fff;background:#da3633}.btn-danger:hover{background:#f85149}.lang-switcher{z-index:100;position:absolute;top:0;right:0}.lang-switcher button{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:13px;display:inline-flex}.lang-switcher button:hover{background:#30363d}.lang-switcher button .caret{color:#8b949e;font-size:9px}.lang-switcher button .lang-icon{color:#8b949e;flex-shrink:0;width:14px;height:14px}.lang-menu{z-index:10;background:#161b22;border:1px solid #30363d;border-radius:4px;min-width:140px;margin:0;padding:4px 0;list-style:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 14px #0006}.lang-menu li{cursor:pointer;color:#c9d1d9;padding:6px 12px;font-size:13px}.lang-menu li:hover{background:#21262d}.lang-menu li.active{color:#58a6ff;font-weight:600}.source-section{text-align:center;margin-top:16px}.source-section a{color:#fff;background:#238636;border:1px solid #2ea043;border-radius:4px;align-items:center;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.source-section a:hover{color:#fff;background:#2ea043;border-color:#3fb950}.footer{text-align:center;color:#8b949e;border-top:1px solid #30363d;margin-top:32px;padding:20px 0;font-size:12.5px;line-height:1.8}.footer strong{color:#c9d1d9;font-weight:600}.footer a{color:#58a6ff;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .ip-display{color:#6e7681;letter-spacing:.2px;margin-bottom:8px;font-family:ui-monospace,Consolas,Courier New,monospace;font-size:12px}.alert{border-radius:4px;margin-bottom:12px;padding:10px 14px;font-size:13px}.alert-error{color:#f85149;background:#f851491a;border:1px solid #f8514966}.alert-success{color:#3fb950;background:#3fb9501a;border:1px solid #3fb95066}.alert-info{color:#58a6ff;background:#58a6ff1a;border:1px solid #58a6ff66}.resource-list{padding:0;list-style:none}.resource-item{background:#0d1117;border:1px solid #30363d;border-radius:4px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:12px 14px;display:flex}.resource-item:hover{border-color:#58a6ff}.resource-title{color:#c9d1d9;font-size:14px;font-weight:600}.resource-id{color:#8b949e;font-family:ui-monospace,Consolas,monospace;font-size:12px}.toolbar{background:#161b22;border:1px solid #30363d;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.toolbar-id{flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;display:flex}.toolbar .user{color:#c9d1d9;white-space:nowrap}.toolbar .user span{color:#8b949e}.toolbar-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{color:#c9d1d9;white-space:nowrap;background:#21262d;border:1px solid #30363d;border-radius:10px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-k{color:#8b949e;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:500}.badge-mono{color:#79c0ff;font-family:ui-monospace,Consolas,monospace}.badge-mono .badge-k{font-family:inherit}.note{color:#8b949e;margin-top:8px;font-size:12px;line-height:1.5}.arch-diagram{margin-top:24px}.arch{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:14px 16px;font-size:13px}.arch>summary{cursor:pointer;color:#c9d1d9;font-weight:600;list-style:none}.arch>summary::-webkit-details-marker{display:none}.arch>summary:before{content:"▸ ";color:#8b949e}.arch[open]>summary:before{content:"▾ ";color:#8b949e}.arch-body{margin-top:14px}.arch-diagram-image{border-radius:4px;width:100%;height:auto;display:block}.arch-nodes{flex-wrap:wrap;align-items:stretch;gap:0;margin-bottom:18px;display:flex}.arch-node{text-align:center;background:#0d1117;border:1px solid #30363d;border-radius:6px;flex:1 1 0;min-width:88px;padding:10px 6px}.arch-node-key{border-color:#58a6ff}.arch-node-title{color:#c9d1d9;font-size:13px;font-weight:600}.arch-node-sub{color:#8b949e;margin-top:2px;font-size:11px}.arch-arrow{color:#484f58;flex:none;align-items:center;padding:0 6px;font-size:18px;display:flex}.arch-steps{color:#8b949e;margin:0;padding-left:20px;line-height:1.6}.arch-steps li{margin-bottom:6px}.arch-steps strong{color:#79c0ff;font-family:ui-monospace,Consolas,monospace;font-size:12px}