:root{--focus-outline-width:2px;--focus-outline-style:solid;interpolate-size:allow-keywords}*,:after,:before{box-sizing:border-box}html{text-size-adjust:none;hanging-punctuation:first last}:has(:target),html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){:has(:target),html:focus-within{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{margin:0;line-height:1.5}figure,h1,h2,h3,h4,h5,h6,li,ol,p,ul{margin-block:0}figure:not([class]),ol:not([class]),p:not([class]),ul:not([class]){margin-block:1em}li:not([class]){margin-block:.5em}h1:not([class]),h2:not([class]),h3:not([class]),h4:not([class]),h5:not([class]),h6:not([class]){margin-block:.75em}ul[role=list],ol[role=list],ul[class],ol[class]{padding:0;list-style:none}button,h1,h2,h3,h4,h5,h6,input,label{line-height:1.1}h1,h2,h3,h4,h5,h6{text-wrap:balance;letter-spacing:-.05ch}blockquote,figcaption,figure,h1,h2,h3,h4,h5,h6,li,p{overflow-wrap:break-word;word-break:normal}figcaption,li,p{text-wrap:pretty}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}canvas,img,picture,svg,video{max-width:100%;display:block}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}:root{font-family:BlinkMacSystemFont,-apple-system,avenir next,avenir,segoe ui,helvetica neue,helvetica,Cantarell,Ubuntu,roboto,noto,arial,sans-serif}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}article,main,section{container-type:inline-size}:focus-visible{outline:var(--focus-outline-width,2px) solid var(--focus-outline-color,#4d90fe);outline-offset:2px;outline-style:var(--focus-outline-style,solid)}[type=button],[type=reset],[type=submit],button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root,:root:has(body[data-theme=dark]){--one:#121216;--two:#e8e6e1;--dot:#50505080;color-scheme:dark}:root:has(body[data-theme=dark_hc]){--one:#000;--two:#fff;--dot:#ffffff45;color-scheme:dark}:root:has(body[data-theme=light]){--one:#e8e6e1;--two:#121216;--dot:#827964;color-scheme:light}:root:has(body[data-theme=bitbee]){--one:#292b30;--two:#cfab4a;--dot:#cfab4a47;color-scheme:dark}:root:has(body[data-theme=bitbee_inv]){--one:#cfab4a;--two:#292b30;--dot:#292b3078;color-scheme:light}:root:has(body[data-theme=station_defender]){--one:#17141c;--two:#a692b0;--dot:#a692b045;color-scheme:dark}:root:has(body[data-theme=paper_palette]){--one:#f6e7c1;--two:#3e3e3e;--dot:#3e3e3e8a;color-scheme:light}:root:has(body[data-theme=paper_palette_inv]){--one:#3e3e3e;--two:#f6e7c1;--dot:#f6e7c129;color-scheme:dark}:root:has(body[data-theme="4am"]){--one:#352b30;--two:#e6d4be;--dot:#e6d4be3b;color-scheme:dark}:root:has(body[data-theme=console]){--one:#000;--two:#00ffae;--dot:#00ffae40;color-scheme:dark}:root:has(body[data-theme=console_green]){--one:#000;--two:#86ea16;--dot:#86ea164a;color-scheme:dark}:root:has(body[data-theme=console_orange]){--one:#000;--two:#ff9c40;--dot:#ff9c4059;color-scheme:dark}:root:has(body[data-theme=nokia_3310]){--one:#43523d;--two:#c7f0d8;--dot:#c7f0d845;color-scheme:dark}:root:has(body[data-theme=chasing_light]){--one:#000;--two:#ffff02;--dot:#ffff0247;color-scheme:dark}:root:has(body[data-theme=ongbit]){--one:#151d24;--two:#ed8463;--dot:#ed846347;color-scheme:dark}:root{accent-color:var(--two);--focus-outline-color:var(--two);scrollbar-color:var(--two) var(--one);color:var(--two);font-family:Roboto Mono}:root::selection{background:var(--two);color:var(--one)}:root:has(body[data-bg-dots=false]){--dot-bg:none}:root{--dot-bg:radial-gradient(var(--dot) 1px, #0000 1px);--dot-size:24px 24px}html,body{background-color:var(--one);background-image:var(--dot-bg);background-size:var(--dot-size);height:100%;color:var(--two);background-attachment:fixed}input,select{background-color:var(--one);border:#0000}button{opacity:.75;background:0 0;border:none}button:hover{opacity:1}div#appWrapper{height:100%;display:block!important}.app-container{grid-template-rows:1fr;align-content:start;justify-items:center;gap:.5rem;height:100%;display:grid}main#appMain{width:min(1170px,100%);display:grid}.notepad-textarea{resize:none;background:0 0;border:none;outline:none;margin-inline:auto;padding:2rem 1rem 5rem}.notepad-textarea::placeholder{color:currentColor;opacity:.5}header.app-header{background-color:var(--one);background-image:var(--dot-bg);background-size:var(--dot-size);background-attachment:fixed;width:auto;padding:.4rem .6rem;position:absolute;right:1rem}header.app-header button{background:0 0;border:none;padding:0 .5rem}footer.app-footer{background-color:var(--one);background-image:var(--dot-bg);background-size:var(--dot-size);pointer-events:none;background-attachment:fixed;padding:.2rem;font-size:.8rem;position:absolute;bottom:0;right:1rem}dialog{background-color:var(--one);border-color:var(--two);color:var(--two);border-width:4px;padding:0 0 1rem}dialog::backdrop{background-color:#0000001f}dialog .modal-content{grid-template-rows:auto 1fr auto;height:100%;display:grid}dialog .modal-content .modal-header{background-color:var(--two);color:var(--one);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:4px;display:flex}dialog .modal-content .modal-header h2{margin-right:auto;font-size:1rem;font-weight:400;line-height:1}dialog .modal-content .modal-header #btnCloseSettings,dialog .modal-content .modal-header #btnCloseSnapshots{font-size:1.75rem}dialog#modalSettings{width:min(600px,100%);height:min(650px,100%)}dialog#modalSettings .settings-wrap{flex-direction:column;gap:1rem;min-height:100%;padding:2rem 1rem 1rem;font-size:clamp(.9rem,.3074rem + 2.963vw,1.5rem);display:flex;overflow:auto}dialog#modalSettings .setting-group{border-bottom:1px dashed var(--dot);flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}dialog#modalSettings .btn-install{margin-top:auto;padding-top:2rem}dialog#modalSettings input,dialog#modalSettings select{text-align:right;line-height:0}dialog#modalSnapshots{width:min(900px,100%);height:min(900px,100%)}dialog#modalSnapshots .modal-header{justify-content:flex-end;gap:0 .5rem}dialog#modalSnapshots .snapshots-top-btns{align-items:center;display:flex}dialog#modalSnapshots .snapshots-top-btns button{line-height:1}dialog#modalSnapshots .snapshots-top-btns span{opacity:.4;pointer-events:none}dialog#modalSnapshots ul#snapshotList{align-content:start;gap:1rem;margin-top:.75rem;padding:1rem;display:grid;overflow:auto}dialog#modalSnapshots li.snapshot-item{border-bottom:1px dashed var(--dot);justify-content:space-between;gap:1rem;padding-bottom:1rem;display:flex}dialog#modalSnapshots .snapshot-info{gap:.75rem;display:grid}dialog#modalSnapshots .snapshot-bottom-bar{align-items:center;font-size:.9rem;display:flex}dialog#modalSnapshots .snapshot-bottom-bar>*{opacity:.55}dialog#modalSnapshots .snapshot-bottom-bar button:hover{opacity:1}dialog#modalSnapshots p.snapshot-date{margin-right:auto;padding-right:.5rem}dialog#modalSnapshots span.snapshot-snippet{font-size:1.3rem;line-height:1.2}div#toast{background-image:radial-gradient(var(--dot) 1px, #0000 1px);color:var(--one);background-color:var(--two);padding:.2rem .7rem;line-height:1;display:none;position:absolute;top:2.4rem;right:1rem}body.is-floating-window header.app-header,body.is-floating-window footer.app-footer{display:none}body.is-floating-window main#appMain{width:100%}.hidden{display:none!important}@font-face{font-display:swap;font-family:Google Sans;font-style:normal;font-weight:400;src:url(/fonts/google-sans-v67-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:IBM Plex Mono;font-style:normal;font-weight:400;src:url(/fonts/ibm-plex-mono-v20-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto Mono;font-style:normal;font-weight:400;src:url(/fonts/roboto-mono-v31-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Red Hat Mono;font-style:normal;font-weight:400;src:url(/fonts/red-hat-mono-v16-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Noto Serif;font-style:normal;font-weight:400;src:url(/fonts/noto-serif-v33-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Patua One;font-style:normal;font-weight:400;src:url(/fonts/patua-one-v22-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(/fonts/playfair-display-v40-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Nunito Sans;font-style:normal;font-weight:400;src:url(/fonts/nunito-sans-v19-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(/fonts/montserrat-v31-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Karla;font-style:normal;font-weight:400;src:url(/fonts/karla-v33-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/fonts/space-grotesk-v22-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Reenie Beanie;font-style:normal;font-weight:400;src:url(/fonts/reenie-beanie-v22-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Indie Flower;font-style:normal;font-weight:400;src:url(/fonts/indie-flower-v24-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Lekton;font-style:normal;font-weight:400;src:url(/fonts/lekton-v21-latin-regular.woff2)format("woff2")}
