:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light dark;--background: #fff;--foreground: #202124;--secondary: #68686f;--line: #e9e9ed;--accent: #005cc8;--selection: #eaf2ff;--navigation-height: 4.75rem;color:var(--foreground);background:var(--background)}*{box-sizing:border-box}body{margin:0}nav{position:fixed;z-index:1;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:var(--navigation-height);padding:.375rem max(.25rem,env(safe-area-inset-right)) max(.375rem,env(safe-area-inset-bottom)) max(.25rem,env(safe-area-inset-left));border-top:1px solid var(--line);background:var(--background)}nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;min-height:3.75rem;padding:.5rem .125rem;border-radius:.75rem;color:var(--secondary);text-decoration:none;font-size:.6875rem;font-weight:600;-webkit-tap-highlight-color:transparent}nav a[aria-current=page]{color:var(--accent);background:var(--selection)}nav a:active{opacity:.7}nav svg{width:1.5rem;height:1.5rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}a:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}main{min-height:100svh;padding:env(safe-area-inset-top) max(1.5rem,env(safe-area-inset-right)) calc(var(--navigation-height) + env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left));display:grid;grid-template-rows:auto 1fr}header{padding-block:2rem 1rem}h1{margin:0;font-size:2rem;letter-spacing:-.035em;line-height:1.2}h1:focus,main:focus{outline:none}.placeholder{display:grid;place-items:center;padding-block:2rem;font-size:1rem;color:var(--secondary)}.skip-link{position:fixed;z-index:2;top:.5rem;left:.5rem;padding:.75rem;border-radius:.5rem;color:var(--foreground);background:var(--background);transform:translateY(-200%)}.skip-link:focus{transform:none}.account-content{max-width:34rem;padding:.75rem 0 2rem;align-self:start}.preview-label{font-size:.8rem;font-weight:650;color:var(--secondary);margin:0 0 .5rem}.account-intro{color:var(--secondary);line-height:1.5;margin:0 0 1.5rem}.account-panel{border:1px solid var(--line);border-radius:1rem;padding:1.25rem}.account-content h2{margin:0 0 1.25rem;font-size:1.25rem}.account-content form{display:grid;gap:.75rem}.account-content label{font-weight:600}.account-content input,.account-content button{font:inherit;min-height:2.75rem;border:1px solid var(--line);border-radius:.6rem;padding:.7rem .8rem}.account-content input{width:100%;min-width:0;background:var(--background);color:var(--foreground);margin-bottom:.5rem}.account-content button{cursor:pointer;background:var(--selection);color:var(--accent);font-weight:600}.account-content button.primary-button{background:#005cc8;color:#fff}.account-content button.destructive{color:#c52127;background:transparent}.account-content button:disabled{opacity:.5;cursor:wait}.account-content :is(input,button):focus-visible{outline:3px solid var(--accent);outline-offset:2px}.account-content [data-status],.account-content [data-delete-status]{color:var(--secondary);line-height:1.5;overflow-wrap:anywhere}.account-content [data-status]:empty,.account-content [data-delete-status]:empty{display:none}.account-content dl{display:grid;gap:.4rem;margin:0 0 1.5rem}.account-content dt{color:var(--secondary);font-size:.85rem}.account-content dd{margin:0 0 .75rem;overflow-wrap:anywhere}.account-actions{display:flex;flex-wrap:wrap;gap:.75rem}.account-content dialog{width:min(30rem,calc(100vw - 2rem));padding:1.5rem;color:var(--foreground);background:var(--background);border:1px solid var(--line);border-radius:1rem}.account-content dialog::backdrop{background:#0008}.account-content dialog p{line-height:1.5}@media(prefers-color-scheme:dark){.account-content button.destructive{color:#ff858a}}@media(min-width:48rem){nav{inset:0 auto 0 0;width:14rem;display:flex;flex-direction:column;gap:.5rem;padding:2rem 1rem;border-top:0;border-right:1px solid var(--line)}nav a{flex-direction:row;justify-content:flex-start;gap:.875rem;padding:.875rem 1rem;font-size:.9375rem;min-height:3rem}main{margin-left:14rem;padding:0 3rem}header{padding-top:2.5rem}}@media(prefers-color-scheme:dark){:root{--background: #171719;--foreground: #f3f3f5;--secondary: #a8a8b0;--line: #303034;--accent: #85baff;--selection: #23344e}}