:root{color-scheme:dark;--lime:#b7f542;--ink:#f0f6ef;--muted:#bdccbd}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#090e0b;color:var(--ink);font:15px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.private-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px;border-bottom:1px solid #30422e;background:#0d150f}.brand{font-size:21px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:#fff;white-space:nowrap}.brand span{color:var(--lime)}.account-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.account-tools button{border:1px solid #49603d;background:#172216;color:#f4f9f1;border-radius:7px;padding:7px 10px;font-size:12px;min-height:36px}#syncStatus[data-state=error]{color:#ffb29d}#syncStatus[data-state=saved]{color:#d0f5a1}.login-panel{min-height:calc(100dvh - 70px);display:grid;place-items:center;padding:36px 20px;background:radial-gradient(ellipse at 70% 20%,#1a2e19,transparent 65%)}.login-card{width:min(100%,450px);padding:35px;background:#101a12;border:1px solid #3a5135;border-radius:18px;box-shadow:0 24px 90px #0005}.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#cbefac}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.15;margin:18px 0}p,small{color:var(--muted)}small{font-size:11px}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#e1ebdc;margin:18px 0}.login-card input{width:100%;min-height:48px;border:1px solid #4b6145;border-radius:9px;background:#0a110c;color:white;padding:12px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:24px;min-height:49px;padding:12px 16px;border-radius:9px;background:var(--lime);color:#11180b;border:1px solid var(--lime);font-weight:800}.text-button{color:#def6bc;background:none;border:0;padding:16px 0 0;font-size:13px}#authStatus,#passwordStatus{font-size:13px;min-height:40px}#workspace iframe{display:block;width:100%;height:calc(100dvh - var(--account-header-height,70px));border:0;background:#080b0a}body.is-open{overflow:hidden}#workspace{position:relative}#workspace[inert]{opacity:.5}#workspace[inert]:after{content:'Workspace paused. Check the message above.';position:absolute;inset:0;display:grid;place-items:center;background:#080b0a99;color:white;font-weight:700}@media(max-width:760px){.private-header{padding:10px 13px;gap:8px;align-items:flex-start}.brand{font-size:18px}.account-tools{gap:6px;font-size:10px;max-width:72%}.account-tools button{font-size:10px;padding:6px 8px}#accountName{display:none}.login-card{padding:26px 23px}h1{font-size:31px}}
:root{--account-header-height:70px}
/* Keep the same account header; larger controls and a constrained iframe on phones. */
@media(max-width:900px){
  html,body{width:100%;max-width:100%;min-width:0;overflow-x:clip;-webkit-text-size-adjust:100%}
  .private-header{padding:max(9px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 9px max(12px,env(safe-area-inset-left));gap:10px;align-items:center}
  .brand{font-size:18px}
  .account-tools{max-width:70%;min-width:0;gap:6px;font-size:11px;line-height:1.4}
  #accountName{display:none}
  #syncStatus{flex-basis:100%;text-align:right;overflow-wrap:anywhere}
  #syncStatus:empty{display:none}
  .account-tools button{min-height:44px;font-size:12px;padding:9px 10px}
  #workspace{width:100%;max-width:100%;min-width:0;overflow:hidden}
  #workspace iframe{width:1px;min-width:100%;max-width:100%;height:calc(100dvh - var(--account-header-height,70px));contain:inline-size}
  .login-panel{min-height:calc(100dvh - var(--account-header-height,70px));padding:26px 16px max(32px,env(safe-area-inset-bottom))}
  .login-card{padding:28px 23px}
  .login-card input{font-size:16px;min-height:48px}
  .text-button{min-height:44px;font-size:14px}
}