:root{color-scheme:light dark;--bg:#fff;--text:#000;--dim:#aaa;--faint:#ccc;--inline:3ch;--gutter-left:max(var(--inline), env(safe-area-inset-left));--gutter-right:max(var(--inline), env(safe-area-inset-right))}@media (prefers-color-scheme:dark){:root{--bg:#000;--text:#fff;--dim:#979797;--faint:#6f6f6f}}@media (width>=900px) and (height>=500px){:root{--page:144ch;--standing:58ch;--header:3lh;--gutter-left:max(var(--inline), env(safe-area-inset-left), calc((100vw - var(--page)) / 2));--gutter-right:max(var(--inline), env(safe-area-inset-right), calc((100vw - var(--page)) / 2))}}@media (width>=900px) and (height>=500px) and (display-mode:standalone){:root{--header:5lh}}*{box-sizing:border-box;border-radius:0}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:12px/18px ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}h1,p{font-size:inherit;font-weight:inherit;margin:0}p:empty{display:none}button,input,textarea{font:inherit;color:inherit;-webkit-appearance:none;appearance:none}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.login{padding:1lh var(--inline);justify-content:center;align-items:center;display:flex}.login-form{flex-direction:column;gap:1lh;width:100%;max-width:44ch;display:flex}.login-title{font-weight:700}.login-input{border:1px solid var(--text);background:var(--bg);flex:none;width:100%;min-width:0;height:3lh;padding:0 2ch}.login-input::placeholder{color:var(--dim);opacity:1}.login-input:focus{outline:none}.login-input.hidden{opacity:0;border:0;width:1px;height:1px;padding:0;position:absolute}.login-error{background:var(--text);color:var(--bg);margin:0 -1ch;padding:0 1ch}.login-button{flex:none;height:3lh;padding:0 2ch;font-weight:700}@media (hover:hover){.login-button:hover{text-decoration:underline}}
