:root{color:#1f2933;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.4}*{box-sizing:border-box}body{background:#eef2f6;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.48}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.topbar{background:#fff;border-bottom:1px solid #d8e0e8;justify-content:space-between;align-items:center;min-height:72px;padding:14px 18px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar h1,.topbar p,.panel h2,.panel p{margin:0}.topbar h1{font-size:18px;font-weight:700}.topbar p{color:#65758b;margin-top:3px;font-size:13px}.workspace{grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px;padding:16px;display:grid}.sidebar,.content,.stack{flex-direction:column;gap:12px;display:flex}.panel{background:#fff;border:1px solid #d8e0e8;border-radius:8px;padding:14px}.context-panel{gap:12px;display:grid}label{color:#526174;text-transform:uppercase;gap:6px;font-size:12px;font-weight:700;display:grid}input{color:#1f2933;background:#fff;border:1px solid #c9d3df;border-radius:6px;width:100%;min-height:40px;padding:0 10px}input:focus{border-color:#2f6fed;outline:3px solid #2f6fed24}.mode-panel{background:#f7fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;padding:8px;display:grid}.mode-panel button,.join-row button,.dialog-actions button{color:#526174;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-weight:700;transition:background-color .18s,color .18s,box-shadow .18s,transform .18s;display:inline-flex}.mode-panel button.selected{color:#fff;background:#153e75;box-shadow:0 8px 20px #153e752e}.mode-panel svg,.icon-button svg,.secondary-button svg,.join-row svg,.state-panel svg{width:18px;height:18px}.content{min-width:0}.notice{border-radius:8px;padding:12px 14px;font-weight:700}.notice.error{color:#a7352b;background:#fff1f0;border:1px solid #f5b5b0}.token-panel{grid-template-columns:1fr auto;align-items:start;gap:12px;display:grid}.token-panel h2,.section-header h2,.client-panel h2,.state-panel h2,.dialog h2{font-size:16px;font-weight:700}.token-panel p{color:#65758b;margin-top:4px;font-size:13px}.helper-text{line-height:1.5;color:#526174!important;margin-bottom:8px!important}.token-actions{gap:8px;display:flex}.icon-button{color:#243447;background:#edf2f7;border-radius:6px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.secondary-button{color:#243447;background:#edf2f7;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:700;display:inline-flex}.icon-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.mode-panel button:hover:not(:disabled),.join-row button:hover:not(:disabled),.oauth-actions button:hover:not(:disabled),.dialog-actions button:hover:not(:disabled){background:#dce6f2}.icon-button.danger{color:#b42318}.token-value{overflow-wrap:anywhere;color:#fff;background:#111827;border-radius:6px;grid-column:1/-1;padding:12px;font-size:13px;display:block}.section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.section-header span{color:#65758b;font-size:13px;font-weight:700}.link-list{gap:8px;display:grid}.link-row{border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 8px 8px 12px;display:flex}.link-row strong,.link-row span{display:block}.link-row strong{overflow-wrap:anywhere}.link-row span,.empty-row{color:#65758b;font-size:13px}.empty-row{border:1px dashed #c9d3df;border-radius:8px;justify-content:center;align-items:center;min-height:54px;display:flex}.client-panel{gap:12px;display:grid}.mode-card{padding:12px}.mode-card-header{gap:4px;display:grid}.mode-card-header h2{font-size:15px;font-weight:700}.mode-card-header p{color:#65758b;font-size:12px;line-height:1.45}.oauth-grid{gap:12px;display:grid}.oauth-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.oauth-actions button{color:#fff;background:#153e75;border-radius:6px;min-height:38px;padding:0 14px;font-weight:700}.oauth-actions button:hover:not(:disabled){background:#1e4f93}.oauth-actions p{color:#65758b;font-size:13px}.join-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.join-row button{color:#fff;background:#153e75;padding:0 14px}.state-panel{color:#526174;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;display:flex}.dialog-backdrop{background:#0f172a6b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border:1px solid #d8e0e8;border-radius:8px;width:min(100%,420px);padding:16px}.dialog p{color:#526174;overflow-wrap:anywhere;margin:8px 0 16px}.form-grid{gap:12px;display:grid}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.danger-fill{color:#fff!important;background:#b42318!important}.primary-fill{color:#fff!important;background:#153e75!important}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=760px){.workspace{grid-template-columns:1fr;padding:12px}.topbar{padding:12px}.join-row{grid-template-columns:auto minmax(0,1fr)}.join-row button{grid-column:1/-1}}