[hidden]{display:none!important}
.route-hidden{display:none!important}
.filterbar{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr 1fr auto;gap:10px;align-items:end}.filterbar .field{margin:0}.usage-head,.usage-row{grid-template-columns:1.25fr 1fr .8fr .8fr .8fr .8fr}.usage-head{display:grid;gap:12px;padding:8px 2px;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.usage-chart{display:flex;align-items:end;gap:4px;height:92px;margin:18px 0;padding-top:12px;border-bottom:1px solid var(--line)}.usage-chart i{display:block;flex:1;min-width:3px;background:linear-gradient(180deg,var(--mint),rgba(86,228,208,.18));border-radius:3px 3px 0 0}.pager{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.usage-pager{justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.usage-page-tools,.usage-page-nav,.usage-page-jump{display:flex;align-items:center}.usage-page-tools{gap:12px;margin-left:auto}.usage-page-nav{gap:8px}.usage-pager #usage-total,.usage-pager #page-label{font-variant-numeric:tabular-nums}.usage-pager .usage-chevron{width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:500 26px/1 inherit}.usage-pager .usage-chevron:disabled{opacity:.35}.usage-page-size,.usage-page-jump{gap:6px;margin:0;color:var(--muted);font-size:13px}.usage-page-size select,.usage-page-jump input{width:auto;min-height:32px;padding:4px 10px;border-radius:8px}.usage-page-jump input{width:52px;text-align:center;appearance:textfield}.usage-page-jump input::-webkit-outer-spin-button,.usage-page-jump input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ledger-note{padding:12px 14px;border-left:2px solid var(--mint);background:rgba(86,228,208,.055);color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:900px){.filterbar{grid-template-columns:1fr 1fr}.usage-head{display:none}}@media(max-width:560px){.filterbar{grid-template-columns:1fr}.pager{align-items:stretch;gap:8px;flex-direction:column}.usage-pager{flex-direction:row;align-items:center}}
:root{--night:#071b29;--deck:#082532;--deck2:#0b2e3d;--line:rgba(116,220,208,.18);--mint:#35c5a5;--text:#effafa;--muted:#91adb5;--amber:#f2c46d;--bad:#ff877d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 78% 0,rgba(50,158,152,.16),transparent 31%),linear-gradient(145deg,#03131d,#061e29 55%,#03131d);font-family:"Avenir Next","PingFang SC",sans-serif}.shell{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:rgba(2,17,26,.82);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800}.brand img{width:34px}.brand i{font-style:normal;color:var(--mint)}.rail nav{display:grid;gap:6px;margin-top:44px}.rail nav a{padding:11px 13px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:13px}.rail nav a:hover,.rail nav a.active{color:#fff;background:rgba(86,228,208,.1)}.rail-foot{position:absolute;bottom:24px;left:18px;right:18px}.main{width:min(1180px,100%);padding:40px 42px 80px}.top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{color:var(--mint);font:750 10px ui-monospace,monospace;letter-spacing:.16em}.top h1{margin:8px 0 0;font:580 clamp(34px,4vw,54px) "Songti SC",serif;letter-spacing:-.04em}.status{display:inline-flex;align-items:center;gap:7px;padding:0;color:var(--muted);font:650 11px ui-monospace,monospace;letter-spacing:.02em}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(86,228,208,.09)}.status.degraded:before{background:var(--amber);box-shadow:0 0 0 4px rgba(242,196,109,.08)}.overview{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:12px;margin:28px 0}.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(9,40,53,.9),rgba(5,25,36,.92));box-shadow:0 22px 60px rgba(0,8,13,.2)}.metric{padding:20px}.metric span{color:var(--muted);font-size:12px}.metric b{display:block;margin-top:8px;font-size:25px}.balance{position:relative;overflow:hidden}.balance b{font-size:38px}.balance:after{content:"";position:absolute;width:120px;height:120px;right:-55px;top:-55px;border:1px solid rgba(86,228,208,.25);border-radius:50%;box-shadow:0 0 35px rgba(86,228,208,.12)}.section{margin-top:18px;padding:24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section h2{margin:5px 0 0;font-size:25px}.muted{color:var(--muted);line-height:1.55}.grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:16px}.field{display:grid;gap:7px;margin:12px 0}.field label{font-size:12px;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#031923;color:#fff;padding:12px;font:inherit}textarea{min-height:112px;resize:vertical}button,.button{border:0;border-radius:999px;background:linear-gradient(135deg,var(--mint),#25ad98);color:#03231f;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}button.secondary,.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#dff5f3}.key-secret{margin-top:14px;padding:14px;border:1px solid rgba(86,228,208,.36);border-radius:12px;background:rgba(86,228,208,.07)}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.key-secret code{display:block;margin:8px 0;overflow-wrap:anywhere;color:#c8fff7}.key-row,.usage-row,.model-row{display:grid;grid-template-columns:1fr 1.15fr auto;align-items:center;gap:12px;padding:13px 2px;border-top:1px solid var(--line);font-size:13px}.key-row small,.usage-row small,.model-row small{color:var(--muted)}.empty{padding:22px 0;color:var(--muted)}.playground{display:grid;grid-template-columns:1fr 1fr;gap:16px}.terminal{min-height:245px;padding:18px;border:1px solid rgba(86,228,208,.2);border-radius:13px;background:#020e15;color:#c8fff7;white-space:pre-wrap;overflow:auto;font:12px/1.7 ui-monospace,monospace}.flight{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line)}.flight span{padding:11px;background:#061d2a;color:var(--muted);font-size:11px}.flight span.live{color:var(--mint);background:rgba(86,228,208,.09)}.message{min-height:22px;margin-top:9px;color:var(--mint);font-size:13px}.message.error{color:var(--bad)}.actions{display:flex;gap:8px;flex-wrap:wrap}.model-row{grid-template-columns:1fr auto auto}.usage-row{grid-template-columns:1.2fr .8fr .8fr .8fr}.sign-in{max-width:560px;margin:10vh auto;padding:38px}.sign-in h1{margin:8px 0;font-size:38px}.sign-in form{margin-top:24px}.sign-in .password-link{display:inline-block;margin-top:16px;color:var(--muted);font-size:13px}.otp-row{display:grid;grid-template-columns:1fr auto;gap:8px}.otp-row button{border-radius:10px;min-width:132px}@media(max-width:900px){.shell{grid-template-columns:1fr}.rail{position:relative;height:auto;display:flex;align-items:center;justify-content:space-between}.rail nav{display:flex;margin:0;overflow:auto}.rail-foot{display:none}.main{padding:28px 18px 60px}.overview{grid-template-columns:1fr 1fr}.balance{grid-column:1/-1}.grid,.playground{grid-template-columns:1fr}}@media(max-width:560px){.rail nav a:nth-child(n+4){display:none}.overview{grid-template-columns:1fr 1fr}.metric{padding:16px}.section{padding:18px}.key-row,.usage-row{grid-template-columns:1fr}.flight{grid-template-columns:1fr 1fr}.top{align-items:flex-start;flex-direction:column}.sign-in{margin:4vh 14px;padding:26px}.otp-row{grid-template-columns:1fr}}
.section .usage-row{grid-template-columns:1.25fr 1fr .8fr .8fr .8fr .8fr}.usage-row>*,.usage-head>*{min-width:0;overflow-wrap:anywhere}@media(max-width:900px){.section .usage-row{grid-template-columns:1fr 1fr}.usage-row>span:last-child{text-align:right}}@media(max-width:560px){.section .usage-row{grid-template-columns:1fr}}
.topup-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:16px}.topup-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.topup-preset{border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--text)}.topup-preset.active{border-color:var(--mint);background:rgba(86,228,208,.09);color:var(--mint)}.topup-quote{display:flex;align-items:center;justify-content:space-between;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px;color:var(--muted)}.topup-quote b{color:var(--mint);font-size:20px}.topup-balance{padding:22px;border:1px solid var(--line);border-radius:14px;background:rgba(2,15,24,.5)}.topup-balance b{display:block;margin:8px 0;font-size:36px}@media(max-width:760px){.topup-layout{grid-template-columns:1fr}.topup-presets{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topup-quote{align-items:flex-start;flex-direction:column;gap:6px}.topup-quote b{text-align:left}}
.asset-preview{position:relative;overflow:hidden}.asset-preview:after{content:"";position:absolute;width:230px;height:230px;right:-120px;bottom:-150px;border:1px solid rgba(86,228,208,.13);border-radius:50%;box-shadow:0 0 70px rgba(86,228,208,.07)}.asset-preview .section-head,.asset-preview-list,.asset-preview-foot{position:relative;z-index:1}.asset-preview-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.asset-preview-item{min-width:0;padding:15px;border:1px solid var(--line);border-radius:13px;background:rgba(2,15,24,.46)}.asset-preview-item small,.asset-preview-item strong,.asset-preview-item b{display:block}.asset-preview-item small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.asset-preview-item strong{margin:8px 0 4px;overflow:hidden;color:#fff;font:750 12px ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.asset-preview-item b{color:var(--mint);font-size:21px;font-variant-numeric:tabular-nums}.asset-preview-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:15px}.asset-preview-foot a{color:var(--mint);font-size:12px;font-weight:800;text-decoration:none}.asset-preview-foot a:hover{text-decoration:underline}.asset-hmt-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px;border:1px solid rgba(86,228,208,.22);border-radius:13px;background:linear-gradient(100deg,rgba(86,228,208,.075),rgba(2,15,24,.18))}.asset-hmt-strip span{color:var(--muted);font-size:12px}.asset-hmt-strip b{font-size:22px;font-variant-numeric:tabular-nums}.asset-head,.asset-row{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(170px,1fr) repeat(4,minmax(92px,.68fr));gap:14px;align-items:center}.asset-head{padding:0 12px 9px;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}.asset-row{padding:16px 12px;border-top:1px solid var(--line);font-size:12px}.asset-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-value{font-variant-numeric:tabular-nums}.asset-value.available{color:var(--mint);font-weight:800}.asset-meter{height:7px;overflow:hidden;border-radius:999px;background:rgba(145,173,181,.14)}.asset-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#2bbda8)}.asset-progress small{display:block;margin-top:6px;color:var(--muted);font-size:9px}.topup-token-list{display:grid;gap:8px;margin-top:16px;padding-top:15px;border-top:1px solid var(--line)}.topup-token-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.topup-token-item strong{min-width:0;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.topup-token-item span{color:var(--mint);font:750 11px ui-monospace,monospace;white-space:nowrap}.exchange-receipt{margin-top:14px;padding:15px;border:1px solid rgba(86,228,208,.34);border-radius:13px;background:rgba(86,228,208,.07)}.exchange-receipt>span{display:block;color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.exchange-receipt strong{display:block;margin-top:7px;color:var(--mint);font-size:19px}.exchange-receipt small{display:block;margin-top:5px;color:#bfd6d9}@media(max-width:980px){.asset-head,.asset-row{grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr) repeat(2,minmax(88px,.65fr))}.asset-head span:nth-child(4),.asset-head span:nth-child(5),.asset-row>span:nth-child(4),.asset-row>span:nth-child(5){display:none}}@media(max-width:700px){.asset-preview-list{grid-template-columns:1fr 1fr}.asset-head{display:none}.asset-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:9px;padding:14px;border:1px solid var(--line);border-radius:12px}.asset-row>strong,.asset-progress{grid-column:1/-1}.asset-row>strong{padding-bottom:8px;border-bottom:1px solid var(--line)}.asset-row>span:nth-child(4),.asset-row>span:nth-child(5){display:block}.asset-value:before{content:attr(aria-label);display:block;margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:500}.asset-preview-foot{align-items:flex-start;flex-direction:column}.asset-hmt-strip{align-items:flex-start;flex-direction:column;gap:6px}}@media(max-width:460px){.asset-preview-list{grid-template-columns:1fr}.asset-row{grid-template-columns:1fr 1fr}}
.guide-grid{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-step{min-width:0;padding:18px;border:1px solid var(--line);border-radius:13px;background:rgba(2,15,24,.45)}.guide-step.wide{grid-column:1/-1}.guide-step h3{margin:0 0 8px}.guide-step pre{max-width:100%;margin:12px 0 0;padding:14px;border-radius:10px;background:#020e15;color:#c8fff7;white-space:pre-wrap;overflow:auto;font-size:11px}.guide-step a{color:var(--mint)}@media(max-width:700px){.guide-grid{grid-template-columns:minmax(0,1fr)}.guide-step.wide{grid-column:auto}}
body:has(#sign-in:not([hidden])){min-height:100vh;color:var(--text);background:radial-gradient(circle at 14% 18%,rgba(86,228,208,.13),transparent 30%),radial-gradient(circle at 86% 82%,rgba(242,196,109,.08),transparent 25%),linear-gradient(145deg,#03131d,#061e29 55%,#03131d)}
.sign-in{width:min(1180px,calc(100% - 64px));max-width:none;margin:clamp(48px,9vh,96px) auto;padding:0;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,rgba(9,40,53,.88),rgba(5,25,36,.92));box-shadow:0 30px 90px rgba(0,8,13,.4);backdrop-filter:blur(22px)}
.sign-in-intro{position:relative;min-height:560px;padding:64px 58px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.sign-in-intro:after{content:"";position:absolute;width:380px;height:380px;left:-150px;bottom:-250px;border:70px solid rgba(86,228,208,.045);border-radius:50%}.sign-in-intro .eyebrow{color:var(--mint)}.sign-in-intro h1{max-width:620px;margin:18px 0 22px;font:580 clamp(48px,5.4vw,76px)/.98 "Songti SC","STSong",serif;letter-spacing:-.055em}.sign-in-intro h1 span{display:block;color:var(--mint)}.sign-in-intro p{max-width:580px;margin:0;color:var(--muted);font-size:17px;line-height:1.75}.access-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.access-points span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(86,228,208,.045);color:#b7d1d5;font:650 12px ui-monospace,monospace}
.service-entry{position:relative;z-index:1;display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:22px;padding:10px 15px;border:1px solid rgba(86,228,208,.3);border-radius:999px;background:rgba(86,228,208,.06);color:#dff8f5;text-decoration:none;font-size:13px;font-weight:750;transition:border-color .2s ease,transform .2s ease,background .2s ease}.service-entry:hover{border-color:rgba(86,228,208,.62);background:rgba(86,228,208,.11);transform:translateY(-1px)}.service-entry:focus-visible{outline:3px solid rgba(86,228,208,.22);outline-offset:3px}.service-entry-mark{color:var(--mint);font-size:16px;line-height:1;transition:transform .2s ease}.service-entry:hover .service-entry-mark{transform:translateX(2px)}.sign-in-guides{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}.sign-in-guides .service-entry{margin-top:0}
.sign-in-panel{margin:30px;padding:44px 38px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;border:1px solid rgba(116,220,208,.2);border-radius:18px;background:linear-gradient(145deg,rgba(6,31,43,.97),rgba(3,20,29,.98));box-shadow:0 20px 52px rgba(0,8,13,.28)}.sign-in-panel .eyebrow{color:var(--mint)}.sign-in-panel h2{margin:12px 0 8px;font-size:34px;letter-spacing:-.04em}.sign-in-panel>.muted{margin:0;color:var(--muted);font-size:14px}.sign-in-panel form{margin-top:28px}.sign-in-panel .field label{color:#a8c1c6}.sign-in-panel input{min-height:52px;border-color:var(--line);background:#031923;color:#fff}.sign-in-panel input:focus{outline:3px solid rgba(86,228,208,.1);border-color:var(--mint)}.sign-in-panel #send-code{width:100%;min-height:50px;border-radius:11px;background:linear-gradient(135deg,var(--mint),#25ad98);color:#03231f}.sign-in-panel .message{margin-top:13px;color:#a9c4c8}.sign-in-panel>.actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.sign-in-panel .password-link{margin:0;padding:7px 0;color:#b7d1d5;text-decoration:none}.sign-in-panel .password-link:hover{color:var(--mint)}
.sign-in-panel .login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:22px 0 0;padding:4px;border-radius:12px;background:rgba(255,255,255,.055)}.sign-in-panel .login-tab{min-height:40px;padding:0 10px;border-radius:9px;background:transparent;color:var(--muted)}.sign-in-panel .login-tab.active{background:rgba(86,228,208,.13);color:var(--mint)}.sign-in-panel form[hidden]{display:none}.sign-in-panel .login-tabs+form,.sign-in-panel .login-tabs~form{margin-top:14px}.sign-in-panel .login-submit{width:100%;min-height:50px;border-radius:11px}
@media(max-width:840px){.sign-in{width:calc(100% - 28px);margin:18px 14px;grid-template-columns:1fr}.sign-in-intro{min-height:auto;padding:42px 30px 30px}.sign-in-intro h1{font-size:clamp(42px,12vw,60px)}.sign-in-panel{margin:0 14px 14px;padding:32px 24px}.access-points{margin-top:24px}}
.rail-foot{display:grid;gap:9px}.account-state{min-width:0;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(86,228,208,.045)}.account-state-head{display:flex;align-items:flex-start;gap:9px;min-width:0}.account-state-head>span:last-child{min-width:0;flex:1}.account-avatar{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:9px;background:rgba(86,228,208,.13);color:var(--mint);font:850 10px ui-monospace,monospace;letter-spacing:.04em}.account-kind{display:block;margin-bottom:3px;color:var(--mint);font:750 8px ui-monospace,monospace;letter-spacing:.13em}.account-state strong,.account-state small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis}.account-state strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;line-height:1.4}.account-state small{margin-top:5px;white-space:nowrap;color:var(--muted);font-size:11px;line-height:1.45}.account-state [data-viewer-email]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.account-state .account-kind{font-family:inherit;font-size:11px;font-weight:600;line-height:1.4;letter-spacing:0}.account-state-head{gap:10px}.account-state .account-avatar{width:34px;height:34px;font-size:11px}.account-health{margin-top:9px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:9px}.account-health b{display:flex;align-items:center;gap:5px;color:var(--mint);font-weight:700}.rail-foot>.account-manage{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;overflow:hidden;padding:10px 12px;text-align:left;font-size:11px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.rail-foot>.account-manage:before{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(100deg,transparent,rgba(86,228,208,.12),transparent);transition:transform .55s ease}.rail-foot>.account-manage:hover{border-color:rgba(86,228,208,.42);background:rgba(86,228,208,.08);transform:translateY(-1px)}.rail-foot>.account-manage:hover:before{transform:translateX(120%)}.account-manage i{position:relative;color:var(--mint);font-style:normal;transition:transform .2s ease}.account-manage:hover i{transform:translateX(3px)}.account-manage span{position:relative}.mobile-viewer{display:none}@media(max-width:900px){.mobile-viewer{display:block;max-width:min(58vw,300px)}.mobile-viewer b,.mobile-viewer small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-viewer b{font-size:12px}.mobile-viewer small{margin-top:2px;color:var(--muted);font-size:10px}}
.model-head,.model-row{display:grid;grid-template-columns:minmax(260px,1fr) 190px 190px;align-items:center;gap:18px}.model-head{padding:0 12px 10px;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.model-row{padding:15px 12px}.model-row strong{min-width:0;overflow-wrap:anywhere;font:700 12px/1.45 ui-monospace,monospace}.model-price{display:grid;gap:3px}.model-price small{font-size:9px}.model-price b{font-size:13px;font-variant-numeric:tabular-nums}.model-price.output b{color:var(--mint)}@media(max-width:700px){.model-head{display:none}#models .section-head{display:grid;align-items:start}#models .section-head .muted{font-size:12px}.model-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:9px;padding:14px;border:1px solid var(--line);border-radius:12px}.model-row strong{grid-column:1/-1;padding-bottom:9px;border-bottom:1px solid var(--line)}.model-price:before{content:attr(data-label);color:var(--muted);font-size:9px}.model-price small{display:none}}
.personal-pricing .model-head,.personal-pricing .model-row{grid-template-columns:minmax(260px,1fr) minmax(150px,1fr) minmax(150px,1fr)}.institution-pricing .model-head,.institution-pricing .model-row{grid-template-columns:minmax(190px,1fr) minmax(120px,.8fr) minmax(120px,.8fr) 110px minmax(120px,.8fr) minmax(120px,.8fr)}.official-price b{color:var(--text)}.discount-chip{width:max-content;padding:5px 9px;border:1px solid rgba(86,228,208,.28);border-radius:999px;background:rgba(86,228,208,.08);color:var(--mint);font-weight:800;font-variant-numeric:tabular-nums}@media(max-width:700px){.personal-pricing .model-row,.institution-pricing .model-row{grid-template-columns:1fr 1fr}.institution-pricing .discount-chip{grid-column:1/-1}}
.model-unavailable{opacity:.68}.model-availability{display:block;margin-top:5px;color:#ffb184;font:600 10px/1.45 system-ui,sans-serif}.model-unavailable .discount-chip{border-color:rgba(255,177,132,.24);color:#ffb184}
.mobile-dock-icon{display:none}
.overview{grid-template-columns:repeat(3,minmax(0,1fr))}
.model-mt-metric{position:relative;display:flex;min-width:0;overflow:hidden;flex-direction:column;border-color:color-mix(in srgb,var(--mint) 28%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--mint) 7%,var(--deck)),var(--deck))}.model-mt-metric:after{content:"";position:absolute;right:-38px;top:-46px;width:112px;height:112px;border:1px solid color-mix(in srgb,var(--mint) 13%,transparent);border-radius:50%;pointer-events:none}.metric-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px}.metric-heading>small{display:inline-flex;align-items:center;justify-content:center;min-width:27px;min-height:20px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--mint) 22%,transparent);border-radius:999px;color:var(--mint);background:color-mix(in srgb,var(--mint) 7%,transparent);font:800 9px ui-monospace,monospace}.model-mt-breakdown{position:relative;z-index:1;display:grid;gap:6px;margin-top:11px}.model-mt-row{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:32px;padding:7px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--mint) 14%,transparent);border-radius:9px;background:color-mix(in srgb,var(--mint) 4%,transparent)}.model-mt-row>i{position:absolute;z-index:-1;inset:0 auto 0 0;border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--mint) 16%,transparent),color-mix(in srgb,var(--mint) 3%,transparent));pointer-events:none}.model-mt-row>span{min-width:0;overflow:hidden;color:var(--text);font:650 10.5px/1.3 ui-monospace,monospace;text-overflow:ellipsis;white-space:nowrap}.model-mt-row>strong{display:flex;align-items:baseline;gap:3px;margin:0;color:var(--text);font:800 12.5px/1 ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap}.model-mt-row>strong small{color:var(--mint);font-size:8px;font-weight:800}.model-mt-empty{display:grid;place-items:center;min-height:70px;color:var(--muted);font:700 22px ui-monospace,monospace}.model-mt-detail{position:relative;z-index:1;width:max-content;margin-top:auto;padding-top:10px;color:var(--mint);font-size:9px;font-weight:800;text-decoration:none}.model-mt-detail:hover{text-decoration:underline}
@media(max-width:900px){
  body{background:radial-gradient(circle at 50% -10%,rgba(50,158,152,.2),transparent 34%),#03131d}
  .shell{display:block;min-height:100dvh}
  .rail{position:relative;z-index:40;height:72px;padding:18px 18px;border:0;border-bottom:1px solid var(--line);background:rgba(2,17,26,.9);backdrop-filter:none}
  .brand{width:max-content;font-size:16px}.brand img{width:30px}
  .rail nav{position:fixed;z-index:80;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin:0;padding:6px;border:1px solid rgba(116,220,208,.22);border-radius:19px;background:rgba(3,19,29,.94);box-shadow:0 18px 50px rgba(0,0,0,.5);backdrop-filter:blur(24px)}
  .rail nav a,.rail nav a:nth-child(n+4){display:flex;min-width:0;min-height:54px;padding:6px 2px;border-radius:13px;align-items:center;justify-content:center;flex-direction:column;gap:3px;overflow:hidden;text-align:center;font-size:9px;line-height:1.05;white-space:nowrap}
  .rail nav a.active{background:linear-gradient(145deg,rgba(86,228,208,.18),rgba(86,228,208,.07));box-shadow:inset 0 0 0 1px rgba(86,228,208,.12)}
  .rail nav>.nav-group{display:none}
  .mobile-dock-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:var(--muted);font:800 11px ui-monospace,monospace}
  .rail nav a.active .mobile-dock-icon{color:#03231f;background:var(--mint);box-shadow:0 0 18px rgba(86,228,208,.28)}
  .rail-foot{display:none}
  .main{width:100%;padding:24px 14px;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
  .top{display:flex;align-items:stretch;flex-direction:column;gap:14px;margin-bottom:20px}.top>div:first-child{width:100%}
  .top h1{font-size:34px;line-height:1.08;white-space:normal}.top>.actions{display:grid;grid-template-columns:minmax(0,1fr) auto auto;width:100%;align-items:center;gap:8px}.mobile-viewer{position:relative;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:11px;color:var(--text);text-align:left;text-decoration:none;background:rgba(86,228,208,.035)}.mobile-viewer b{font-size:11px}.mobile-viewer small{font-size:9px}
  .status{min-height:36px;padding:9px 11px;font-size:10px}.top #console-logout{min-height:36px;padding:8px 11px;font-size:10px}
  .overview{grid-template-columns:1fr 1fr;gap:9px;margin:0 0 16px}#overview .metric:last-child{grid-column:1/-1}.metric{min-height:112px;padding:16px}.metric b{font-size:23px;line-height:1.12;overflow-wrap:anywhere}.metric small{display:block;margin-top:9px;font-size:10px}
  .section{margin-top:12px;padding:17px 16px;border-radius:17px;box-shadow:0 16px 36px rgba(0,8,13,.16)}
  .section-head{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:14px}.section h2{font-size:24px}.section-head>.muted{font-size:11px}
  input,select,textarea,button,.button{min-height:44px}.grid,.playground,.topup-layout{grid-template-columns:1fr;gap:12px}.actions{width:100%}.actions button,.actions .button{flex:1}
  .key-row{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) 76px;gap:14px;margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:12px}.key-row button{grid-column:3;grid-row:1;min-width:70px}.key-row small{overflow-wrap:anywhere}.key-state{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px}.key-state-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:5px 9px;border:1px solid rgba(86,228,208,.28);border-radius:999px;color:var(--mint);background:rgba(86,228,208,.07);font-size:11px;font-weight:800;white-space:nowrap}.key-state-badge.revoked{border-color:rgba(145,173,181,.2);color:var(--muted);background:rgba(145,173,181,.06)}.key-last-used{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;white-space:nowrap}.key-last-used b{color:var(--muted);font-weight:500}.key-action-slot{display:flex;justify-content:flex-end}.key-action-slot:empty::after{content:"—";width:70px;text-align:center;color:var(--muted)}
  @media(max-width:700px){.key-row{grid-template-columns:minmax(0,1fr) 76px}.key-state{grid-column:1/-1;grid-row:2}.key-action-slot{grid-column:2;grid-row:1}.key-row button{grid-column:auto;grid-row:auto}}@media(max-width:420px){.key-state{grid-template-columns:64px minmax(0,1fr)}.key-last-used{grid-template-columns:1fr;gap:2px;white-space:normal}}
  .flight{grid-template-columns:repeat(4,1fr)}.flight span{padding:10px 5px;text-align:center;font-size:9px}.terminal{min-height:210px;max-height:52vh;padding:14px;font-size:11px}
  .filterbar{grid-template-columns:1fr 1fr;gap:9px}.filterbar button{grid-column:1/-1}.ledger-note{font-size:11px}.usage-chart{height:70px;margin:12px 0}
  .section .usage-row{position:relative;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;padding:13px;border:1px solid var(--line);border-radius:12px}.section .usage-row>div{grid-column:1/-1}.section .usage-row>span:last-child{text-align:right;color:var(--mint)}
  .pager .actions{display:grid;grid-template-columns:1fr 1fr}.topup-presets{grid-template-columns:1fr 1fr}.topup-balance b{font-size:31px}
  body .hm-platform-language{right:14px;top:14px;padding:5px 7px;border-radius:10px}body .hm-platform-language span{display:none}body .hm-platform-language select{max-width:94px;font-size:10px}
}
@media(max-width:380px){.main{padding-left:10px;padding-right:10px}.rail nav{left:5px;right:5px}.rail nav a,.rail nav a:nth-child(n+4){font-size:8px}.overview{grid-template-columns:1fr}#overview .metric:last-child{grid-column:auto}.metric{min-height:auto}.filterbar{grid-template-columns:1fr}}
.skip-link{position:fixed;z-index:200;left:14px;top:10px;transform:translateY(-160%);padding:10px 14px;border-radius:10px;background:var(--mint);color:#03231f;font-weight:800;text-decoration:none}.skip-link:focus-visible{transform:translateY(0)}
button,.button,.rail nav a,input,select,textarea{touch-action:manipulation;-webkit-tap-highlight-color:rgba(86,228,208,.18)}button:hover,.button:hover{filter:brightness(1.08)}button:focus-visible,.button:focus-visible,.rail nav a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(86,228,208,.42);outline-offset:2px}
.main{min-width:0}.section,.grid>*,.playground>*,.topup-layout>*{min-width:0}.section h2,.top h1{text-wrap:balance}.message[aria-live]{overflow-wrap:anywhere}.metric b,.model-price b,.usage-row>span:last-child{font-variant-numeric:tabular-nums}
.key-row{grid-template-columns:minmax(0,1fr) minmax(220px,.72fr) 76px}.key-row button{grid-column:auto;grid-row:auto;min-width:70px}.key-state{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px}.key-state-badge{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:5px 9px;border:1px solid rgba(86,228,208,.28);border-radius:999px;color:var(--mint);background:rgba(86,228,208,.07);font-size:11px;font-weight:800;white-space:nowrap}.key-state-badge.revoked{border-color:rgba(145,173,181,.2);color:var(--muted);background:rgba(145,173,181,.06)}.key-last-used{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px;white-space:nowrap}.key-last-used b{color:var(--muted);font-weight:500}.key-action-slot{display:flex;justify-content:flex-end}.key-action-slot:empty::after{content:"—";width:70px;text-align:center;color:var(--muted)}

@media(max-width:700px){.key-row{grid-template-columns:minmax(0,1fr) 76px}.key-state{grid-column:1/-1;grid-row:2}.key-action-slot{grid-column:2;grid-row:1}.key-row button{grid-column:auto;grid-row:auto}.usage-row>[data-label]::before,.discount-chip[data-label]::before{content:attr(data-label);display:block;margin-bottom:3px;color:var(--muted);font-size:9px;font-weight:500}.usage-row>span:last-child{text-align:left!important}.institution-pricing .discount-chip{width:100%;align-self:stretch}.rail nav a{white-space:normal;text-wrap:balance}.rail nav a .mobile-dock-icon{flex:none}}
@media(max-width:420px){.key-state{grid-template-columns:64px minmax(0,1fr)}.key-last-used{grid-template-columns:1fr;gap:2px;white-space:normal}.rail nav{grid-template-columns:repeat(7,minmax(0,1fr));left:4px;right:4px;padding:5px}.rail nav a,.rail nav a:nth-child(n+4){min-height:52px;font-size:7.5px;letter-spacing:-.02em}.mobile-dock-icon{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,.rail-foot>.account-manage:before,.account-manage i{transition:none!important}}
.rail>#console-client-link{display:flex;align-items:center;justify-content:center;width:100%;margin-top:12px;padding:9px 10px;font-size:11px}@media(max-width:900px){.rail>#console-client-link{width:auto;margin:0 8px 0 auto;white-space:nowrap}}@media(max-width:700px){.rail>#console-client-link{min-height:34px;padding:7px 10px;font-size:10px}}
.balance-dialog{width:min(460px,calc(100% - 28px));padding:0;border:1px solid rgba(116,220,208,.28);border-radius:20px;color:var(--text);background:linear-gradient(145deg,#0a2a38,#041923);box-shadow:0 28px 90px rgba(0,0,0,.62)}.balance-dialog::backdrop{background:rgba(0,8,13,.72);backdrop-filter:blur(5px)}.balance-dialog-card{padding:30px}.balance-dialog-mark{display:grid;place-items:center;width:46px;height:46px;margin-bottom:20px;border:1px solid rgba(242,196,109,.34);border-radius:14px;background:rgba(242,196,109,.1);color:var(--amber);font-size:22px}.balance-dialog h2{margin:0 0 10px;font:580 30px "Songti SC",serif}.balance-dialog p{margin:0;color:#b3cbd0;line-height:1.7}.balance-dialog strong{color:#fff;font-variant-numeric:tabular-nums}.balance-dialog .actions{justify-content:flex-end;margin-top:26px}.balance-dialog .actions button{min-width:104px}.institution-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.institution-block{padding:20px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.institution-block.wide{grid-column:1/-1}.institution-block h3{margin:0 0 5px}.institution-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.institution-facts div{padding:13px;border-left:2px solid var(--jade);background:rgba(86,228,208,.035)}.institution-facts small,.institution-facts b{display:block}.institution-facts small{color:var(--muted);margin-bottom:5px}.institution-form{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:10px;align-items:end;margin:16px 0}.institution-list{display:grid;gap:8px}.institution-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.institution-row small{display:block;color:var(--muted);margin-top:4px}.institution-row select{width:100%}.institution-secret{margin-top:12px;padding:13px;border:1px solid rgba(242,196,109,.3);border-radius:10px;background:rgba(242,196,109,.07);overflow-wrap:anywhere}@media(max-width:760px){.institution-grid{grid-template-columns:1fr}.institution-block.wide{grid-column:auto}.institution-facts{grid-template-columns:1fr}.institution-form,.institution-row{grid-template-columns:1fr}.institution-row button{width:100%}}@media(max-width:560px){.balance-dialog-card{padding:24px 20px}.balance-dialog .actions{display:grid;grid-template-columns:1fr 1fr}.balance-dialog .actions button{width:100%}}
.key-limits{margin:14px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(86,228,208,.025)}.key-limits summary{cursor:pointer;color:var(--mint);font-weight:700}.key-limits>p{margin:10px 0 4px;font-size:12px}.key-limit-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.key-model-field{grid-column:1/-1}.key-model-field select{min-height:128px}.key-limit-summary{display:block;margin-top:6px;color:var(--muted);font-size:10px;line-height:1.55}@media(max-width:560px){.key-limit-grid{grid-template-columns:1fr}.key-model-field{grid-column:auto}}
.nav-group{margin:14px 13px 2px;color:#587883;font:800 8px ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.rail nav a[data-flow-order] .mobile-dock-icon{display:inline-grid;place-items:center;width:24px;height:20px;margin-right:7px;border:1px solid rgba(86,228,208,.2);border-radius:6px;color:var(--mint);font:800 9px ui-monospace,monospace}.rail nav a[data-flow-order]{display:flex;align-items:center}.activation-path{position:relative;display:grid;grid-template-columns:minmax(185px,.72fr) minmax(0,2.28fr);gap:22px;margin:28px 0 4px;padding:22px;overflow:hidden}.activation-path:after{content:"";position:absolute;width:240px;height:240px;right:-170px;top:-170px;border:46px solid rgba(86,228,208,.035);border-radius:50%;pointer-events:none}.activation-copy{position:relative;z-index:1;padding-right:18px;border-right:1px solid var(--line)}.activation-copy h2{margin:6px 0 9px;font:580 24px "Songti SC",serif;letter-spacing:-.03em}.activation-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.activation-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(92px,1fr));gap:8px;margin:0;padding:0;list-style:none}.activation-step{position:relative;min-width:0}.activation-step:not(:last-child):after{content:"";position:absolute;z-index:0;left:calc(50% + 25px);right:calc(-50% + 25px);top:18px;height:1px;background:rgba(145,173,181,.2)}.activation-step a{position:relative;z-index:1;display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;min-height:88px;padding:9px;border:1px solid transparent;border-radius:12px;color:var(--text);text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}.activation-step a:hover{border-color:rgba(86,228,208,.28);background:rgba(86,228,208,.045);transform:translateY(-1px)}.journey-index{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(145,173,181,.22);border-radius:10px;background:#061d2a;color:var(--muted);font:800 10px ui-monospace,monospace}.journey-label{min-width:0;padding-top:2px}.journey-label strong,.journey-label small{display:block}.journey-label strong{font-size:11px;line-height:1.35}.journey-label small{margin-top:4px;color:var(--muted);font:8px/1.35 ui-monospace,monospace}.journey-state{grid-column:1/-1;color:#6f8d96;font:750 8px ui-monospace,monospace;letter-spacing:.08em}.activation-step.done .journey-index{border-color:rgba(86,228,208,.32);background:rgba(86,228,208,.1);color:var(--mint)}.activation-step.done .journey-state{color:var(--mint)}.activation-step.done:not(:last-child):after{background:linear-gradient(90deg,var(--mint),rgba(86,228,208,.26))}.activation-step.next a{border-color:rgba(242,196,109,.38);background:rgba(242,196,109,.065)}.activation-step.next .journey-index{border-color:rgba(242,196,109,.48);background:rgba(242,196,109,.12);color:var(--amber);box-shadow:0 0 24px rgba(242,196,109,.08)}.activation-step.next .journey-state{color:var(--amber)}.activation-step.current a{box-shadow:inset 0 0 0 1px rgba(86,228,208,.26)}.flow-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;padding:12px 14px;border:1px solid rgba(86,228,208,.2);border-radius:12px;background:rgba(86,228,208,.04);color:var(--muted);font-size:11px;line-height:1.55}.flow-context strong{color:var(--text)}.flow-context a{flex:none;color:var(--mint);font-weight:800;text-decoration:none}.flow-context a:hover{text-decoration:underline}.flow-next{display:inline-flex!important;align-items:center;justify-content:center;color:var(--mint)!important;text-decoration:none;font-weight:800}.step-anchor{scroll-margin-top:24px}@media(max-width:1080px){.activation-path{grid-template-columns:1fr}.activation-copy{padding-right:0;padding-bottom:14px;border-right:0;border-bottom:1px solid var(--line)}.activation-steps{overflow-x:auto;grid-auto-columns:minmax(142px,1fr);grid-template-columns:repeat(6,minmax(142px,1fr));padding-bottom:5px;scroll-snap-type:x proximity}.activation-step{scroll-snap-align:start}}@media(max-width:700px){.nav-group{display:none}.rail nav a[data-flow-order]{display:flex}.rail nav a[data-flow-order] .mobile-dock-icon{display:grid;width:22px;height:22px;margin:0}.activation-path{margin:0 0 16px;padding:17px 16px;border-radius:17px}.activation-copy h2{font-size:22px}.activation-steps{margin:0 -4px}.activation-step a{min-height:82px}.flow-context{align-items:flex-start;flex-direction:column}.flow-context a{min-height:auto}.step-anchor{scroll-margin-top:16px}}@media(prefers-reduced-motion:reduce){.activation-step a{transition:none}}
.console-boot{position:fixed;inset:0;z-index:300;display:grid;place-content:center;justify-items:center;gap:10px;background:#03131d;color:var(--text)}.console-boot[hidden]{display:none}.console-boot img{margin-bottom:6px}.console-boot strong{font-size:15px;letter-spacing:.02em}.console-boot span{color:var(--muted);font-size:11px}
.topup-result{border-color:rgba(86,228,208,.32);background:rgba(86,228,208,.075)}.topup-result b{color:var(--mint);font-size:18px;text-align:right}
.chain-order{margin-top:14px;padding:15px;border:1px solid rgba(86,228,208,.32);border-radius:13px;background:rgba(86,228,208,.07)}.chain-order[hidden]{display:none}.chain-order strong,.chain-order small{display:block}.chain-order strong{color:var(--mint);font-size:17px}.chain-order small{margin-top:5px;color:var(--muted);overflow-wrap:anywhere}.chain-order code{overflow-wrap:anywhere}.chain-order .field{margin-top:10px}.chain-order input{width:100%}.chain-order button{width:100%;margin-top:13px}
.topup-balance>.button{display:flex;align-items:center;justify-content:center;width:100%;margin-top:18px;text-align:center}

/* HM Key workspace: quiet control plane, optimized for scanning and safe edits. */
.key-console{padding:28px}.key-console-head{align-items:flex-start}.key-console-head p{max-width:650px;margin:8px 0 0;font-size:12px}.key-console-head>button{flex:none}.key-onboarding{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(280px,.9fr);gap:14px 20px;margin:8px 0 18px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(125deg,rgba(86,228,208,.07),rgba(86,228,208,.025))}.key-onboarding-copy{display:flex;gap:13px;align-items:flex-start}.key-onboarding-mark{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid rgba(86,228,208,.22);border-radius:11px;color:var(--mint);background:rgba(86,228,208,.07);font-size:21px}.key-onboarding-copy strong{font-size:14px}.key-onboarding-copy p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.key-protocol-tabs{display:flex;justify-content:flex-end;gap:4px}.key-protocol-tabs button{min-height:36px;padding:7px 11px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:10px}.key-protocol-tabs button.active{border-color:var(--line);background:rgba(255,255,255,.045);color:var(--text)}.key-endpoint{display:flex;align-items:center;gap:8px;min-width:0}.key-endpoint code{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(2,8,20,.28);overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px}.key-endpoint button{flex:none}.key-onboarding-actions{display:flex;justify-content:flex-end;gap:7px}.key-onboarding-actions .button,.key-onboarding-actions button{min-height:40px;padding:9px 13px;font-size:10px}.key-safety-rail{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;margin:0 0 18px;padding:13px 16px;border:1px solid var(--line);border-radius:14px}.key-safety-rail>span{display:grid;grid-template-columns:28px 1fr;column-gap:9px;align-items:center}.key-safety-rail b{grid-row:1/3;display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(86,228,208,.08);color:var(--mint);font:800 9px ui-monospace,monospace}.key-safety-rail strong{font-size:11px}.key-safety-rail small{color:var(--muted);font-size:9px}.key-safety-rail i{height:1px;background:linear-gradient(90deg,rgba(86,228,208,.1),rgba(86,228,208,.42),rgba(86,228,208,.1))}.key-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 160px;gap:8px;margin:0 0 10px}.key-toolbar input,.key-toolbar select{min-height:42px;font-size:11px}.key-table-wrap{overflow-x:auto}.key-table-head,.key-table-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(130px,.9fr) minmax(130px,.85fr) minmax(130px,.9fr) 72px 112px;gap:12px;align-items:center;min-width:800px}.key-table-head{padding:10px 12px;color:var(--muted);font:700 9px ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}.key-table-row{padding:15px 12px;border-top:1px solid var(--line);font-size:11px;transition:background-color .16s ease}.key-table-row:hover{background:rgba(86,228,208,.025)}.key-identity,.key-cell{min-width:0}.key-identity strong,.key-identity code,.key-cell span,.key-cell small{display:block}.key-identity strong{overflow:hidden;margin-bottom:7px;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.key-identity code{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.key-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-cell small{overflow:hidden;margin-top:5px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px}.key-scope-all{color:var(--mint)}.key-usage-cell span{font-variant-numeric:tabular-nums}.key-status{display:inline-flex!important;align-items:center;width:max-content;padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-weight:750;font-size:9px}.key-status i{width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--muted)}.key-status.active{border-color:rgba(86,228,208,.25);color:var(--mint);background:rgba(86,228,208,.06)}.key-status.active i{background:var(--mint);box-shadow:0 0 0 3px rgba(86,228,208,.09)}.key-status.disabled{color:var(--amber)}.key-status.disabled i{background:var(--amber)}.key-status.revoked,.key-status.expired{color:var(--muted)}.key-row-actions{display:flex;align-items:center;gap:2px;flex-wrap:wrap}.key-text-action{min-height:auto;padding:4px 6px;border-radius:6px;background:transparent;color:var(--mint);font-size:9px}.key-text-action:hover{background:rgba(86,228,208,.08)}.key-text-action.danger{color:var(--bad)}.key-empty{display:grid;justify-items:center;padding:54px 20px;border-top:1px solid var(--line);text-align:center}.key-empty>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:15px;color:var(--mint);font-size:25px}.key-empty strong{margin-top:16px}.key-empty p{margin:6px 0 17px;color:var(--muted);font-size:11px}.key-dialog{width:min(620px,calc(100% - 28px));max-height:min(820px,calc(100dvh - 28px));padding:0;border:1px solid var(--line);border-radius:20px;background:var(--deck);color:var(--text);box-shadow:0 32px 100px rgba(0,4,12,.64);overflow:auto}.key-dialog::backdrop{background:rgba(0,5,14,.72);backdrop-filter:blur(6px)}.key-dialog>form,.key-dialog>div:not(.key-dialog-head),.key-secret-dialog{padding:0}.key-dialog form{padding:26px}.key-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.key-dialog-head h2{margin:6px 0 4px;font:580 28px "Songti SC",serif;letter-spacing:-.03em}.key-dialog-head p{margin:0;font-size:11px;line-height:1.6}.dialog-close{width:36px;min-height:36px;padding:0;font-size:20px}.key-choice-group{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0;padding:0;border:0}.key-choice-group legend{grid-column:1/-1;margin-bottom:2px;color:var(--muted);font-size:12px}.key-radio-card{position:relative;display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.key-radio-card:has(input:checked){border-color:rgba(86,228,208,.4);background:rgba(86,228,208,.055)}.key-radio-card input{flex:none;width:16px;height:16px;margin:2px 0}.key-radio-card strong,.key-radio-card small{display:block}.key-radio-card strong{font-size:11px}.key-radio-card small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.45}.key-model-picker{grid-column:1/-1}.key-model-picker select{min-height:132px}.key-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.key-dialog-actions button{min-width:112px}.key-secret-dialog{padding:28px}.key-secret-dialog .key-dialog-head{display:block}.key-secret-dialog code{display:block;margin:18px 0;padding:16px;border:1px solid rgba(86,228,208,.3);border-radius:12px;background:rgba(86,228,208,.06);overflow-wrap:anywhere;color:var(--mint);font-size:12px;line-height:1.7}.secret-confirm{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.secret-confirm input{flex:none;width:16px;height:16px}.key-integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.key-integration-grid a{display:grid;gap:5px;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--text);text-decoration:none;transition:border-color .16s ease,background .16s ease,transform .16s ease}.key-integration-grid a:hover{border-color:rgba(86,228,208,.35);background:rgba(86,228,208,.045);transform:translateY(-1px)}.key-integration-grid strong{font-size:12px}.key-integration-grid small{color:var(--muted);font-size:9px}.key-integration-grid span{margin-top:7px;color:var(--mint);font-size:10px}.key-integration-dialog{padding:26px}
:root[data-console-theme="night"] .key-dialog{background:linear-gradient(145deg,#081a2d,#040e1c)}:root[data-console-theme="night"] .key-onboarding,:root[data-console-theme="night"] .key-safety-rail{background-color:rgba(5,18,33,.7)}:root[data-console-theme="day"] .key-onboarding{background:linear-gradient(125deg,rgba(8,127,117,.07),rgba(255,255,255,.55))}:root[data-console-theme="day"] .key-endpoint code,:root[data-console-theme="day"] .key-protocol-tabs button.active{background:#fff}:root[data-console-theme="day"] .key-radio-card:has(input:checked){background:rgba(8,127,117,.06)}
@media(max-width:980px){.key-onboarding{grid-template-columns:1fr}.key-protocol-tabs,.key-onboarding-actions{justify-content:flex-start}.key-table-head{display:none}.key-table-row{grid-template-columns:1.3fr 1fr 1fr;min-width:0;margin-top:9px;padding:15px;border:1px solid var(--line);border-radius:13px}.key-table-row>div:before{content:attr(data-label);display:block;margin-bottom:5px;color:var(--muted);font:700 8px ui-monospace,monospace;letter-spacing:.06em}.key-identity{grid-column:1/-1;padding-bottom:10px;border-bottom:1px solid var(--line)}.key-row-actions{grid-column:1/-1;justify-content:flex-end;padding-top:7px;border-top:1px solid var(--line)}}
@media(max-width:700px){.key-console{padding:17px 16px}.key-console-head>button{width:100%}.key-onboarding{padding:15px}.key-protocol-tabs{overflow-x:auto}.key-protocol-tabs button{white-space:nowrap}.key-endpoint{align-items:stretch;flex-direction:column}.key-onboarding-actions{display:grid;grid-template-columns:1fr 1fr}.key-onboarding-actions>*{justify-content:center}.key-safety-rail{grid-template-columns:1fr;gap:9px}.key-safety-rail i{width:1px;height:12px;margin-left:14px;background:linear-gradient(rgba(86,228,208,.1),rgba(86,228,208,.42))}.key-toolbar{grid-template-columns:1fr 1fr}.key-search{grid-column:1/-1}.key-table-row{grid-template-columns:1fr 1fr}.key-identity{grid-column:1/-1}.key-row-actions{grid-column:1/-1}.key-dialog form,.key-secret-dialog,.key-integration-dialog{padding:20px}.key-choice-group,.key-integration-grid{grid-template-columns:1fr}.key-model-picker{grid-column:auto}.key-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.key-dialog-actions button{min-width:0}.key-cell span{white-space:normal}}
@media(max-width:440px){.key-table-row{grid-template-columns:1fr}.key-row-actions,.key-identity{grid-column:auto}.key-toolbar{grid-template-columns:1fr}.key-search{grid-column:auto}.key-onboarding-actions{grid-template-columns:1fr}}
.key-head-actions{display:flex;flex:none;gap:8px}.ccswitch-apps{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 18px;padding:0;border:0}.ccswitch-apps legend{grid-column:1/-1;margin-bottom:2px;color:var(--muted);font-size:12px}.ccswitch-apps label{display:flex;gap:10px;padding:13px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.ccswitch-apps label:has(input:checked){border-color:rgba(86,228,208,.4);background:rgba(86,228,208,.055)}.ccswitch-apps input{flex:none;width:16px;height:16px;margin:2px 0}.ccswitch-apps strong,.ccswitch-apps small{display:block}.ccswitch-apps strong{font-size:11px}.ccswitch-apps small{margin-top:4px;color:var(--muted);font-size:9px}.ccswitch-key-input{display:grid;grid-template-columns:1fr auto;gap:8px}.ccswitch-key-input button{border-radius:10px}.ccswitch-config-preview{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.ccswitch-config-preview>span{min-width:0;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(2,8,20,.2)}.ccswitch-config-preview small,.ccswitch-config-preview code{display:block}.ccswitch-config-preview small{margin-bottom:7px;color:var(--muted);font-size:9px}.ccswitch-config-preview code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.ccswitch-config-preview select{padding:8px;font-size:10px}.ccswitch-validation{min-height:42px;padding:11px 13px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px}.ccswitch-validation.loading{color:var(--amber)}.ccswitch-validation.valid{border-color:rgba(86,228,208,.35);color:var(--mint);background:rgba(86,228,208,.05)}.ccswitch-validation.invalid{border-color:rgba(255,135,125,.35);color:var(--bad);background:rgba(255,135,125,.05)}.ccswitch-fallback{display:grid;gap:6px;margin-top:10px;padding:13px;border:1px solid rgba(242,196,109,.3);border-radius:11px;background:rgba(242,196,109,.06);font-size:10px}.ccswitch-fallback span{color:var(--muted);line-height:1.55}.ccswitch-fallback>div{display:flex;align-items:center;gap:12px;margin-top:5px}.ccswitch-fallback a{color:var(--mint);font-weight:800;text-decoration:none}.ccswitch-dialog .button.disabled{pointer-events:none;opacity:.5}.ccswitch-dialog .key-dialog-actions{align-items:center}.ccswitch-dialog .key-dialog-actions .button{display:inline-flex;align-items:center;justify-content:center;min-width:132px}
@media(max-width:700px){.key-head-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.ccswitch-apps,.ccswitch-config-preview{grid-template-columns:1fr}.ccswitch-dialog .key-dialog-actions{grid-template-columns:1fr 1fr}.ccswitch-dialog .key-dialog-actions .button{grid-column:1/-1;min-height:42px}.ccswitch-fallback>div{align-items:flex-start;flex-direction:column}}
.key-protocol-tabs button{align-self:flex-start;border-radius:9px;line-height:1.2}.key-table-head,.key-table-row{grid-template-columns:minmax(180px,1.3fr) minmax(130px,.9fr) minmax(130px,.85fr) minmax(130px,.9fr) 72px 112px;min-width:800px}
.key-dialog[open]{display:block!important}
@media(max-width:980px){.key-table-row{grid-template-columns:1.3fr 1fr 1fr;min-width:0}}@media(max-width:700px){.key-table-row{grid-template-columns:1fr 1fr}.key-identity,.key-row-actions{grid-column:1/-1}}@media(max-width:440px){.key-table-row{grid-template-columns:1fr}.key-identity,.key-row-actions{grid-column:auto}}
#call-desk .key-safety-rail a{color:inherit;text-decoration:none}#call-desk pre{margin:12px 0 0;padding:14px;border:1px solid rgba(86,228,208,.2);border-radius:13px;background:#020e15;color:#c8fff7;white-space:pre-wrap;overflow:auto;font:12px/1.7 ui-monospace,monospace}#call-desk .topup-balance p{margin:0 0 14px}
.token-legend{margin:7px 0 0;color:var(--muted);font:700 10px ui-monospace,monospace;letter-spacing:.035em}
.key-choice-group{grid-template-columns:1fr;gap:12px;margin:22px 0}.key-choice-group legend{grid-column:auto;margin-bottom:4px;color:var(--text);font-size:16px;font-weight:800}.key-scope-summary{grid-column:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.key-scope-summary>span,.key-scope-summary strong,.key-scope-summary small{display:block}.key-scope-summary strong{color:var(--text);font-size:16px;line-height:1.4}.key-scope-summary small{margin-top:4px;color:var(--muted);font-size:12px;font-weight:600;line-height:1.55}.key-assets-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;min-height:42px;padding:10px 14px;font-size:12px;font-weight:800}.key-assets-link span{color:var(--mint);font-size:15px}.key-scope-summary[data-state="empty"] strong{color:var(--amber)}.key-radio-card{align-items:flex-start;gap:14px;min-height:94px;padding:20px;border-color:rgba(116,220,208,.28);background:rgba(255,255,255,.018);transition:border-color .16s ease,background-color .16s ease}.key-radio-card:hover{border-color:rgba(86,228,208,.48);background:rgba(86,228,208,.045)}.key-radio-card:has(input:checked){border-color:rgba(86,228,208,.72);background:rgba(86,228,208,.12);box-shadow:inset 0 0 0 1px rgba(86,228,208,.2)}.key-radio-card:has(input:checked) strong{color:var(--text)}.key-radio-card:has(input:focus-visible){outline:3px solid rgba(86,228,208,.52);outline-offset:2px}.key-radio-card input{width:20px;height:20px;margin:3px 2px 0 0;accent-color:var(--mint)}.key-radio-card input:focus-visible{outline:none}.key-radio-card strong{color:var(--text);font-family:"Avenir Next","PingFang SC",sans-serif;font-size:18px;font-weight:800;letter-spacing:.01em;line-height:1.4}.key-radio-card small{margin-top:7px;color:var(--muted);font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.55}.key-model-picker{grid-column:auto;padding-top:6px}.key-model-picker select{min-height:170px;font-size:12px;line-height:1.5}@media(max-width:560px){.key-scope-summary{align-items:stretch;flex-direction:column;gap:10px}.key-assets-link{width:100%}.key-radio-card{min-height:auto;padding:18px}.key-radio-card strong{font-size:17px}.key-radio-card small{font-size:13px}}
.exchange-receipt-actions{display:flex;align-items:center;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.exchange-receipt-actions .button{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.exchange-receipt-actions .flow-next{min-height:42px;padding:0 4px}@media(max-width:560px){.exchange-receipt-actions{align-items:stretch;flex-direction:column}.exchange-receipt-actions .button,.exchange-receipt-actions .flow-next{width:100%;text-align:center}}

.usage-row [data-label="API Key"]{overflow-wrap:anywhere}

@media(max-width:900px){.top>.actions{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:8px}.top>.actions>.mobile-viewer{flex:0 0 100%;width:100%;min-width:0;max-width:100%;padding:12px}.mobile-viewer .account-kind{font-family:inherit;font-size:11px;font-weight:600;letter-spacing:0;margin-bottom:5px}.mobile-viewer b{font-size:14px;line-height:1.4}.mobile-viewer small{font-size:12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.top>.actions>.status{margin-inline-end:auto}}
@media(min-width:901px){.rail{display:flex;flex-direction:column;height:100dvh;overflow-y:auto;scrollbar-width:thin}.rail>.brand,.rail>.console-theme-toggle,.rail>#console-client-link{flex:none}.rail nav{flex:none;min-height:0;overflow:visible}.rail-foot{position:static;flex:none;margin-top:auto;padding-top:18px}}

/* Keep model balances easy to scan; exact values remain available on demand. */
.asset-head>span:nth-child(n+3),.asset-value{text-align:right}
.asset-value{min-width:0;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.asset-value.available{font-size:18px}
.asset-preview-item b{font-size:26px;line-height:1.35;overflow-wrap:anywhere}
.asset-channel-state{display:block;margin-top:4px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
.asset-details{grid-column:1/-1;min-width:0;color:var(--muted);font-size:12px}
.asset-details summary{width:fit-content;min-height:32px;padding:6px 0;cursor:pointer;text-underline-offset:4px}
.asset-details summary:hover{color:var(--text)}
.asset-details summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}
.asset-details dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:6px 0 0;padding:12px 0;border-top:1px solid var(--line)}
.asset-details dt{margin-bottom:6px}
.asset-details dd{margin:0;color:var(--text);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.6}
@media(max-width:700px){.asset-value{text-align:left;font-size:16px}.asset-value.available{font-size:22px}.asset-value:before{font-size:12px;line-height:1.5}.asset-details summary{min-height:44px;padding:12px 0}.asset-details dl{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Usage ledger: compact summary rows with a single inline receipt disclosure. */
.main:has(#usage:not(.route-hidden))>.activation-path{display:none}
.main:has(#usage:not(.route-hidden)) .top h1{font-family:inherit;font-size:26px;letter-spacing:0;font-weight:600}
#usage .section-head{margin-bottom:8px}
#usage .section-head .eyebrow{display:none}
#usage .ledger-note{padding:0;margin:0;color:var(--muted);border:0;background:transparent;font-size:13px;line-height:1.6}
#usage .usage-help{margin:4px 0 20px;color:var(--muted);font-size:13px;line-height:1.7}
#usage .usage-help summary{width:fit-content;min-height:32px;padding:4px 0;cursor:pointer;font-size:12px}
#usage .usage-help dl{max-width:72ch;margin:12px 0;padding:16px 0;border-top:1px solid var(--line)}
#usage .usage-help dt{margin-top:12px;color:var(--text);font-weight:600}
#usage .usage-help dd{margin:4px 0 0}
#usage .usage-chart{display:none}
#usage .usage-head,#usage .usage-main{display:grid;grid-template-columns:minmax(0,1fr) 190px 160px;gap:24px;align-items:center}
#usage .usage-head{margin-top:24px;padding:12px 0;color:var(--muted);font-size:12px;letter-spacing:0;text-transform:none;border-bottom:1px solid var(--line)}
#usage .usage-head>span:last-child{text-align:right}
#usage .usage-row{display:block;margin:0;padding:18px 0 12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}
#usage .usage-identity{min-width:0}
#usage .usage-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;color:var(--text)}
#usage .usage-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;color:var(--muted);font-size:12px}
#usage .usage-meta time{flex-shrink:0}
#usage .usage-status{display:inline-flex;align-items:center;padding:2px 7px;border-radius:4px;font-size:11px;line-height:1.5}
#usage .usage-status[data-state="settled"]{color:var(--mint);background:color-mix(in srgb,var(--mint) 10%,transparent)}
#usage .usage-status[data-state="pending"],#usage .usage-status[data-state="reserved"]{color:var(--amber);background:color-mix(in srgb,var(--amber) 10%,transparent)}
#usage .usage-status[data-state="failed"]{color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}
#usage .usage-token-pair{display:grid;gap:5px;min-width:0;font-size:12px;line-height:1.6;color:var(--muted)}
#usage .usage-token-pair>span{display:flex;justify-content:space-between;gap:12px;min-width:0}
#usage .usage-token-pair>span>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#usage .usage-token-pair b{flex:none;color:var(--text);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
#usage .usage-charge{min-width:0;text-align:right;font-variant-numeric:tabular-nums}
#usage .usage-main>.usage-charge{display:flex;justify-content:flex-end;align-items:baseline;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}
#usage .usage-charge>b{color:var(--mint);font-size:20px;font-weight:600;line-height:1.4}
#usage .usage-charge>small{font-size:11px;color:var(--muted)}
#usage .usage-record-details>summary{display:flex;align-items:center;gap:6px;width:fit-content;min-height:32px;padding:7px 0;margin-top:4px;color:var(--muted);font-size:12px;cursor:pointer;list-style:none}
#usage .usage-record-details>summary::-webkit-details-marker{display:none}
#usage .usage-record-details>summary i{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin:0 2px 3px}
#usage .usage-record-details[open]>summary i{transform:rotate(225deg);margin-bottom:0}
#usage .usage-record-details>summary:hover{color:var(--mint)}
#usage .usage-record-details>summary:focus-visible,#usage .usage-help summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}
#usage .usage-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) minmax(0,1fr);gap:28px;margin:8px 0;padding:20px 0;border-top:1px solid var(--line);font-size:12px;line-height:1.65}
#usage .usage-detail-grid dl{margin:0}
#usage .usage-detail-grid dt,#usage .usage-field-name{color:var(--muted);font-size:12px}
#usage .usage-detail-grid dd{margin:2px 0 12px;color:var(--text);overflow-wrap:anywhere}
#usage .usage-route-detail{color:var(--muted)}
#usage .usage-route-detail code{color:var(--text);font-size:12px;overflow-wrap:anywhere}
#usage .usage-input-exact{display:grid;grid-template-columns:1fr auto;gap:5px 12px}
#usage .usage-input-exact dd{margin:0;font-variant-numeric:tabular-nums}
#usage .usage-receipt-detail .usage-token-pair{margin:5px 0}
#usage .usage-receipt-detail>div{display:flex;justify-content:space-between;gap:12px}
#usage .usage-cache-hour{font-size:14px;color:var(--text);font-variant-numeric:tabular-nums}
#usage .usage-sale{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:4px 12px;margin:0 0 10px;text-align:left}
#usage .usage-sale dt,#usage .usage-sale dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#usage .usage-sale dt{color:var(--muted)}
#usage .usage-charge-exact dt{margin-top:10px}
#usage .usage-charge-exact dt:first-child{margin-top:0}
@media(max-width:1100px){#usage .usage-head,#usage .usage-main{grid-template-columns:minmax(0,1fr) 150px 140px;gap:16px}}
@media(max-width:700px){.main:has(#usage:not(.route-hidden)) .top h1{font-size:21px}#usage .usage-head{display:none}#usage .usage-main{grid-template-columns:minmax(0,1fr) auto;gap:12px}#usage .usage-main>.usage-token-pair{grid-column:1/-1;grid-row:2;grid-template-columns:1fr 1fr;gap:24px;padding-top:12px}#usage .usage-identity{grid-column:1;grid-row:1}#usage .usage-main>.usage-charge{grid-column:2;grid-row:1}#usage .usage-row{padding:20px 0 12px}#usage .usage-detail-grid{grid-template-columns:1fr;gap:20px}#usage .usage-charge-detail{text-align:left}#usage .usage-record-details>summary{min-height:44px;margin-top:8px}#usage .filterbar{grid-template-columns:1fr 1fr}#usage .filterbar>button{grid-column:1/-1}#usage .usage-detail-grid .usage-token-pair{max-width:none}}

#usage .usage-filters-details>summary{display:none}
#usage .usage-filters-details>summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:4px}
@media(max-width:700px){.main:has(#usage:not(.route-hidden)) .top .console-context,.main:has(#usage:not(.route-hidden)) .top .token-legend{display:none}.main:has(#usage:not(.route-hidden)) #mobile-account-summary{padding:6px 10px;min-height:0}.main:has(#usage:not(.route-hidden)) #mobile-account-summary .account-kind{display:none}.main:has(#usage:not(.route-hidden)) .top{margin-bottom:16px}#usage .usage-filters-details{margin-bottom:6px}#usage .usage-filters-details>summary{display:list-item;min-height:44px;padding:12px 0;color:var(--text);font-size:13px;cursor:pointer}#usage .usage-filters-details .filterbar{padding:10px 0 14px}#usage .usage-help{margin-bottom:8px}}

/* Model identity appears once; each channel keeps its own asset balances. */
.asset-model-group{min-width:0}.asset-model-group+.asset-model-group{margin-top:18px}.asset-model-group>h3{margin:0;padding:15px 12px 10px;font-size:15px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.asset-model-group .asset-channel-label{white-space:normal;overflow:visible;line-height:1.5}.asset-channel-name{font-size:12px;font-weight:600}.asset-preview-item>.asset-model-title{white-space:normal;overflow-wrap:anywhere;font-size:13px;color:var(--text);font-weight:650}.asset-preview-channel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:10px 0;border-top:1px solid var(--line)}.asset-preview-channel>b{font-size:20px}.asset-preview-channel>[data-asset-route-model]{grid-column:1/-1}.asset-preview-channel .asset-channel-state{white-space:normal;overflow:visible}.topup-asset-model{min-width:0}.topup-asset-model>h4{margin:8px 0 6px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.topup-asset-model .topup-token-item{padding:8px 0}.topup-token-item>div{min-width:0}.topup-token-item [data-asset-route-model]{white-space:normal;font:inherit}.topup-token-item .asset-channel-state{color:var(--muted);white-space:normal}.topup-token-item>span{flex:none}@media(max-width:700px){.asset-model-group>h3{padding:15px 0 4px}.asset-model-group .asset-row>strong{border-bottom:0;padding-bottom:0}.asset-model-group .asset-row{margin-top:8px}.asset-model-group+.asset-model-group{margin-top:24px}}

.key-connection{margin:14px 0;padding:16px;border:1px solid rgba(86,228,208,.25);border-radius:12px;background:rgba(86,228,208,.035)}.key-connection-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.key-connection-heading strong{font-size:13px}.key-connection-heading button{min-height:32px;padding:6px 10px;font-size:10px}.key-connection dl{display:grid;gap:10px;margin:14px 0}.key-connection dl>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px}.key-connection dt,.key-connection p{color:var(--muted);font-size:11px;line-height:1.65}.key-connection dd{margin:0;overflow-wrap:anywhere;font-size:11px}.key-connection p{margin:8px 0}.key-connection a{color:var(--mint);font-size:11px}.ccswitch-apps{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.key-connection dl>div{grid-template-columns:1fr;gap:3px}.ccswitch-apps{grid-template-columns:1fr}}

/* Named client configurations share one Key and retain explicit channel URLs. */
#key-created-integration .key-address-item{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
#key-created-integration .key-address-item>strong{font-size:13px;line-height:1.6;overflow-wrap:anywhere}
#key-created-integration [data-key-import-channel]{justify-self:start}
#ccswitch-channel{width:100%}

.key-dialog.account-password-dialog>.account-password-content{padding:24px}.account-password-dialog form{padding:0;margin-top:20px}.account-password-dialog .field{margin:16px 0}.account-password-dialog #setup-send-code{margin-bottom:12px}.account-password-dialog #setup-verify-code{margin-inline-start:8px}
.key-address-board{grid-column:1/-1;display:grid;gap:8px}
#key-endpoint-list{display:grid;gap:8px}
#key-endpoint-list .key-address-item>strong{display:block;margin-bottom:4px;font-size:11px}
#key-endpoint-list .key-address-row{display:flex;gap:8px;align-items:center}
#key-endpoint-list .key-address-row code{flex:1;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(2,8,20,.28);font-size:11px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}
#key-endpoint-list .key-address-row button{flex:none}
.key-endpoint-note,.ccswitch-download,#ccswitch-address-note{margin:8px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.ccswitch-download a{color:var(--mint)}
:root[data-console-theme="day"] #key-endpoint-list .key-address-row code{background:#fff}
.key-onboarding-actions{grid-column:1/-1;justify-content:flex-start}

/* Keep the input definition readable alongside long token counts. */
#usage .usage-main>.usage-token-pair>span>span{white-space:normal;overflow:visible}
@media(max-width:700px){#usage .usage-main>.usage-token-pair>span{display:grid;gap:3px}}
#key-created-copy-status{margin:0 0 12px;color:var(--mint);font-size:12px;line-height:1.5}
#key-created-copy-status:empty{display:none}
#key-created-copy-status.error{color:var(--bad)}
#copy-secret{transition:transform 140ms cubic-bezier(0.23,1,0.32,1),background-color 160ms ease,border-color 160ms ease,color 160ms ease}
#copy-secret:active{transform:scale(0.97)}
#copy-secret.is-copied{border-color:rgba(86,228,208,.72);background:rgba(86,228,208,.22);color:#f3fffc;animation:hm-key-copied 320ms cubic-bezier(0.23,1,0.32,1)}
:root[data-console-theme="day"] #copy-secret.is-copied{color:#0c3d36}
@keyframes hm-key-copied{0%{transform:scale(0.96)}42%{transform:scale(1.045)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){#copy-secret{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease}#copy-secret:active{transform:none}#copy-secret.is-copied{animation:none}}
