@font-face{font-family:Caveat;src:url('/assets/caveat-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/geist-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/geist-500.ttf') format('truetype');font-weight:500;font-display:swap}
:root{color-scheme:dark;--bg:#323437;--surface:#2c2e31;--text:#d1d0c5;--secondary:#afb0aa;--accent:#e2b714;--error:#f28b94;--logo-surface:var(--bg);font-family:Geist,Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh;display:flex;flex-direction:column}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{touch-action:manipulation}h1,h2,h3,p{margin:0}button{border:0}.wallpaper{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.pattern-plane{position:absolute;left:50%;top:50%;width:calc(145vmax + 750px);height:calc(145vmax + 500px);transform:translate(-50%,-50%) matrix(.94,-.34,.34,.7,0,0)}.pattern-scroll{position:absolute;inset:0 -750px 0 0;background:url('/assets/agent-tile.svg') repeat;background-size:750px 500px;animation:icon-drift 36s linear infinite;will-change:transform;opacity:.8}@keyframes icon-drift{to{transform:translateX(-750px)}}.motion-paused .pattern-scroll{animation-play-state:paused}.navigation{height:96px;padding:24px 56px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;font-size:24px;font-weight:500;letter-spacing:-.7px}.brand img{object-fit:contain}.navigation nav{display:flex;align-items:center;gap:24px;font-size:14px}.text-button{background:none;color:inherit;padding:12px 0;min-height:44px}.navigation a:not(.brand):hover,.text-button:hover{color:var(--accent)}.home{position:relative;width:100%;max-width:1440px;min-height:650px;flex:1;margin:auto;display:grid;grid-template-columns:1fr 540px;align-items:center;padding:0 80px 0 180px;gap:40px}.hero{align-self:center;transform:translateY(-36px);min-width:0}h1{font-size:48px;font-weight:500;line-height:1.2;letter-spacing:-1.44px;white-space:nowrap}.description{font-size:16px;line-height:1.5;margin-top:24px;color:var(--secondary)}.primary-action{margin-top:36px;margin-bottom:32px}.primary,.secondary{min-height:48px;padding:12px 20px;border-radius:6px;font-weight:500;font-size:14px;line-height:24px}.primary{background:var(--accent);color:var(--bg)}.primary:hover{background:#efc526}.primary:active{transform:translateY(1px)}.secondary{background:transparent;border:1px solid #666861;color:var(--text)}.secondary:hover{border-color:var(--accent)}.facts{font-size:13px;line-height:1.5;color:var(--secondary)}.copy-status{position:absolute;font-size:13px;color:var(--accent);margin-top:16px}.upload-art{width:540px;height:560px;position:relative;align-self:center;transform:translateY(-22px)}.doodle{position:absolute;inset:0;pointer-events:none}.drop-zone{position:absolute;left:115px;top:133px;width:330px;height:344px;padding:0;color:#fff;background:transparent;border-radius:24px;transition:transform .25s ease,filter .25s ease}.drop-zone svg{width:390px;height:406px;position:absolute;left:-30px;top:-31px;overflow:visible;pointer-events:none}.drop-zone:hover,.drop-zone:focus-visible{transform:scale(1.04)}.drop-zone.is-dragging{transform:scale(1.07);color:var(--accent);filter:drop-shadow(0 0 18px #e2b71430)}.drop-label{position:absolute;bottom:0;left:0;right:0;font-size:14px;color:var(--accent);opacity:0;transition:opacity .15s}.is-dragging .drop-label{opacity:1}.upload-hint{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:13px;color:var(--secondary);opacity:0;pointer-events:none}.upload-art:focus-within .upload-hint{opacity:1}.mobile-drop-title{display:none}.footer{padding:0 56px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px;color:var(--secondary)}.footer-links{display:flex;gap:24px}.motion-toggle{display:flex;gap:8px;align-items:center;font-size:12px}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:var(--surface);z-index:10;transform:translateY(-150%)}.skip-link:focus{transform:none}dialog{width:min(520px,calc(100% - 32px));max-height:calc(100svh - 48px);border:1px solid #52544e;border-radius:12px;background:var(--surface);color:var(--text);padding:28px;box-shadow:0 24px 90px #0006}dialog::backdrop{background:#151719b8;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px}h2{font-size:24px;font-weight:500;letter-spacing:-.5px}h3{font-size:24px;font-weight:500;margin:20px 0}.close{font-size:28px;padding:0 6px;line-height:1;min-width:32px}.muted{color:var(--secondary);font-size:14px;line-height:1.6}.small{font-size:12px;margin-top:16px}.file-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.error{color:var(--error);font-size:14px;line-height:1.5;margin:16px 0}.file-list{list-style:none;padding:0;max-height:150px;overflow:auto;margin:20px 0;border-block:1px solid #52544e}.file-list li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;font-size:13px}.file-list span:first-child{overflow-wrap:anywhere}.file-list span:last-child{color:var(--secondary);white-space:nowrap}form label{display:block;font-size:14px;margin-top:20px;margin-bottom:8px}input:not([type=checkbox]){width:100%;height:48px;border:1px solid #666861;border-radius:6px;background:var(--bg);color:var(--text);padding:12px}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}.checkbox{display:flex;align-items:center;gap:8px;line-height:1.5;font-size:13px;margin-bottom:24px}form>.primary{margin-top:16px}#publish-form>.primary{width:100%}#auth-mode{display:block;margin-top:12px}.published-url{display:block;color:var(--accent);overflow-wrap:anywhere;line-height:1.6;margin-bottom:8px}#publish-result button{margin-top:20px}#result-status{font-size:13px;color:var(--accent);margin-top:12px}#info-body{font-size:14px;line-height:1.7;color:var(--secondary)}#info-body p+p{margin-top:16px}#info-body a{color:var(--accent);text-decoration:underline}.no-script{padding:20px;text-align:center}[hidden]{display:none!important}
@media(min-width:1441px){.home{max-height:900px}.navigation,.footer{width:100%;max-width:1800px;margin-inline:auto}}
@media(max-width:1199px){.home{padding-left:7vw;padding-right:3vw;gap:0;grid-template-columns:1fr 480px}.upload-art{transform:scale(.89);transform-origin:left center}.hero h1{font-size:40px;white-space:normal}.navigation{padding-inline:32px}.footer{padding-inline:32px}}
@media(max-width:800px){.navigation{padding:16px 24px;height:80px}.brand{font-size:24px;gap:4px}.brand img{width:40px;height:40px}.navigation nav{font-size:14px;gap:20px}.home{display:flex;flex-direction:column;align-items:stretch;min-height:660px;padding:48px 24px 24px;gap:0}.hero{align-self:stretch;transform:none}h1,.hero h1{font-size:36px;line-height:1.2;letter-spacing:-1.08px;max-width:280px}.description{margin-top:20px;font-size:14px}.primary-action{margin-top:24px;margin-bottom:24px}.primary-action button{width:100%}.facts{font-size:12px}.copy-status{margin-top:8px;font-size:12px}.upload-art{width:100%;height:300px;margin-top:48px;align-self:stretch;transform:none}.doodle{display:none}.mobile-drop-title{display:block;text-align:center;font-family:Caveat,cursive;font-weight:500;color:var(--accent);font-size:26px}.drop-zone{width:240px;height:240px;left:50%;top:32px;margin-left:-120px}.drop-zone svg{width:300px;height:300px;top:-30px;left:-30px}.upload-hint{opacity:1;bottom:0;font-size:12px}.upload-hint span{font-size:0}.upload-hint span:after{content:'· Tap to choose';font-size:12px}.drop-label{bottom:8px;background:var(--bg)}.footer{padding:24px;gap:8px;flex-wrap:wrap;font-size:12px}.footer-links{gap:20px}.motion-toggle{font-size:11px}.pattern-plane{transform:translate(-50%,-50%) matrix(.62,-.224,.224,.462,0,0);width:calc(230vmax + 750px);height:calc(230vmax + 500px)}dialog{padding:24px}.file-actions .secondary{flex:1;padding-inline:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.pattern-scroll{animation:none;will-change:auto}.drop-zone,.drop-label{transition:none}.drop-zone:hover,.drop-zone:focus-visible,.drop-zone.is-dragging{transform:none}}

/* Keep the first screen's proportions when more content follows it. */
.home { min-height: max(650px, calc(100svh - 164px)); overflow-x: clip; }
.home-bottom { height: 68px; padding: 0 56px 24px; display: flex; justify-content: space-between; align-items: center; color: var(--secondary); font-size: 13px; }
.footer { background: transparent; padding-top: 24px; }
.copy-action { position: relative; display: inline-block; }
#copy-prompt { display: inline-grid; place-items: center; transition: background-color .9s ease; }
#copy-prompt > span { grid-area: 1 / 1; transition: opacity .6s ease; }
#copy-prompt .copy-confirmation { opacity: 0; }
#copy-prompt.is-copied { background: #fff; transition: none; }
#copy-prompt.is-copied > span { transition: none; }
#copy-prompt.is-copied .copy-original { opacity: 0; }
#copy-prompt.is-copied .copy-confirmation { opacity: 1; }
.copy-burst { position: absolute; inset: 0; pointer-events: none; }
.copy-ray { position: absolute; width: 0; height: 0; }
.copy-ray i { display: block; width: 14px; height: 2px; border-radius: 1px; background: #fff; transform-origin: left center; animation: copy-ray .65s ease-out both; }
@keyframes copy-ray { 0% { opacity: 0; transform: translateX(0) scaleX(.3); } 15% { opacity: 1; } 100% { opacity: 0; transform: translateX(32px) scaleX(.05); } }

.features { background: transparent; padding: 104px 56px 120px; min-height: calc(100svh - 92px); scroll-margin-top: 0; }
.features-inner { max-width: 1328px; margin-inline: auto; }
#features-heading { margin: 0 0 72px 216px; font-size: clamp(30px, 3vw, 40px); line-height: 1.2; letter-spacing: -.03em; font-weight: 500; }
.feature-layout { display: grid; grid-template-columns: 160px minmax(0,1fr); gap: 56px; align-items: start; }
.feature-tabs { display: flex; flex-direction: column; align-items: stretch; gap: 8px; }
.feature-tabs button { background: none; color: var(--secondary); min-height: 48px; padding: 12px 0; text-align: left; font-size: 16px; font-weight: 500; }
.feature-tabs button:hover { color: var(--text); }
.feature-tabs button[aria-selected=true] { color: var(--accent); }
#feature-panel { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 56px; min-height: 460px; }
#feature-title { font-size: 24px; line-height: 1.3; font-weight: 500; letter-spacing: -.5px; margin: 8px 0 16px; }
#feature-description { color: var(--secondary); font-size: 16px; line-height: 1.6; max-width: 620px; }
#feature-facts { color: var(--secondary); font-size: 13px; line-height: 1.6; margin-top: 28px; max-width: 560px; }
#feature-demo { margin-top: 40px; }
.demo-label { color: var(--secondary); font-size: 12px; letter-spacing: .04em; margin-bottom: 24px; }
.demo-label span { color: var(--accent); }
.demo-publish { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 32px; align-items: start; }
.demo-step { color: var(--secondary); font-size: 12px; margin-bottom: 16px; }
.demo-files { margin: 0; color: var(--text); font: 14px/1.9 ui-monospace, SFMono-Regular, Menlo, monospace; }
.demo-values { margin: 0; }
.demo-values dt { color: var(--secondary); font-size: 12px; margin-bottom: 6px; }
.demo-values dd { margin: 0 0 24px; font-size: 14px; line-height: 1.6; }
.demo-url { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; color: var(--text); }
.demo-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 28px; }
.sample-site { background: var(--surface); padding: 24px 20px; min-height: 154px; }
.sample-site p { font-size: 12px; color: var(--secondary); line-height: 1.5; }
.sample-site h4 { margin: 24px 0 12px; font-size: 20px; font-weight: 500; letter-spacing: -.5px; }
.demo-shared { display: grid; grid-template-columns: 1fr; }
.demo-project { font-size: 16px; font-weight: 500; margin-bottom: 24px; }
.demo-lifecycle { display: grid; gap: 28px; }
.demo-lifecycle article { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 16px; }
.demo-state { color: var(--accent); font-size: 13px; padding-top: 2px; }
.demo-state.expired { color: var(--secondary); }
.demo-lifecycle p { font-size: 13px; line-height: 1.6; }
.demo-lifecycle .demo-meta { color: var(--secondary); font-size: 12px; margin-top: 6px; }
.demo-table { width: 100%; border-collapse: collapse; text-align: left; font-size: 13px; }
.demo-table th { color: var(--secondary); font-weight: 400; font-size: 12px; padding: 0 16px 20px 0; }
.demo-table td { padding: 0 16px 24px 0; vertical-align: top; line-height: 1.6; }
.demo-table th:last-child,.demo-table td:last-child { padding-right: 0; }
.demo-table time { color: var(--secondary); white-space: nowrap; font-size: 12px; }
.demo-table .online { color: var(--accent); }
.agent-instructions { min-width: 0; }
#agent-heading { margin: 12px 0 28px; color: var(--secondary); font-size: 12px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; line-height: 1.5; }
.instruction { margin-bottom: 28px; }
.instruction-text { font: 15px/1.7 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.instruction-copy { color: var(--accent); font-size: 13px; margin-top: 8px; text-align: left; }
.instruction-status { color: var(--secondary); font-size: 12px; line-height: 1.5; min-height: 18px; }
.instruction-fallback label { display: block; font-size: 12px; line-height: 1.5; color: var(--secondary); margin: 12px 0; }
.instruction-fallback textarea { box-sizing: border-box; display: block; resize: vertical; width: 100%; min-height: 220px; max-height: 460px; border: 1px solid var(--secondary); border-radius: 6px; padding: 12px; background: var(--surface); color: var(--text); font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; }
.instruction-fallback textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
#authorization-note { font-size: 12px; line-height: 1.6; color: var(--secondary); margin-top: 16px; }
@media (max-width: 1199px) { .features { padding-inline: 32px; } .feature-layout { grid-template-columns: 120px minmax(0,1fr); gap: 32px; } #features-heading { margin-left: 152px; } #feature-panel { grid-template-columns: minmax(0,1fr) 240px; gap: 32px; } .demo-publish { grid-template-columns: 1fr; gap: 24px; } .demo-compare { gap: 12px; } .sample-site { padding: 16px; } .home-bottom { padding-inline: 32px; } }
@media (max-width: 800px) {
  .home { min-height: max(660px,calc(100svh - 148px)); }
  .home-bottom { padding-inline: 24px; }
  .copy-action { display: block; }
  .features { padding: 72px 24px 80px; }
  #features-heading { font-size: 32px; margin: 0 0 32px; max-width: 400px; }
  .feature-layout { display: block; }
  .feature-tabs { flex-direction: row; gap: 24px; margin-bottom: 32px; }
  .feature-tabs button { font-size: 14px; flex-shrink: 0; }
  #feature-panel { display: block; min-height: 0; }
  #feature-title { margin-top: 0; font-size: 24px; }
  #feature-description { font-size: 15px; }
  #feature-demo { margin-top: 32px; }
  .demo-publish { grid-template-columns: 1fr; }
  .demo-compare { gap: 16px; }
  .agent-instructions { margin-top: 48px; }
  #agent-heading { margin-bottom: 20px; }
  #feature-facts { margin-top: 24px; }
  .instruction { margin-bottom: 24px; }
  .demo-table td,.demo-table th { padding-right: 12px; }
  .demo-table time { white-space: normal; }
}
@media (prefers-reduced-motion: reduce) { #copy-prompt,#copy-prompt > span { transition: none; } .copy-ray { display: none; } }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#sites-dialog { width: min(820px, calc(100% - 32px)); }
.recovery-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; }
.site-row { margin: 28px 0 36px; min-width: 0; }
.site-row h3 { font-size: 20px; font-weight: 500; overflow-wrap: anywhere; }
.site-url { display: block; overflow-wrap: anywhere; font: 13px/1.6 ui-monospace, monospace; }
.site-actions { display: flex; flex-wrap: wrap; gap: 4px 20px; margin-top: 12px; }
.site-row p { overflow-wrap: anywhere; }
@media (max-width: 480px) { .navigation { padding-left: 16px; padding-right: 16px; } .navigation nav { gap: 12px; } .navigation nav button,.navigation nav a { font-size: 12px; } }

/* Static demonstration windows; the surrounding page keeps the shared wallpaper. */
.demo-stage { padding: 24px; border: 1px solid #64666950; border-radius: 12px; background: #2c2e31b8; }
.demo-window { min-width: 0; border: 1px solid #64666970; border-radius: 8px; background: var(--surface); overflow: hidden; }
.demo-window-bar { display: flex; align-items: center; gap: 14px; min-height: 40px; padding: 10px 14px; border-bottom: 1px solid #64666945; }
.window-controls { display: flex; gap: 5px; flex-shrink: 0; }
.window-controls i { width: 6px; height: 6px; border-radius: 50%; background: #646669; }
.window-controls i:first-child { background: var(--accent); }
.demo-window-title { min-width: 0; overflow-wrap: anywhere; color: var(--secondary); font: 11px/1.5 ui-monospace, SFMono-Regular, Menlo, monospace; }
.demo-window-body { padding: 24px; }
.demo-stage .demo-publish { grid-template-columns: minmax(150px,.8fr) minmax(0,1.3fr); gap: 20px; align-items: stretch; }
.files-window .demo-window-body { padding: 24px 16px; }
.files-window .demo-files { font-size: 12px; }
.browser-window .demo-window-body { padding: 0; }
.preview-sheet { min-height: 190px; padding: 26px 24px; }
.preview-sheet .preview-eyebrow { color: var(--secondary); font-size: 10px; letter-spacing: .12em; }
.preview-sheet h4 { margin: 26px 0 14px; color: var(--text); font-size: 28px; font-weight: 500; letter-spacing: -.8px; }
.preview-sheet p { font-size: 13px; line-height: 1.6; color: var(--secondary); }
.preview-details { padding: 20px 24px 4px; border-top: 1px solid #64666945; }
.preview-details dd { font-size: 12px; margin-bottom: 16px; }
.demo-stage .sample-site { padding: 0; min-height: 166px; }
.demo-stage .sample-site h4 { margin-top: 32px; }
.demo-stage .demo-compare { gap: 20px; }
.demo-stage .demo-shared dd:last-child { margin-bottom: 0; }
.demo-stage .demo-table td:last-child,.demo-stage .demo-table th:last-child { text-align: right; }
.demo-stage .demo-table tr:last-child td { padding-bottom: 0; }
@media (max-width: 1199px) and (min-width: 801px) {
  .demo-stage { padding: 16px; }
  .demo-stage .demo-publish,.demo-stage .demo-compare { grid-template-columns: 1fr; }
  .demo-window-body { padding: 20px; }
  .demo-lifecycle article { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 800px) {
  .demo-stage { padding: 12px; }
  .demo-stage .demo-publish,.demo-stage .demo-compare { grid-template-columns: 1fr; gap: 16px; }
  .demo-window-body { padding: 20px 16px; }
  .demo-stage .sample-site { min-height: 142px; }
  .demo-stage .demo-lifecycle article { grid-template-columns: 1fr; gap: 6px; }
  .demo-stage .demo-table { font-size: 12px; }
  .demo-stage .demo-table th { font-size: 11px; }
  .demo-stage .demo-table td,.demo-stage .demo-table th { padding-right: 8px; }
  .demo-stage .demo-table time { font-size: 11px; }
}

#google-login { width: 100%; }
#google-login, #account-state #link-google { display: flex; align-items: center; justify-content: center; gap: 10px; background: #fff; color: #1f1f1f; border-color: #747775; }
#google-login:hover, #account-state #link-google:hover { background: #f2f2f2; }
.google-mark { width: 20px; height: 20px; flex: 0 0 20px; object-fit: contain; }
.navigation { position: relative; z-index: 5; }
.account-menu { position: relative; }
#login-button { display: flex; align-items: center; gap: 10px; }
#account-label { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-avatar { display: grid; place-items: center; width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%; background: var(--accent); color: var(--bg); font-size: 14px; font-weight: 500; }
.account-dropdown { position: absolute; top: calc(100% + 8px); right: 0; width: 288px; max-width: calc(100vw - 32px); max-height: calc(100svh - 112px); overflow-y: auto; padding: 20px; border: 1px solid #52544e; border-radius: 12px; background: var(--surface); box-shadow: 0 16px 48px #0004; opacity: 0; visibility: hidden; transform: translateY(-6px) scale(.98); transform-origin: top right; pointer-events: none; transition: opacity 180ms ease, transform 180ms cubic-bezier(.2,.7,.2,1), visibility 0s 180ms; }
.account-dropdown.is-open { opacity: 1; visibility: visible; transform: translateY(0) scale(1); pointer-events: auto; transition-delay: 0s; }
#account-name { overflow-wrap: anywhere; line-height: 1.5; font-size: 14px; font-weight: 500; }
#google-linked { margin-top: 4px; margin-bottom: 8px; }
#account-state .text-button { display: block; width: 100%; padding: 12px 0; text-align: left; font-size: 14px; }
#account-state #link-google { display: flex; margin-block: 8px; border-radius: 6px; }
#account-state #logout { color: var(--secondary); }
#account-state #logout:hover { color: var(--text); }
#account-error { margin-bottom: 0; }
@media (max-width: 600px) { #login-button.is-signed-in #account-label { display: none; } }
@media (prefers-reduced-motion: reduce) { .account-dropdown { transition: none; transform: none; } }
#email-resend { margin-right: 16px; }

.footer-links { flex-wrap: wrap; }

.account-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; }
.plan-badge { color: var(--accent); font-size: 11px; font-weight: 600; letter-spacing: .06em; }
#account-plan-badge { line-height: 1; }

.account-usage{border-block:1px solid #52544e;padding:14px 0;margin:12px 0}.account-usage-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--accent,#e2b714)}.account-usage-heading .text-button{font-size:11px;padding:4px 0;min-height:28px}.account-usage .usage-row{margin:14px 0;font-size:11px;gap:6px}.account-usage .usage-row progress{height:4px;appearance:none;border:0;border-radius:4px;overflow:hidden;background:#414346}.account-usage progress::-webkit-progress-bar{background:#414346}.account-usage progress::-webkit-progress-value{background:var(--accent,#e2b714)}.account-usage progress::-moz-progress-bar{background:var(--accent,#e2b714)}#account-usage-summary{font-size:12px;color:var(--text-muted,#aaa)}#account-usage-summary p{font-size:10px;margin:10px 0 0}.account-dropdown{overscroll-behavior:contain}

#account-state #account-usage-details{width:auto;flex-shrink:0;font-size:11px;padding:4px 0;min-height:28px}