@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:400;src:local("IBM Plex Serif"),local("IBMPlexSerif"),url(./fonts/IBMPlexSerif-Text.woff2) format("woff2"),url(./fonts/IBMPlexSerif-Text.woff) format("woff")}@font-face{font-family:"IBM Plex Serif";font-style:normal;font-weight:600;src:local("IBM Plex Serif SemiBold"),local("IBMPlexSerif"),url(./fonts/IBMPlexSerif-SemiBold.woff2) format("woff2"),url(./fonts/IBMPlexSerif-SemiBold.woff) format("woff")}:root{--serif: "IBM Plex Serif", "Georgia", Times, serif;--eigengrau: hsl(240, 14%, 10%);--red: hsl(347, 98%, 49%);color-scheme:dark}html{font-family:var(--serif);background-color:var(--eigengrau);color:#fffc}body{min-height:98vh;background-color:var(--eigengrau)}.home{display:grid;place-content:center;height:95vh;margin-left:16px;margin-right:16px}.header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-end;margin-bottom:10vh}.start{color:currentColor}.controls{display:flex;justify-content:flex-end;border-bottom:hsla(255,100%,100%,.1) 1px solid}.download{display:grid;place-content:center;cursor:pointer;background-color:#0006;width:40px;height:40px;border-radius:6px;transition:background-color ease .4s}.download:hover{background-color:#000c}.download-icon{width:24px;height:24px}.write{display:grid;grid-template-rows:48px auto;height:calc(100vh - 18px)}.writing-stack{overflow-y:auto;padding:0 16px;margin-top:24px}@media (max-width: 414px){.writing-stack{margin-top:16px}}textarea{resize:none;height:100vh;width:0px;opacity:0;position:fixed}.text{margin:auto;font-family:var(--serif);font-size:1.5rem;line-height:200%;width:min(65ch,95%);height:100%;word-wrap:wrap;word-break:keep-all}@media (max-width: 414px){.text{font-size:1.2rem}}.text>span:last-of-type::after,.text>.placeholder::before{content:"";width:2px;height:28px;background-color:#dcdcdc;position:relative;left:4px;top:7px;border-radius:2px;display:inline-block;animation-duration:2s;animation-name:cursorpulse;animation-iteration-count:infinite}.placeholder{color:#fff6}.text>span.placeholder::after{content:"";width:0px}.typed>span:last-of-type{opacity:1;animation-duration:.3s;animation-name:fadein;animation-iteration-count:1}.text.error-back>span:last-of-type::after,.text.error-back>.placeholder::before{content:"";animation-duration:300ms;animation-name:cursorErrorBack;animation-iteration-count:1}.text.error-forward>span:last-of-type::after,.text.error-forward>.placeholder::before{content:"";animation-duration:300ms;animation-name:cursorErrorForward;animation-iteration-count:1}.text.error-up>span:last-of-type::after,.text.error-up>.placeholder::before{content:"";animation-duration:300ms;animation-name:cursorErrorUp;animation-iteration-count:1}.text.error-down>span:last-of-type::after,.text.error-down>.placeholder::before{content:"";animation-duration:300ms;animation-name:cursorErrorDown;animation-iteration-count:1}.text.error-up>span:last-of-type::after,.text.error-up>.placeholder::before{content:"";animation-duration:300ms;animation-name:cursorErrorUp;animation-iteration-count:1}@keyframes cursorpulse{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes cursorErrorBack{0%{opacity:1;transform:translateX(0px);background-color:var(--red)}35%{opacity:1;transform:translateX(-1px)}65%{opacity:1;transform:translateX(0px)}to{opacity:0;transform:translateX(0px);background-color:var(--red)}}@keyframes cursorErrorForward{0%{opacity:1;transform:translateX(0px);background-color:var(--red)}35%{opacity:1;transform:translateX(1px)}65%{opacity:1;transform:translateX(0px)}to{opacity:0;transform:translateX(0px);background-color:var(--red)}}@keyframes cursorErrorUp{0%{opacity:1;transform:translateY(0px);background-color:var(--red)}35%{opacity:1;transform:translateY(-1px)}65%{opacity:1;transform:translateY(0px)}to{opacity:0;transform:translateY(0px);background-color:var(--red)}}@keyframes cursorErrorDown{0%{opacity:1;transform:translateY(0px);background-color:var(--red)}35%{opacity:1;transform:translateY(1px)}65%{opacity:1;transform:translateY(0px)}to{opacity:0;transform:translateY(0px);background-color:var(--red)}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.transition-fade{transition:.4s;opacity:1}html.is-animating .transition-fade{opacity:0}