:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#273347;background:#f3f5f8;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:52px 16px;background:radial-gradient(ellipse at 85% 0%,#d6f5f4 0%,transparent 52%),radial-gradient(ellipse at 0 15%,#e0eafa 0%,transparent 50%),#f3f5f8;min-height:100vh}main{max-width:430px;margin:0 auto;background:#fff;border:1px solid #e3e8ee;border-radius:22px;padding:25px;box-shadow:0 20px 70px #3141560c}header{display:flex;align-items:center;gap:12px;margin-bottom:30px}.logo{height:45px;width:45px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#5478e8,#18b6ae);color:#fff;font-size:31px}h1{font-size:21px;margin:0;letter-spacing:-.6px}header p{font-size:12px;margin:4px 0 0;color:#8491a3}.tag{margin-left:auto;color:#278f8e;background:#edf9f7;border-radius:20px;padding:5px 9px;font-size:11px}h2{font-size:19px;margin:0 0 8px;letter-spacing:-.4px}.muted,.hint{color:#7b8798;font-size:12px;line-height:1.7;margin:0 0 22px}form{margin:18px 0}label{display:block;font-size:12px;margin-bottom:8px;color:#59677b}.row{display:flex;gap:8px;align-items:center}.between{justify-content:space-between}input{min-width:0;flex:1;border:1px solid #dce3ea;border-radius:10px;height:43px;padding:0 12px;font:inherit;font-size:13px;background:#f9fbfc;color:inherit}button{border:0;background:#16a7a3;color:#fff;border-radius:10px;padding:0 13px;height:43px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}button:hover{background:#11968f}button:disabled{cursor:default;background:#e9f0f1;color:#84989d}.subtle{color:#8a95a4;background:transparent!important;height:auto;padding:4px}input:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #84ccca;outline-offset:3px}.balance{background:linear-gradient(120deg,#f2f7ff,#effaf8);padding:21px;border-radius:14px;display:flex;flex-direction:column;gap:8px;margin:10px 0 20px}.balance span{font-size:12px;color:#7c8ba1}.balance strong{font-size:36px;letter-spacing:-1.4px;font-weight:650}.balance small{font-size:11px;color:#84929f;min-height:12px}.stats{display:flex;margin:10px 0 24px;gap:40px}.stats div{display:flex;flex-direction:column;gap:7px}.stats span{font-size:11px;color:#84909f}.stats b{font-size:15px;font-weight:550}.wide{width:100%}.hint{font-size:11px;margin:10px 0 20px}details{border-top:1px solid #e8edf1;padding-top:17px}summary{cursor:pointer;font-size:13px;color:#5b6d81;list-style-position:inside}#count{float:right;color:#a0aab7;font-size:11px}.usage-item{padding:14px 0;border-bottom:1px solid #eef1f5;font-size:12px;display:flex;justify-content:space-between;gap:8px}.usage-item small{display:block;color:#9aa4b1;margin-top:5px;font-size:10px}.empty{padding:22px 0;text-align:center;font-size:12px;color:#a0aab7}#message{font-size:12px;color:#618c8a;line-height:1.65;min-height:20px;margin:18px 0 0}#message.error{color:#ba5e5e}footer{border-top:1px solid #ecf0f4;padding-top:17px;margin-top:19px;display:flex;align-items:center;gap:6px;font-size:10px;color:#9aa6b4}.dot{width:5px;height:5px;border-radius:100%;background:#58b2a5}.price{margin-left:auto;color:#a6aebb;font-size:9px}[hidden]{display:none!important}@media(max-width:400px){body{padding:20px 12px}main{padding:21px}.price{font-size:8px}.row{gap:6px}button{padding:0 10px}}
.test-banner{font-size:11px;line-height:1.6;background:#fff7e8;color:#9e752b;border:1px solid #f3e3be;padding:10px 12px;border-radius:10px;margin:-10px 0 23px}.amounts{border:0;display:flex;gap:8px;padding:0;margin:0 0 14px}.amounts legend{font-size:11px;color:#84909f;margin-bottom:9px}.amounts button{flex:1;background:#f4f7fb;color:#6d7b91;border:1px solid #e1e7ee}.amounts button[aria-pressed=true]{background:#eff9f7;border-color:#3eafa6;color:#168c85}.payment-row{justify-content:space-between;margin:12px 0}.payment-row label{font-size:11px;margin:0}select{border:1px solid #dce3ea;border-radius:8px;background:#fff;color:#59677b;padding:7px;font:inherit;font-size:12px}#ledger{border-top:1px solid #eef1f5}#quote{font-size:10px;margin:0 0 14px}
.google{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#496477;border:1px solid #dbe5ee;margin:15px 0}.google>span{color:#4285f4;font:700 19px Arial}.device-code{display:block;text-align:center;letter-spacing:4px;font-size:25px;color:#188b95;background:#edf6f9;border-radius:10px;padding:16px;margin:15px 0}.activity-controls{margin:14px 0;gap:8px}.activity-controls select{min-width:0;flex:1}.activity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;padding:12px 0;border-top:1px solid #e8edf2}.activity-row strong{font-size:12px;overflow-wrap:anywhere}.activity-row b{font-size:11px;white-space:nowrap}.activity-row small{grid-column:1/-1;color:#8c9ba8;font-size:10px}#device h2{font-size:17px}

#pricing{margin-top:24px;border-top:1px solid #e8edf1;padding-top:22px}.price-tier{margin:14px 0;padding:14px;background:#f6f9fc;border:1px solid #e4ebf1;border-radius:12px}.price-tier h3{font-size:12px;color:#557087;margin:0 0 12px}.price-tier dl{margin:0}.price-tier dl>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.7;padding:4px 0}.price-tier dt{color:#6c7e91}.price-tier dd{margin:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}input,select{font-size:16px;min-height:44px;max-width:100%}button,summary{min-height:44px}summary{display:flex;align-items:center}.subtle{min-height:44px}#activity-model{width:100%;margin-bottom:8px}select:focus-visible{outline:3px solid #84ccca;outline-offset:3px}.activity-row small{line-height:1.6}
.payment-methods{border:0;padding:0;margin:16px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-methods legend{font-size:11px;color:#7b8798;margin-bottom:10px}.payment-choice{position:relative;display:grid;grid-template-columns:18px 1fr;gap:5px 7px;align-items:center;padding:13px 10px;margin:0;border:1px solid #dce5eb;border-radius:12px;cursor:pointer;min-height:82px;background:#f8fafc}.payment-choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.payment-choice>span{grid-row:1/3;font-size:18px;color:#5478b2}.payment-choice strong{font-size:12px;line-height:1.4}.payment-choice small{font-size:10px;line-height:1.5;color:#83929f}.payment-choice:has(input:checked){border-color:#32a99f;background:#eefaf6;color:#16867e}.payment-choice:has(input:focus-visible){outline:3px solid #84ccca;outline-offset:3px}.payment-choice:has(input:disabled){opacity:.55;cursor:default}.payment-help{padding:0;margin:0 0 18px;border-top:0}.payment-help summary{font-size:11px;min-height:44px}.payment-help .hint{margin:10px 0;line-height:1.75}.card-brands{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.card-brands span{border:1px solid #e1e7ef;border-radius:6px;padding:5px 7px;color:#62768f;background:#f7f9fc;font-size:10px;font-weight:600}.payment-result{border:1px solid #c5e7e2;background:#f1faf8;border-radius:12px;padding:15px;margin:0 0 18px}.payment-result strong{display:block;font-size:14px;color:#228b81}.payment-result .hint{margin:8px 0 0;overflow-wrap:anywhere}.payment-result .subtle{color:#228b81;padding:0}

.custom-topup{display:block;margin-top:12px}.custom-amount-row{display:flex;align-items:center;gap:9px;border:1px solid var(--line,#dce6e4);border-radius:10px;padding:0 12px;background:var(--surface,#fff)}.custom-amount-row input{border:0;min-width:0;padding:10px 0;background:transparent;box-shadow:none}.custom-amount-row:focus-within{outline:2px solid #168f9344}.custom-amount-row:has(input[aria-invalid=true]){border-color:#bb5748}#amount-help{display:block;margin:5px 0 8px}

#trial-controls{position:relative;margin-top:18px;overflow:hidden}.trial-content{padding-top:13px}.trial-owner{font-size:12px;overflow-wrap:anywhere}.trial-fields{border:0;padding:0;margin:0;min-width:0}.trial-fields legend{font-size:13px;font-weight:600;margin-bottom:14px}.trial-fields label{font-size:11px;margin-bottom:12px}.trial-fields input:not([type=checkbox]){display:block;width:100%;margin-top:7px}.trial-toggle{display:flex;gap:9px;align-items:center;min-height:44px}.trial-toggle input{flex:0 0 18px;width:18px;height:18px;min-height:18px;accent-color:#138d89}.trial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.trial-grid label{min-width:0}.trial-result{font-size:12px;line-height:1.65;min-height:20px;color:#228b81}.trial-result.error{color:#ad493c}#trial-admin{border-top:1px solid #e8edf1;padding-top:17px;margin-top:20px}#trial-admin h3{font-size:14px;margin:0 0 12px}.trial-email-list{display:grid;gap:6px;margin-top:12px;max-height:240px;overflow:auto}.trial-email-item{text-align:left;white-space:normal;height:auto;min-height:54px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;background:#f1f7f8;color:#416c77;border:1px solid #d8e6eb;padding:9px 11px}.trial-email-item strong{font-size:12px;overflow-wrap:anywhere}.trial-email-item small{font-size:10px;color:#6e858e}.trial-email-item:hover{background:#e5f4f3}#trial-controls.is-busy:before{content:"";position:absolute;top:0;height:2px;width:38%;background:#16a7a3;animation:trial-progress 1.1s ease-in-out infinite}@keyframes trial-progress{from{transform:translateX(-110%)}to{transform:translateX(370%)}}@media(prefers-reduced-motion:reduce){#trial-controls.is-busy:before{animation:none;width:100%}}

/* Shared compact API account surface. Secret values never affect layout width. */
.my-api{min-width:0;display:grid;gap:10px}.my-api label{font-size:12px;font-weight:600}.api-value-row{display:flex;gap:6px;min-width:0;align-items:center}.api-value-row input{min-width:0;width:0;flex:1;font:12px ui-monospace,monospace;padding:9px;border:1px solid var(--border,#dedede);border-radius:8px;background:var(--surface,#fafafa);color:inherit}.api-value-row button,.api-actions button,.my-api>[data-action]{font-size:12px;white-space:nowrap;padding:8px;border:1px solid var(--border,#ddd);border-radius:8px;background:transparent;color:inherit;cursor:pointer}.api-actions{display:flex;gap:6px;flex-wrap:wrap}.my-api .hint{font-size:12px;line-height:1.6;color:var(--muted,#777)}.api-status{font-size:12px;min-height:18px;overflow-wrap:anywhere}.api-models p{display:grid;gap:5px}.api-models code,.api-models small{overflow-wrap:anywhere;font-size:11px}.my-api [hidden]{display:none!important}.my-api button:disabled{opacity:.45;cursor:default}.my-api button:focus-visible{outline:2px solid #5487eb;outline-offset:2px}

.api-management summary{cursor:pointer;font-size:12px}.api-management .api-actions{margin-top:10px}.api-reset{margin-top:12px;display:grid;gap:8px}.api-reset input{display:block;max-width:160px;width:100%;box-sizing:border-box;margin-top:6px;padding:8px;border:1px solid var(--border,#ddd);border-radius:8px;background:transparent;color:inherit;font:14px ui-monospace,monospace}.api-reset button{font-size:12px}

/* Only the managed sign-in region and identity label. Existing account/payment/API layout is unchanged. */
#managed-login{min-width:0}#managed-login .identity-check{display:flex;align-items:center;gap:10px;min-height:44px;margin:12px 0}#managed-login .identity-check input{flex:0 0 18px;width:18px;height:18px;min-height:18px}#managed-login .identity-check span{font-size:13px;line-height:1.6}#managed-login .identity-label,#identity-status{overflow-wrap:anywhere}#managed-login input:not([type=checkbox]){width:100%;box-sizing:border-box}#managed-login #identity-message{min-height:20px}#managed-login button{white-space:normal;line-height:1.5}#managed-login button:focus-visible,#managed-login input:focus-visible{outline:3px solid #84ccca;outline-offset:3px}#identity-confirm{margin-top:14px}