.space,.space.m{height:40px}.space.xl{height:120px}.space.l{height:80px}.space.s{height:20px}.navButton{font-size:1rem;opacity:.6;display:inline-block;cursor:pointer;color:#6f7985;text-decoration:none}.navButton:hover{opacity:1}.navButton.white{color:#fffefa}.navButton.white:before{border:1px solid #FFFEFA}.content{width:100%;max-width:600px;height:calc(100% - 1px);margin:0 auto;padding-top:1px}.app{position:fixed;height:100%;width:100%;top:0;left:0;z-index:100;background:#fffefa;color:#51565d;font-weight:400;transition:box-shadow .1s ease-in}.app button{cursor:pointer}.app.danger{box-shadow:inset 0 0 40px 2px #f45653;transition:box-shadow 3s ease-in}.app .content .writeButton{position:fixed;left:0;bottom:40px;width:100%}.app.night-mode{background:#1a2026;color:#e2e3e3}.app .buttons{position:absolute;top:20px;right:20px;z-index:100;font-size:1.333rem}.app .buttons.left{left:20px}.app.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0}.editor,.app.night-mode .editor{height:calc(100% - 160px);margin-top:80px;position:relative;line-height:1.65;font-size:14pt}.editor textarea,.app.night-mode .editor textarea{display:block;overflow:auto;width:100%;padding:0;height:100%;margin:0;border:none;outline:none;background:transparent;line-height:1.65;font-family:var(--font-serif);caret-color:red;font-size:14pt;resize:none;transition:all .1s linear}.editor textarea::selection,.app.night-mode .editor textarea::selection{color:#fff;background:red}.editor textarea::-webkit-scrollbar,.app.night-mode .editor textarea::-webkit-scrollbar{display:none}.editor.danger textarea,.app.night-mode .editor.danger textarea{color:#f45653;transition:all 3s linear;filter:blur(2px)}.editor.hardcore textarea:not(:empty),.app.night-mode .editor.hardcore textarea:not(:empty){filter:blur(8px)}.editor .hardcore,.app.night-mode .editor .hardcore{font-size:300pt;font-family:var(--font-serif);text-align:center;color:#51565d;width:100%;position:absolute;height:calc(100% - 60px);margin:0 auto;box-sizing:border-box;pointer-events:none}.editor:before,.editor:after,.app.night-mode .editor:before,.app.night-mode .editor:after{content:"";width:100%;height:6em;display:block;position:absolute;left:0;top:0;pointer-events:none;transition:all 2s linear;background:linear-gradient(to bottom,#fff0,#fff0)}.editor.cut-top:before,.app.night-mode .editor.cut-top:before{background:linear-gradient(to bottom,#fffefa,#fff0)}.editor.cut-bottom:after,.app.night-mode .editor.cut-bottom:after{top:auto;bottom:0;background:linear-gradient(to bottom,#fff0,#fffefa)}.app.night-mode .editor textarea,.app.night-mode .editor .hardcore{color:#e2e3e3}.app.night-mode .editor.cut-top:before{background:linear-gradient(to bottom,rgb(26,32,38) 0%,transparent 100%)}.app.night-mode .editor.cut-bottom:after{background:linear-gradient(to bottom,transparent 0%,rgb(26,32,38) 100%)}.progress,.app.night-mode .progress{position:fixed;top:0;left:0;height:4px;width:100%}.progress div,.app.night-mode .progress div{height:4px;background:#4f6079;box-shadow:-1px 1px 4px #4f607980;transition:all .3s ease-out}.progress.danger div,.app.night-mode .progress.danger div{background:#f45653;box-shadow:-1px 1px 4px #f4565380}.progress.won,.app.night-mode .progress.won{top:-8px;opacity:0;transition:all 1s 3s ease-out}.progress.won div,.app.night-mode .progress.won div{background:#86d045;height:8px;box-shadow:0 2px 5px #86d0454d}.app.night-mode .progress div{background:#6089c6;box-shadow:-1px 1px 4px #6089c680}.wordcount{position:fixed;bottom:40px;text-align:center;width:100%;left:0;opacity:.4}.writeButton{position:relative;display:flex;justify-content:center;align-items:center}.writeButton.small .session-chooser{bottom:35px}.writeButton a,button{text-align:center;margin:0 auto;padding:12px 40px;text-decoration:none!important;font-family:var(--font-display);font-size:1.333rem;font-weight:700!important;display:inline-block;border:none;border-radius:100px}.writeButton a.white,button.white{color:#fffefa;cursor:pointer;outline:none}.writeButton a.white.ghost,button.white.ghost{background:none;border:1px solid #FFFEFA;color:#fffefa}.writeButton a.white.ghost:hover,button.white.ghost:hover{background:#fffefa;color:#fffefa}.writeButton a.white.ghost:hover,button.white.ghost:hover{color:#f45653}.writeButton a.light,button.light{color:#fffefa;cursor:pointer;outline:none}.writeButton a.light.ghost,button.light.ghost{background:none;border:1px solid rgb(197.4,200.8,203.2);color:#c5c9cb}.writeButton a.light.ghost:hover,button.light.ghost:hover{background:#c5c9cb;color:#fffefa}.writeButton a.red,button.red{color:#fffefa;cursor:pointer;outline:none}.writeButton a.red.ghost,button.red.ghost{background:none;border:1px solid #F45653;color:#f45653}.writeButton a.red.ghost:hover,button.red.ghost:hover{background:#f45653;color:#fffefa}.writeButton a.green,button.green{color:#fffefa;cursor:pointer;outline:none}.writeButton a.green.ghost,button.green.ghost{background:none;border:1px solid #86D045;color:#86d045}.writeButton a.green.ghost:hover,button.green.ghost:hover{background:#86d045;color:#fffefa}.writeButton a.square,button.square{border-radius:4px;font-weight:400}.writeButton a.small,button.small{padding:8px 32px;font-size:1rem}.writeButton a.tiny,button.tiny{font-weight:400!important;padding:4px 16px;font-size:.75rem;margin-right:5px;vertical-align:17%}.full{display:flex;flex-direction:column}.session-chooser{position:absolute;bottom:50px;font-size:.75rem;-webkit-user-select:none;user-select:none}.session-chooser .full,.session-chooser .compact{text-align:center;background:#6f7985;display:flex;width:auto;padding:5px 8px;border-radius:2px;color:#e2e3e3;-webkit-font-smoothing:antialiased;font-weight:400;margin:0 auto 20px;position:relative}.session-chooser .full:after,.session-chooser .compact:after{content:"";display:block;border:10px solid transparent;border-top-color:#6f7985;position:absolute;bottom:-20px;left:calc(50% - 10px)}.session-chooser .full{box-shadow:0 2px 5px 1px #0000001a}.session-chooser .full.minutes .tabs span.minutes,.session-chooser .full.words .tabs span.words{color:#fffefa;-webkit-font-smoothing:subpixel-antialiased}.session-chooser .full .tabs{margin:5px 0 10px;color:#c5c9cb;cursor:pointer}.session-chooser .full .radios{margin:10px;white-space:nowrap}.session-chooser .hardcore{cursor:pointer;margin:0 0 5px;font-size:.7rem}.session-chooser .hardcore:before{content:"";vertical-align:middle;width:13px;height:13px;margin-right:4px;border:1px solid rgb(197.4,200.8,203.2);display:inline-block}.session-chooser .hardcore.checked{color:#fffefa}.session-chooser .hardcore.checked:before{border-color:#fffefa;background:#fffefa;box-shadow:inset 0 0 0 2px #6f7985}.session-chooser .radio{border-radius:50%;opacity:.5;cursor:pointer;display:inline-block;text-align:center;min-width:26px;line-height:26px;height:26px;border:1px solid transparent}.session-chooser .words .radio{margin:0 5px}.session-chooser .radio.active{opacity:1;-webkit-font-smoothing:subpixel-antialiased;border:1px solid #FFFEFA}.session-chooser .compact{line-height:16px;cursor:pointer}.session-chooser .compact:hover .edit{color:#fffefa}.session-chooser span.choice{color:#fff;display:flex;align-items:center;gap:2px;margin-left:2px;border-bottom:1px dotted rgb(226.2,227.4,226.6)}.helpButton{position:fixed;top:20px;left:20px}.failure{position:fixed;left:0;top:0;width:100%;height:100%;background:#f45653;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:900}.failure .inner{opacity:1}.failure h3{text-align:center;color:#fffefa;font-weight:700;font-size:3.157rem}.failure.failure-enter{background:transparent;box-shadow:inset 0 0 0 2px transparent}.failure.failure-enter .inner{opacity:0}.failure.failure-enter.failure-enter-active{box-shadow:inset 0 0 20px 1000px #f45653;background:#f45653;transition:box-shadow .3s ease-in,background .3s .1s ease-in}.failure.failure-enter.failure-enter-active .inner{opacity:1;transition:opacity .5s .2s ease-out}.tweet{border:1px solid #FFFEFA;color:#fffefa;text-decoration:none;border-radius:4px;padding:8px 12px;font-family:Merriweather;text-align:left;line-height:150%;display:block;margin-bottom:30px;position:relative;opacity:.5;margin-left:60px}.tweet.narrow{margin:0 120px}.tweet.dark{border:1px solid #1D8EF0;opacity:1;color:#51565d}.tweet.dark:before{border-right:10px solid #1D8EF0}.tweet.dark:after{color:#1d8ef0}.tweet.dark:hover{color:#fffefa;background:#1d8ef0}.tweet:hover{opacity:1}.tweet:before{content:"";display:block;position:absolute;left:-20px;top:calc(50% - 10px);border:10px solid transparent;border-right:10px solid #FFFEFA}.tweet:after{content:"t";display:block;position:absolute;font-size:2.369rem;left:-60px;color:#fffefa;bottom:calc(50% - 20px)}@media (max-height: 600px){.space-xl{height:60px}.space-l{height:40px}.space-m{height:20px}.space-s{height:10px}#input-wrap{margin-top:20px;height:calc(100% - 80px)}#wordcount{bottom:20px}}@media (max-width: 680px){.buttons{display:none}.btn{padding:8px 28px;font-size:1.333rem}.btn.btn-small{padding:6px 18px}.writeButton .session-chooser{bottom:40px;font-size:1em}.write_button_wrap.small .session_chooser{bottom:28px}.tweet{margin:30px 20px 0 70px}.tweet:after{font-size:3.157rem}.Welcome .accolades{background-size:calc(100% - 40px);left:0;bottom:0}#input-wrap{margin:20px 0;height:calc(100% - 60px)}#die .content{margin:0;padding:20px;box-sizing:border-box}div.splitscreen .left,div.splitscreen .right{height:auto;width:100%;border:none;padding:0;left:auto;position:static}form{max-width:300px;margin:0 auto}.Welcome,.content{padding:0 20px;box-sizing:border-box}.editor,.app.night-mode .editor{margin-top:50px}#hardcore{font-size:200pt}}