:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--fg:#1a1a1a;--muted:#5c5c5c;--bg:#fdfdfc;--ok:#1a7f37;--bad:#b3261e;--warn:#9a6700}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#e8e8e6;--muted:#9a9a96;--bg:#17171a;--ok:#4ac26b;--bad:#ff7b72;--warn:#d29922}}body{background:var(--bg);color:var(--fg);margin:0;padding:3rem 1.5rem;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:34rem;margin:0 auto}h1{letter-spacing:-.02em;margin:0;font-size:2.5rem}.tagline{color:var(--muted);margin:.25rem 0 2.5rem}dl{grid-template-columns:max-content 1fr;gap:.6rem 1.25rem;margin:0;display:grid}dt{color:var(--muted);white-space:nowrap}dd{overflow-wrap:anywhere;margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.ok{color:var(--ok)}.bad{color:var(--bad)}@media (width<=30rem){dl{grid-template-columns:1fr;gap:.15rem}dt{margin-top:.85rem}}h2{margin:0 0 .5rem;font-size:1.25rem}.muted{color:var(--muted)}.panel p{margin:0 0 1rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}button{font:inherit;border:1px solid var(--muted);color:var(--fg);cursor:pointer;background:0 0;border-radius:.4rem;padding:.5rem 1rem}button.primary{border-color:var(--fg);background:var(--fg);color:var(--bg)}a{color:inherit}.build{color:var(--muted);margin-top:3rem;font-size:.85rem}#debug{border:1px dashed var(--muted);max-width:34rem;color:var(--muted);border-radius:.4rem;margin:2rem auto 0;padding:.75rem 1rem;font-size:.8rem}#debug h3{margin:.5rem 0 .25rem;font-size:.85rem}#debug pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}button.danger{border-color:var(--bad);color:var(--bad)}.files{overflow-wrap:anywhere;margin:.5rem 0 0;padding-left:1.25rem}#debug button{margin-top:.5rem;padding:.25rem .6rem;font-size:.8rem}#debug p{margin:.25rem 0 0}header{justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.header-status{align-items:center;min-width:0;font-size:.9rem;display:flex}.header-status .part{align-items:center;min-width:0;display:flex}.header-status .part[hidden]{display:none}.header-status .part:not([hidden])~.part:not([hidden]):before{content:"|";color:var(--muted);margin:0 .5rem}.header-status .grayed,.header-status.offline .account-part{opacity:.5}.hoverable{align-items:center;min-width:0;display:flex;position:relative}.hover-text{z-index:10;border:1px solid var(--muted);background:var(--bg);width:max-content;max-width:min(22rem,80vw);color:var(--fg);white-space:pre-line;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;pointer-events:none;border-radius:.4rem;padding:.4rem .6rem;font-size:.85rem;display:none;position:absolute;bottom:calc(100% + .3rem);right:0}.hoverable:hover>.hover-text{display:block}.hoverable:has(:focus-visible)>.hover-text{display:block}.menu-open .hover-text{display:none!important}.header-status button{font-size:inherit;border-color:#0000;padding:.15rem .3rem}.email{min-width:0;display:flex}.email-text,.file-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.email-text{max-width:16rem}.file-name{max-width:12rem;text-decoration:none}.file-name:hover{text-decoration:underline}.status-mark{flex-shrink:0}.offline-mark{color:var(--muted);display:flex}.access-mark{color:var(--warn)}.access-mark.expired{color:var(--bad)}.sync-mark.warning{border-color:var(--warn);color:var(--warn)}.sync-mark.busy{border:2px solid var(--muted);border-top-color:#0000;border-radius:50%;width:.9rem;height:.9rem;margin-left:.4rem;padding:0;animation:.9s linear infinite sync-spin}@keyframes sync-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sync-mark.busy{border-top-color:var(--muted);opacity:.6;animation:none}}.menu{z-index:20;border:1px solid var(--muted);background:var(--bg);border-radius:.4rem;padding:.25rem;position:absolute;top:calc(100% + .3rem);right:0}.menu[hidden]{display:none}.menu button{text-align:left;white-space:nowrap;width:100%;padding:.3rem .8rem;display:block}.menu button:hover,.menu button:focus-visible{background:color-mix(in srgb, var(--muted) 20%, transparent)}.account-part{position:relative}@media (width<=30rem){.email-text{max-width:7ch}.file-name{max-width:12ch}}dialog.sign-out{border:1px solid var(--muted);background:var(--bg);max-width:28rem;color:var(--fg);border-radius:.5rem}dialog.sign-out::backdrop{background:#00000080}dialog.sign-out p,dialog.sign-out label{margin:0 0 .75rem;display:block}dialog .actions{justify-content:flex-end}dialog.sign-out [hidden]{display:none}dialog.sign-out .note{margin-left:1.5rem;font-size:.85rem}#data{margin-top:2rem}.data-explorer h3{margin:1.5rem 0 .5rem;font-size:1rem}.data-explorer table{border-collapse:collapse;width:100%;font-size:.9rem}.data-explorer th,.data-explorer td{text-align:left;vertical-align:middle;padding:.25rem .4rem .25rem 0}.data-explorer th{color:var(--muted);font-weight:400}.data-explorer input,.data-explorer select{font:inherit;border:1px solid var(--muted);max-width:100%;color:var(--fg);background:0 0;border-radius:.3rem;padding:.2rem .3rem}.data-explorer td input{box-sizing:border-box;border-color:#0000;width:100%}.data-explorer td input:hover,.data-explorer td input:focus{border-color:var(--muted)}.add-row{flex-wrap:wrap;gap:.4rem;margin-top:.5rem;display:flex}button.small{padding:.15rem .5rem;font-size:.8rem}.add-row button{padding:.2rem .75rem}.queue{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:.8rem}dialog.blocking{border:1px solid var(--muted);background:var(--bg);max-width:28rem;color:var(--fg);border-radius:.5rem}dialog.blocking::backdrop{background:#00000080}