/* overseas design system: black and white.
   Light gray ground, white and gray surfaces, black only for what is active or primary.
   No colored accents, no offset shadows. Spec: docs/design-system.md */
:root{
 color-scheme:light;
 --bg:#f4f4f4;--paper:#ffffff;--fill:#ebebeb;--fill-2:#e0e0e0;--fill-3:#cdcdcd;
 --plate:#ececec;--plate-2:#dfdfdf;          /* the two layers of a folder card */
 --ink:#111111;--ink-2:#474747;--ink-3:#8c8c8c;--ink-4:#b8b8b8;--on-ink:#ffffff;
 --line:rgb(0 0 0/.08);--line-2:rgb(0 0 0/.16);
 --mark:#111111;--on-mark:#ffffff;
 --scrim:rgb(0 0 0/.36);
 --danger:#c0362c;--ok:#111111;--warn:#111111;
 --stroke:1px;
 --r1:8px;--r2:14px;--r3:22px;--r4:28px;--rp:999px;
 --h:40px;--h-sm:32px;--tap:46px;
 --font:"Helvetica Neue",Helvetica,"SF Pro Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --display:"Helvetica Neue","SF Pro Display",Helvetica,system-ui,-apple-system,Arial,sans-serif;
 --soft:0 1px 2px rgb(0 0 0/.04),0 6px 20px rgb(0 0 0/.06);
 --float:0 2px 6px rgb(0 0 0/.05),0 18px 44px rgb(0 0 0/.14);
 --safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);
 --ease:cubic-bezier(.2,.8,.2,1);
 --focus:#111111;
}
[data-theme=dark]{
 color-scheme:dark;
 --bg:#0b0b0b;--paper:#171717;--fill:#1f1f1f;--fill-2:#292929;--fill-3:#3b3b3b;
 --plate:#1a1a1a;--plate-2:#242424;
 --ink:#f2f2f2;--ink-2:#c4c4c4;--ink-3:#8a8a8a;--ink-4:#5c5c5c;--on-ink:#0b0b0b;
 --line:rgb(255 255 255/.08);--line-2:rgb(255 255 255/.18);
 --mark:#f2f2f2;--on-mark:#0b0b0b;
 --scrim:rgb(0 0 0/.62);
 --danger:#f0948c;--ok:#f2f2f2;--warn:#f2f2f2;
 --soft:0 1px 2px rgb(0 0 0/.4),0 6px 20px rgb(0 0 0/.35);
 --float:0 2px 6px rgb(0 0 0/.4),0 18px 44px rgb(0 0 0/.6);
 --focus:#f2f2f2;
}

/* base. The renderers rely on these resets too (see site.css). */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}
body{margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.45;background:var(--bg);color:var(--ink)}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:0;background:none;padding:0}
button:disabled{cursor:default}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
a{color:inherit}
h1,h2,h3,p{margin:0}
svg{flex-shrink:0;vertical-align:middle}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}