:root{--bg:#f6f9fa;--surface:#fcfefe;--soft:#eef5f6;--ink:#11292f;--muted:#60757a;--accent:#087f9a;--accent-dark:#075f72;--accent-soft:#ddf2f5;--line:rgba(17,72,82,.13);--strong:rgba(17,72,82,.23);--danger:#9a4238;--danger-soft:#faece9;--success:#267456;--success-soft:#e4f3eb;color-scheme:light}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 18% 4%,rgba(8,127,154,.06),transparent 30rem),var(--bg);color:var(--ink);font-family:Aptos,"Segoe UI Variable Text","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;border-radius:10px;background:var(--ink);color:var(--surface);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page-grain{position:fixed;z-index:30;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.account-header{display:flex;align-items:center;justify-content:space-between;width:min(1020px,calc(100% - 40px));min-height:72px;margin:10px auto 0;padding:8px 4px;border-bottom:1px solid var(--line)}.account-brand{display:flex;align-items:center;gap:10px;min-height:44px;font-weight:740;letter-spacing:-.02em}.account-brand img{width:34px;height:34px;object-fit:contain}.account-header nav{display:flex;gap:2px}.account-header nav a{display:grid;min-height:44px;padding:9px 13px;place-items:center;border-radius:11px;color:var(--muted);font-size:13px;font-weight:650}.account-header nav a:hover{background:var(--accent-soft);color:var(--accent-dark)}
.page-shell{width:min(900px,calc(100% - 40px));min-height:calc(100dvh - 190px);margin:0 auto;padding:86px 0 100px}.page-intro{max-width:720px;margin-bottom:40px}.page-intro>p{margin:0 0 14px;color:var(--accent-dark);font-size:11px;font-weight:760;letter-spacing:.1em}.page-intro h1{margin:0;font-family:"Segoe UI Variable Display","Aptos Display","PingFang SC",sans-serif;font-size:clamp(48px,7vw,76px);font-weight:670;line-height:.94;letter-spacing:-.06em;text-wrap:balance}.page-intro>span{display:block;max-width:560px;margin-top:22px;color:var(--muted);font-size:16px}.loading-state,.state-card,.account-state,.authorization-card{border:1px solid var(--line);border-radius:20px;background:rgba(252,254,254,.82);box-shadow:0 22px 60px rgba(16,69,79,.08)}.loading-state,.state-card{display:flex;align-items:center;gap:16px;min-height:100px;padding:24px}.loading-state{max-width:520px}.pulse{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(8,127,154,.25);animation:pulse 1.5s infinite}.state-card>div{display:flex;flex-direction:column}.state-card small,.account-state small,.authorization-card small{color:var(--muted);font-size:11px}.state-card b{font-size:14px}.state-icon{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border-radius:12px;background:var(--soft);font-weight:800}.state-card.error{border-color:rgba(154,66,56,.22);background:var(--danger-soft);color:var(--danger)}.state-card.success{border-color:rgba(38,116,86,.23);background:var(--success-soft);color:var(--success)}.state-card.cancelled{color:var(--muted)}
.account-state{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px}.user-mark{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:var(--accent-soft);color:var(--accent-dark);font-size:18px;font-weight:780}.account-name{display:flex;min-width:0;flex-direction:column}.account-name b{font-size:18px}.account-name span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.account-actions{display:flex;align-items:center;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 16px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-size:13px;font-weight:720;white-space:nowrap}.button.primary{background:var(--accent-dark);color:#f4fbfc}.button.quiet{border-color:var(--strong);background:var(--surface);color:var(--ink)}button:disabled{cursor:not-allowed;opacity:.5}.text-link{min-height:44px;padding:11px;color:var(--accent-dark);font-size:12px;font-weight:700}.button:focus-visible,.text-link:focus-visible,.account-header a:focus-visible{outline:3px solid rgba(8,127,154,.3);outline-offset:3px}
.account-grid,.info-list{display:grid;gap:12px;margin-top:24px}.account-grid{grid-template-columns:repeat(3,1fr)}.account-grid article,.info-list article{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(252,254,254,.68)}.account-grid article>span{color:var(--accent);font-family:"Cascadia Mono",monospace;font-size:10px}.account-grid h2,.info-list h2{margin:16px 0 8px;font-size:17px;line-height:1.25;letter-spacing:-.025em}.account-grid p,.info-list p{margin:0;color:var(--muted);font-size:13px}.info-list{grid-template-columns:1fr}.info-list article{padding:28px}.info-list h2{margin:0 0 8px;font-size:19px}
.authorization-card{max-width:620px;padding:28px}.authorization-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.authorization-head span{color:var(--muted);font-size:12px}.authorization-head b{font-family:"Cascadia Mono",monospace;font-size:24px;letter-spacing:.08em}.authorization-user{display:flex;align-items:center;gap:14px;padding:24px 0}.authorization-user>div{display:flex;flex-direction:column}.authorization-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.authorization-card>p{margin:18px 0 0;color:var(--muted);font-size:11px}.boundary-note{max-width:620px;margin-top:14px;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.boundary-note b{font-size:13px}.boundary-note p{margin:4px 0 0;color:var(--muted);font-size:12px}
.account-footer{display:flex;justify-content:space-between;gap:20px;width:min(1020px,calc(100% - 40px));margin:0 auto;padding:24px 4px 32px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}
.device-section{margin-top:24px;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(252,254,254,.78)}.device-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.device-section h2{margin:2px 0 0;font-size:20px;letter-spacing:-.03em}.device-section header small{color:var(--muted)}.device-list{display:grid;gap:8px}.device-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px;border-top:1px solid var(--line)}.device-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--soft);color:var(--accent-dark)}.device-row>div{display:flex;min-width:0;flex-direction:column}.device-row b{font-size:14px}.device-row small,.device-row em{overflow:hidden;color:var(--muted);font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.device-loading,.device-empty{padding:18px;color:var(--muted);font-size:13px}.device-loading{display:flex;align-items:center;gap:12px}.error-text{color:var(--danger)}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(8,127,154,0)}}
@media(max-width:720px){.account-header nav a:not(:last-child){display:none}.page-shell{padding-top:58px}.account-state{grid-template-columns:auto 1fr}.account-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.account-grid{grid-template-columns:1fr}.authorization-actions{grid-template-columns:1fr}.account-footer{flex-direction:column}.page-intro h1{font-size:50px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}