@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&display=swap";*{box-sizing:border-box}:root{--bg: #fbf7ed;--text: #191714;--muted: #6f685f;--danger: #8f0012;--error: #c00}:root[data-theme=dark]{--bg: #141312;--text: #f5efe3;--muted: #a8a096;--danger: #ff9aa6;--error: #ff6f7d;color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Courier Prime,Courier New,Courier,monospace;font-size:16px}button,input,textarea{font:inherit}button{border:0;border-radius:0;background:transparent;color:var(--text);min-height:44px;padding:0;text-align:left;text-decoration:underline;text-underline-offset:.2em}main{width:min(68ch,100%);margin:0 auto;padding:1rem 1rem 5rem}.theme-toggle{display:block;width:fit-content;min-height:0;margin-bottom:.4rem;line-height:1}header{padding:.75rem 0 1rem}h1,h2,p{margin:0}h1,h2{font-size:1rem;font-weight:700}header p,.hint,.status,time{color:var(--muted)}.top-level-error{position:fixed;top:0;left:0;z-index:3;width:100%;margin:0;padding:.75rem 1rem;background:var(--bg);color:var(--error)}.top-level-error button{display:block;margin-bottom:.5rem;color:var(--error)}.top-level-error pre{margin:0;white-space:pre-wrap}.chrome-warning,.chrome-warning a{color:var(--error)}.instruction-warning{font-size:.8125rem}.feed{display:grid}.post{display:grid;gap:.75rem;padding:1rem 0 1.25rem}video{width:100%;border-radius:0;filter:grayscale(1)}.post img{width:50%;border-radius:0;filter:grayscale(1)}.instruction-image{width:50%;border-radius:0;background:var(--bg)}.meta{display:flex;align-items:baseline;gap:.5rem}.meta time{font-size:.8125rem}.post p{line-height:1.45;white-space:pre-wrap}.audio-card{display:grid;grid-template-columns:auto auto auto;width:fit-content;gap:.45rem;align-items:center;color:var(--muted);font-size:.875rem}.audio-card button{min-height:auto}.waveform{display:flex;height:1.15rem;align-items:center;gap:1px}.waveform span{width:1.5px;min-height:2px;background:var(--text)}.expand{border:0;padding:0 0 0 .3rem;text-decoration:underline}.new-posts{position:sticky;top:0;z-index:1;width:100%;margin:.5rem 0;padding:.75rem 0;background:var(--bg)}.compose{position:fixed;right:0;bottom:0;left:0;padding:1rem;background:var(--bg);border-top:1px solid var(--text);font-size:1rem}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;background:var(--bg);padding:1rem}.modal{display:grid;gap:1rem;width:min(68ch,100%);margin:0 auto;background:var(--bg);padding:0}.close{justify-self:end}input,textarea{width:100%;border:0;border-radius:0;border-bottom:1px solid var(--text);background:transparent;color:var(--text);padding:.65rem 0}textarea{min-height:12rem;resize:vertical;border:1px solid var(--text);padding:.75rem}.draft-form,.draft-photo-actions{display:grid;gap:.75rem}.draft-photo-actions button{width:fit-content}.draft-photo-actions video{width:50%}.draft-audio{grid-template-columns:auto auto auto auto}.draft-name{display:flex;align-items:baseline;gap:.5rem;width:fit-content}.draft-author{width:14ch;min-width:0;padding:0;color:var(--text);font-weight:700}.draft-name.needs-attention .draft-author{border-bottom-color:var(--danger)}.record,.stop{color:var(--danger)}button:disabled{opacity:.5}