:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef1f4;color:#16191d;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(29,155,240,.12),transparent 38%),linear-gradient(315deg,rgba(44,184,122,.13),transparent 42%),#eef1f4}.auth-panel{width:min(100%,460px);border:1px solid #d9dee5;border-radius:8px;background:#fffffff0;box-shadow:0 20px 52px #1e263024;padding:28px 30px 26px}.brand-row{display:flex;align-items:center;gap:10px;color:#303741;font-size:14px;font-weight:700}.brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:radial-gradient(circle at 68% 22%,rgba(158,250,190,.18),transparent 34%),#19212b;box-shadow:inset 0 0 0 1px #9efabe24}.brand-mark img{display:block;width:28px;height:28px;object-fit:contain}.copy{margin-top:26px}.copy h1{margin:0;font-size:32px;line-height:1.08;letter-spacing:0}.copy p{margin:12px 0 0;color:#5f6875;font-size:15px;line-height:1.55}.login-surface{display:grid;gap:12px;margin-top:22px}.telegram-widget{min-height:42px}.telegram-widget iframe{display:block}.state-line,.success-box,.error-box{display:flex;align-items:center;gap:10px;min-height:44px;border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.35}.state-line{color:#4d5968;background:#f5f7f9}.success-box{color:#0f5132;background:#e7f6ee;border:1px solid #b9e4cb}.error-box{color:#7f1d1d;background:#fff1f1;border:1px solid #f2c0c0}.spin{animation:spin 1s linear infinite}.request-details{display:grid;gap:8px;margin-top:18px;padding-top:18px;border-top:1px solid #e1e5ea}.request-details>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:baseline}.request-details>.scope-detail-row{align-items:start}.request-details span{color:#7b8490;font-size:12px;font-weight:700;text-transform:uppercase}.request-details strong{min-width:0;overflow-wrap:anywhere;color:#222831;font-size:13px;font-weight:600}.scope-grid{display:grid;gap:8px}.scope-pill{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;border:1px solid #dfe5ec;border-radius:8px;background:#f8fafb;padding:10px 11px}.scope-copy{display:grid;gap:3px;min-width:0}.scope-copy strong{font-size:13px;line-height:1.25}.scope-copy small{color:#66717f;font-size:12px;line-height:1.35}.scope-copy code{width:fit-content;max-width:100%;overflow-wrap:anywhere;border-radius:6px;background:#edf2f6;color:#4f5a67;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;line-height:1.35;padding:2px 5px}.scope-pill em{border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800;line-height:1.2;text-transform:uppercase}.scope-pill em[data-access=read]{background:#e8f3ff;color:#075985}.scope-pill em[data-access=write]{background:#fff3df;color:#9a4d00}.fallback-link{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:#0b6fb8;font-size:14px;font-weight:700;text-decoration:none}.fallback-link:hover{color:#084f84}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.auth-shell{align-items:stretch;padding:12px}.auth-panel{align-self:center;padding:22px}.copy h1{font-size:28px}.request-details>div{grid-template-columns:1fr;gap:3px}.scope-pill{grid-template-columns:1fr;gap:8px}.scope-pill em{width:fit-content}}