@property --editor-font-family{syntax: "*"; inherits: true; initial-value: sans-serif;}@property --editor-font-size{syntax: "<length>"; inherits: true; initial-value: 18px;}@property --editor-line-height{syntax: "<length> | <number>"; inherits: true; initial-value: 1.6;}@property --editor-text-color{syntax: "<color>"; inherits: true; initial-value: black;}:root{--theme-color-h: 0deg;--theme-color-s: 0%;--theme-color-l: 0%;--move-easing: cubic-bezier(0, .6, .5, 1);--move-duration: .25s;--fade-easing: var(--move-easing);--fade-duration: .5s;--shadow-color: var(--theme-color-h) var(--theme-color-s) 0%;--shadow-elevation-low: 0px .4px .4px hsl(var(--shadow-color) / .28), 0px 1.1px 1.2px -2.8px hsl(var(--shadow-color) / .25);--shadow-elevation-medium: 0px .4px .4px hsl(var(--shadow-color) / .4), 0px 5.6px 6px -2.8px hsl(var(--shadow-color) / .35);--shadow-elevation-high: 0px .4px .4px hsl(var(--shadow-color) / .37), 0px 2.4px 2.6px -.9px hsl(var(--shadow-color) / .35), 0px 7.1px 7.6px -1.9px hsl(var(--shadow-color) / .33), 0px 18.7px 20.1px -2.8px hsl(var(--shadow-color) / .3)}@font-face{font-family:IBM Plex Sans;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-sans-jAY7t238.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-weight:400;font-display:swap;src:url(/assets/noto-sans-regular-CF_EggQ_.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:700;font-display:swap;src:url(/assets/ibm-plex-sans-bold-C9yvAgzR.woff2) format("woff2")}@font-face{font-family:"IBM Plex Serif";font-weight:400;font-display:swap;src:url(/assets/ibm-plex-serif-U60GzQES.woff2) format("woff2")}@font-face{font-family:"Noto Serif";font-weight:400;font-display:swap;src:url(/assets/noto-serif-regular-BWmBr9Bw.woff2) format("woff2")}@font-face{font-family:Merriweather;font-weight:400;font-display:swap;src:url(/assets/merriweather-regular-Dlx1w5Ul.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-weight:400;font-display:swap;src:url(/assets/ibm-plex-mono-Bq612tuV.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-weight:400;font-display:swap;src:url(/assets/jetbrainsmono-regular-BQaDgvhP.woff2) format("woff2")}@font-face{font-family:Monaspace Radon;font-weight:400;font-display:swap;src:url(/assets/monaspace-radon-light-BsEVJjeX.woff) format("woff2")}@font-face{font-family:Kalam;font-weight:400;font-display:swap;src:url(/assets/kalam-C-yha1n0.woff2) format("woff2")}@font-face{font-family:OpenDyslexic;font-weight:400;font-display:swap;src:url(/assets/open-dyslexic-3-CU_rWXyZ.woff2) format("woff2")}@font-face{font-family:Duo;font-weight:400;font-display:swap;src:url(/assets/iawriter-duo-Cz4bgMvL.woff2) format("woff2")}@font-face{font-family:Quattro;font-weight:400;font-display:swap;src:url(/assets/iawriter-quattro-CS_Vpeb6.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/assets/inter-v13-latin-regular-BT1H-PT_.woff2) format("woff2")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/assets/inter-v13-latin-700-C2zfFY7I.woff2) format("woff2")}*{margin:0;padding:0;border:none;background:none;outline:none;font-family:Inter,sans-serif;font-size:12px;line-height:17px;cursor:default}html{height:100%}body{--theme-background: black;--theme-text-color: white;--theme-secondary-l-modifier-darker: .85;--theme-secondary-c-modifier-darker: .9;--theme-secondary-l-modifier-lighter: 1.05;--theme-secondary-c-modifier-lighter: 1.1;--theme-secondary-l-modifier: var(--theme-secondary-l-modifier-lighter);--theme-secondary-c-modifier: var(--theme-secondary-c-modifier-lighter);--theme-background-secondary: oklch( from var(--theme-background) calc(l * var(--theme-secondary-l-modifier)) calc(c * var(--theme-secondary-c-modifier)) h );position:absolute;inset:0;overflow:hidden;background-image:none;background-repeat:no-repeat;background-size:cover;background-position:center;transition:background var(--fade-duration) var(--fade-easing)}a{color:inherit;cursor:pointer}textarea{resize:none}#editors{position:fixed;inset:40px 0 0;.textarea-box{--blur: 10px;--padding: 10px;display:grid;grid-template-rows:1fr auto;position:absolute;top:0;bottom:0;padding:var(--padding);padding-top:5px;padding-bottom:5px;text-align:center;opacity:1;visibility:visible;transition:left var(--move-duration) var(--move-easing),right var(--move-duration) var(--move-easing);&.textarea-box--is-minimized{opacity:0;visibility:hidden;z-index:-1}}#left-box{left:0;right:50%;padding-right:calc(var(--padding) * .5)}#right-box{right:0;left:50%;padding-left:calc(var(--padding) * .5)}&:has(>.textarea-box--is-minimized) :is(#left-box,#right-box){padding-inline:var(--padding)}& textarea{color:var(--theme-text-color, black);font-family:var(--editor-font-family);font-size:var(--editor-font-size);line-height:var(--editor-line-height);box-sizing:border-box;width:100%;height:100%;padding:18px 22px;margin:0 auto;cursor:text;background:#0006;border-radius:8px;transition:background var(--fade-duration) var(--fade-easing),color var(--fade-duration) var(--fade-easing),box-shadow var(--move-duration) var(--move-easing);box-shadow:0 0 0 1px #fff6;&:focus{box-shadow:0 0 0 4px #fff6}.light-theme &{background:#ffffff80;box-shadow:0 0 0 1px #0006}.light-theme &:focus{box-shadow:0 0 0 4px #0006}.has-background-image &{-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur))}}.textarea-toolbar{display:flex;justify-content:center;padding-top:5px}}::-webkit-scrollbar{background:none;width:14px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff80;border:4px solid hsla(0,0%,100%,0);border-radius:7px;background-clip:content-box}body.light-theme ::-webkit-scrollbar-thumb{background:#00000080;border:4px solid hsla(0,0%,100%,0);background-clip:content-box}#toolbar{position:fixed;top:0;left:0;right:0;height:40px;overflow:hidden;color:#fff;background:var(--theme-background);transition:height var(--move-duration) var(--move-easing),color var(--fade-duration) var(--fade-easing),background var(--fade-duration) var(--fade-easing);-webkit-user-select:none;user-select:none;.light-theme &{color:#000}}#toolbar .toolbar-top-row{display:grid;grid-template-columns:auto 1fr auto;box-sizing:border-box;margin-left:env(titlebar-area-x,0);margin-right:calc(100% - env(titlebar-area-x,0) - env(titlebar-area-width,0));padding-left:20px;padding-right:20px;height:40px;white-space:nowrap;overflow:hidden;-webkit-app-region:drag;app-region:drag}#toolbar .toolbar-left{grid-column-start:1;-webkit-app-region:no-drag;app-region:no-drag}#toolbar .toolbar-right{grid-column-start:3;color:#ffffff4d}#toolbar .expand-toolbar-button{display:inline-block;vertical-align:middle;height:32px;font-size:14px;line-height:32px;padding-left:14px;padding-right:14px;color:#fffc;border-radius:6px;-webkit-app-region:no-drag;app-region:no-drag;transition:color var(--fade-duration) var(--fade-easing),background var(--fade-duration) var(--fade-easing);&:hover{background:#fff3}&:active{background:#ffffff4d}.light-theme &{color:#000000b3}.light-theme &:hover{background:#0000001a}.light-theme &:active{background:#0003}}#toolbar .expand-toolbar-button.is-current{background:#ffffff4d;color:#fff;&:hover{background:#fff6;color:#fff}.light-theme &{background:#0003;color:#000}.light-theme &:hover{background:#0000004d}}#toolbar .toolbar-bottom-row{display:flex;align-items:center;padding:0 20px;width:100%;white-space:nowrap;background:var(--theme-background-secondary);box-shadow:inset 0 -1px #fff3;transition:background-color var(--fade-duration) var(--fade-easing);.light-theme &{box-shadow:inset 0 -1px #0003}}.toolbar-subline{display:flex;align-items:center;height:40px}#toolbar .toolbar-bottom-row button{padding:4px 10px;border:none;border-radius:2px;line-height:20px;font-size:14px;color:#fff;background:#fff3;transition:color var(--fade-duration) var(--fade-easing),background var(--fade-duration) var(--fade-easing);+button{margin-left:8px}&:hover{background:#ffffff59}&:active{background:#ffffff26}.light-theme &{background:#0000001a;color:#000}.light-theme &:hover{background:#0003}.light-theme &:active{background:#0000000d}}#toolbar .icon-button{width:30px}#toolbar input[type=checkbox]+label{padding-left:4px}#toolbar input[type=radio]{visibility:hidden;width:0;height:0;overflow:hidden}#toolbar input[type=radio]+label{padding:4px 8px;border:none;border-radius:3px;font-size:14px;line-height:20px;background:#fff3;color:#fff;.light-theme &{background:#0000001a;color:#333}}#toolbar input[type=radio]+label:hover{background:#ffffff59;.light-theme &{background:#0003}}#toolbar input[type=radio]+label:active{background:#ffffff26;.light-theme &{background:#0000000d}}#toolbar .toolbar-buttonset{display:inline-flex;align-items:center}#toolbar .toolbar-buttonset button,#toolbar .toolbar-buttonset input[type=radio]+label{border-radius:0}#toolbar .toolbar-buttonset label~input[type=radio]+label,#toolbar .toolbar-buttonset button+button{margin-left:1px}#toolbar .toolbar-buttonset button:first-child,#toolbar .toolbar-buttonset input[type=radio]:first-child+label{border-top-left-radius:6px;border-bottom-left-radius:6px}#toolbar .toolbar-buttonset button:last-child,#toolbar .toolbar-buttonset input[type=radio]+label:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}#toolbar .toolbar-bottom-row button.change-textbox-layout-button{font-size:20px;font-weight:700}.toolbar-top-row button{display:inline-block;height:40px;color:#ffffffb3;background:none;border:none;vertical-align:top;border-radius:0;transition:background var(--fade-duration) var(--fade-easing),color var(--fade-duration) var(--fade-easing)}#toolbar .toolbar-bottom-row .open-sidebar-button.is-current,#toolbar .toolbar-buttonset button.is-current,#toolbar .toolbar-buttonset input[type=radio].is-current+label{box-shadow:0 0 0 1px #fff9 inset;.light-theme &{box-shadow:0 0 0 1px #0009 inset}}.toolbar-bottom-row h3{font-weight:700;font-size:14px;padding-left:30px;padding-right:12px;&:first-child{padding-left:0}}.toolbar-bottom-row .infotext{padding-left:15px;&:first-child{padding-left:0}}.toolbar-bottom-row .ui-button{cursor:default!important}.toolbar-bottom-row .ui-button,.toolbar-bottom-row .ui-state-focus{background-color:#262626;color:#e6e6e6}.toolbar-bottom-row .ui-state-active{background-color:#404040;color:#e6e6e6}.toolbar-bottom-row .ui-state-hover{background-color:gray;color:#e6e6e6}#toolbar #savingIndicator{padding-right:20px;color:#fff3;display:none}#clock{display:inline-block;vertical-align:top;font-size:14px;line-height:40px;font-feature-settings:"tnum";color:#fffc;transition:color var(--fade-duration) var(--fade-easing);font-weight:700;.light-theme &{color:#000000e6}}.toolbar-app-logo{display:inline-block;width:40px;height:18px;vertical-align:middle;& svg{max-width:100%;max-height:100%;fill:#ffffffb3}.light-theme & svg{fill:#00000080}}#toolbar-title{color:#ffffff80;font-size:14px;line-height:40px;font-weight:700;transition:color var(--fade-duration) var(--fade-easing);vertical-align:middle;margin-right:20px;.light-theme &{color:#00000080}}#toolbar .checkbox-item input,#toolbar .checkbox-item label{vertical-align:middle}.toolbar-num-value{color:#fff;font-size:14px;padding-right:8px;font-feature-settings:"tnum";.light-theme &{color:#000}}#sidebar{--sidebar-width: 600px;--sidebar-margin: 10px;position:fixed;top:calc(80px + var(--sidebar-margin));left:var(--sidebar-margin);bottom:var(--sidebar-margin);width:var(--sidebar-width);transform:translate(calc(-100% - var(--sidebar-margin)));background:var(--theme-background-secondary);border:1px solid hsla(0,0%,100%,.3);overflow:hidden;border-radius:8px;transition:transform var(--move-duration) var(--move-easing),background-color var(--fade-duration) var(--fade-easing);.light-theme &{border:1px solid hsla(0,0%,0%,.2)}&.is-open{transform:translate(0)}& h1{font-size:22px;font-weight:400;padding:20px 20px 14px;margin:0 0 10px;color:#ffffffb3;transition:color var(--fade-duration) var(--fade-easing);.light-theme &{color:#000c}}& h2{font-size:16px;padding:5px 20px;margin-top:30px;margin-bottom:6px;color:#ffffffb3;font-weight:700;transition:color var(--fade-duration) var(--fade-easing);.light-theme &{color:#00000080}}& h1+h2{margin-top:10px}.sidebar-content{position:absolute;top:0;bottom:0;width:var(--sidebar-width);overflow:auto}.sidebar-content .copyinfo{font-size:14px;margin:0 0 20px;padding:0 20px;color:#fff;transition:color var(--fade-duration) var(--fade-easing);.light-theme &{color:#000}}.sidebar-content .copyinfo a{font-size:inherit;color:inherit;text-decoration:underline;cursor:pointer}:is(.theme-list,.font-list){padding:0 20px;margin-bottom:20px}.theme-list,.font-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}}.font-item{display:block;background:#00000026;color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:9px;font-size:14px;&:not(.font-item--is-current):hover{background:#0000004d;border-color:#ffffff80}.light-theme &{background:hsla(0 0 100 / .5);border-color:#0000004d;color:#000;&:not(.font-item--is-current):hover{background:#fffc;border-color:#0000004d}}}.font-item--is-current{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.7);.light-theme &{background:#0000001a;border:1px solid black}}.font-item__label{font-weight:600;font-size:16px;margin-bottom:8px}.font-item__preview{font-size:14px;line-height:1.4;color:#ffffffb3;.light-theme &{color:#0009}}.theme-item{position:relative;display:grid;grid-template:"preview" 100px "details" auto / 1fr;border-radius:4px;border:1px solid oklch(from var(--background) .55 c h);overflow:hidden;body.light-theme &{border:1px solid oklch(from var(--background) .8 c h)}}.theme-item__preview{grid-area:preview;position:relative;.theme-item--is-current &:before{--size: 24px;content:"✔︎ ";position:absolute;top:10px;left:10px;background:#fff;color:#000;width:var(--size);height:var(--size);line-height:var(--size);text-align:center;border-radius:100%;box-shadow:0 1px 2px hsla(0 0 0 / .4),0 3px 6px hsla(0 0 0 / .2)}}.theme-item__details{grid-area:details;padding-inline:8px;padding-block:4px;background:oklch(from var(--background, white) .9 c h)}.theme-item[dark-theme] .theme-item__details{background:oklch(from var(--background, black) .3 c h)}.theme-item__name{align-self:end;justify-self:start;font-size:14px;font-weight:700;text-transform:uppercase;box-sizing:border-box;margin-bottom:2px}.theme-item__credits{opacity:.8;--font-size: 12px;font-size:var(--font-size);& a{font-size:var(--font-size)}}word-counter{display:block;color:#fff;background:#0006;padding:3px 12px;border-radius:6px;font-weight:700;-webkit-backdrop-filter:blur(var(--blur));backdrop-filter:blur(var(--blur));transition:color var(--fade-duration) var(--fade-easing),background var(--fade-duration) var(--fade-easing);box-shadow:0 0 0 1px #fff6;.light-theme &{background:#fff6;color:#000;box-shadow:0 0 0 1px #0006}}.settings-menu{display:block;position:fixed;left:10px;bottom:10px;top:40px;width:300px;padding:5px;color:#fff;background:#00000080;border:1px solid hsl(0 0% 100% / .1);border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-elevation-high);transform:translate(calc(-100% - 40px));transition:transform var(--move-easing) var(--move-duration);body.light-theme &{color:#000;background:#ffffff80;border:1px solid hsl(0 0% 0% / .2)}&[open]{transform:translate(0)}>:first-child{font-weight:700}>hr{margin-top:5px;margin-bottom:5px;padding:0;border-bottom:1px solid hsl(0 0% 0% / .2)}& button{color:#fff;background:#555;body.light-theme &{color:#000;background:#aaa}}}.settings-menu-item{display:block;padding:8px 14px;border-radius:4px}.numeric-setting{display:flex;align-items:center;>:first-child{margin-right:auto}>:not(:first-child){padding:0 10px}}