@font-face{font-family:My Underwood;src:url(/fonts/MyUnderwood.ttf);font-display:swap}@font-face{font-family:Another Typewriter;src:url(/fonts/AnotherTypewriter.ttf);font-display:swap}@font-face{font-family:Hermes;src:url(/fonts/Hermes.ttf);font-display:swap}@font-face{font-family:Traveling Typewriter;src:url(/fonts/TravelingTypewriter.ttf);font-display:swap}@font-face{font-family:Erika Ormig;src:url(/fonts/ErikaOrmig.ttf);font-display:swap}:root{--paper:#fbf8ee;--ink:#1a1714;--ink-red:#b3261e;--desk-1:#efe9dc;--desk-2:#ddd5c4}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(circle at 50% 0%, var(--desk-1), var(--desk-2));color:var(--ink);font-family:Courier New,monospace}.desk{flex-direction:column;align-items:center;min-height:100vh;padding:40px 0 120px;display:flex}#feed{flex-direction:column;align-items:center;gap:28px;display:flex}.sheet{position:relative}.paper{background:var(--paper);transform:rotate(var(--skew,0deg));transform-origin:50%;background-image:radial-gradient(#786e5a0d 1px,#0000 1px);background-size:3px 3px;border-radius:2px;position:absolute;inset:0;box-shadow:inset 0 0 40px #786e501f,0 6px 24px #0000002e}.platen{transform-origin:50%;position:absolute;inset:0}.glyph{font-family:var(--type-family,"Courier New", monospace);font-size:var(--type-size,14px);color:var(--ink);white-space:pre;pointer-events:none;line-height:1;display:inline-block;position:absolute}.glyph.ink-red{color:var(--ink-red)}.cursor{border-bottom:1.5px solid var(--ink);pointer-events:none;animation:1s steps(2,start) infinite blink;position:absolute}@keyframes blink{50%{opacity:0}}.controls{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3;border:1px solid #00000014;border-radius:999px;align-items:center;gap:14px;padding:8px 14px;transition:opacity .4s;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.desk.typing .controls{opacity:.15}.controls:hover{opacity:1!important}.ctl,.font-select{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-family:Courier New,monospace;font-size:13px}.ctl{opacity:.55;align-items:center;transition:opacity .2s;display:inline-flex}a.ctl{text-decoration:none}.ctl:hover{opacity:1}.ctl svg{display:block}.ctl:focus,.font-select:focus{outline:none}.ctl:focus-visible,.font-select:focus-visible{outline:1px solid var(--ink);outline-offset:1px}.font-picker{opacity:.55;align-items:center;gap:5px;transition:opacity .2s;display:inline-flex}.font-picker:hover{opacity:1}.type-mark{color:var(--ink);display:inline-flex}.type-mark svg{display:block}.font-select{padding:4px 2px}.ink-swatch{border:1px solid var(--ink);background:var(--ink);border-radius:50%;width:12px;height:12px}.ink-swatch[data-color=red]{background:var(--ink-red);border-color:var(--ink-red)}.desktop-only{display:none}@media (pointer:coarse) and (hover:none){#app{display:none}.desktop-only{justify-content:center;align-items:center;min-height:100vh;padding:32px;display:flex}}.desktop-only-card{text-align:center;max-width:22rem;color:var(--ink);font-family:Courier New,monospace}.desktop-only-mark{opacity:.8;margin-bottom:16px}.desktop-only-card h1{margin:0 0 12px;font-size:20px}.desktop-only-card p{opacity:.85;margin:0;font-size:14px;line-height:1.5}.blink-cursor{animation:1s steps(2,start) infinite blink}