.no-js .journal-button-group,.no-js .loader,.no-js .loader:after,.no-js .primary-navigation,.no-js .sticky-header-text,.no-js .theme-toggler,.no-js hr{display:none}.no-js .header{position:static}noscript p{background-color:var(--body-fg);border:.1875rem solid var(--warning);border-radius:.75rem;color:var(--el-bg);margin-block-start:1rem;margin-inline:auto;padding:1em 1.5em;text-align:center;text-wrap:balance;width:fit-content}:root{color-scheme:light;overflow-y:scroll;--skip-link-gap:20rem;--mobile-menu-height:11rem;--animation-timing:250ms;--bold:600;--border-radius:1.25rem;--trim:trim-both cap alphabetic;--shadow-top:0 -0.25rem 0.375rem;--shadow-bottom:0 0.25rem 0.375rem;--shadow-right-bottom:0.25rem 0.25rem 0.5rem;--focus:255,165,0;--body-bg:#efecec;--body-fg:#000;--el-bg:#fff;--accent-colour:blue;--image-invert:0;--shadow-colour:rgba(0,0,0,.2);--warning:#b10202}.darkmode{color-scheme:dark;--body-bg:#333;--body-fg:#fff;--el-bg:#000;--accent-colour:aqua;--image-invert:1;--shadow-colour:rgba(0,0,0,.5);--warning:#ff7a7a}@media (prefers-color-scheme:dark){:root{--body-bg:#333;--body-fg:#fff;--el-bg:#000;--accent-colour:aqua;--image-invert:1;--shadow-colour:rgba(0,0,0,.5)}}*,:after,:before{box-sizing:border-box;margin:0}:focus-visible{outline:.125rem solid rgb(var(--focus));outline-offset:.1875rem}body{background-color:var(--body-bg);font-family:Calibri,system-ui,sans-serif;font-size:clamp(1.156rem,1.1182rem + .1757vw,1.25rem)}@media (prefers-reduced-motion:no-preference){body{transition:background-color .25s linear}}body{color:var(--body-fg);display:grid;grid-template-rows:auto 1fr auto;line-height:1.5;min-height:100vh;min-height:100dvh;position:relative}.h1{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(1.75rem,1.4486rem + 1.4019vw,2.5rem);gap:1rem;justify-content:center;margin-inline:auto}.h1 svg{height:3.125rem;width:3.125rem;fill:var(--body-fg)}.h1 span{text-align:center;text-box:var(--trim)}@media screen and (width < 31.25rem){.h1{gap:.75rem;line-height:1.2;margin-inline:.75rem}}img,picture{display:block}img{height:auto;max-width:100%}p{text-wrap:pretty}p:empty{display:none}.h1,h1,h2,h3{text-wrap:balance}.h1,h2{font-weight:400}h1,h2{text-align:center}h1{font-size:clamp(1.5rem,1.2991rem + .9346vw,2rem)}h2{font-size:clamp(1.25rem,1.1495rem + .4673vw,1.5rem)}h3{font-size:clamp(1.156rem,1.1182rem + .1757vw,1.25rem)}h4{font-size:1.1rem}h2,h3,h4{font-weight:var(--bold)}h3,h4{text-align:left}h4{text-transform:uppercase}::file-selector-button,button,input,textarea{all:unset;font-family:inherit;font-size:inherit}::file-selector-button,button{cursor:pointer}input,textarea{background-color:var(--el-bg);border-color:inherit;color:inherit;font-weight:400;padding:1em}textarea{height:auto;overflow:auto}a{color:var(--body-fg);text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:"";padding-inline-start:0}ul.bullet{padding-inline-start:1.5rem}ul.bullet,ul.bullet ul{list-style-type:disc}ul ul{padding-inline-start:1.5rem}:is(ul ul) ul{list-style-type:disc}b,strong{font-weight:600}code{font-family:Courier New,Courier,monospace;font-weight:900}.container{--_content-max-width:70ch;--_content-space-outside:0.75rem;margin-inline:auto;width:min(var(--_content-max-width),100% - var(--_content-space-outside) * 2)}.flow>*+*{margin-block-start:1em}.element{padding:1rem}a[href^=https]{color:var(--accent-colour);text-underline-offset:.5em}a[href^=https]:after{color:var(--accent-colour);content:" \27F6"}.element,.footer,.header{background-color:var(--el-bg)}.footer{padding-block:1.5em;text-align:center}.header{margin-block-start:0;padding-block:1.5em 1em}.main{display:flex;flex-direction:column;gap:4rem;padding-block:1em 3em}.skip-link{background-color:var(--body-bg);color:var(--body-fg);font-weight:600;margin-block-start:0;margin-inline-end:.625rem;padding:.3125rem .625rem}.element-invisible{clip:rect(.0625rem,.0625rem,.0625rem,.0625rem);height:.0625rem;left:0;overflow:hidden;position:absolute;top:0;z-index:200}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{clip:auto;height:auto;overflow:visible}.visually-hidden{border:0;clip-path:inset(0);height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem}.primary-navigation{padding-block-start:1rem}.primary-navigation ul{align-items:baseline;display:flex;gap:1.25rem;margin-inline:auto;width:fit-content}.primary-navigation a{border-block-end:.3125rem solid transparent;color:var(--accent-colour);cursor:pointer;display:block;margin-block-end:.625rem;padding-block-end:.3125rem;text-decoration:none}[aria-current=page]:is(.primary-navigation a){border-block-end:.3125rem solid var(--body-bg);color:var(--body-fg);pointer-events:none}@media (hover:hover){.primary-navigation a:hover{border-block-end:.3125rem solid var(--body-bg);color:var(--body-fg)}}.lazy-loaded-image{opacity:0;transition:opacity 1s ease}.lazy-loaded-image:not(.lazy){opacity:1}.theme-toggler{gap:.625rem;margin-block-start:0;padding:.3125rem .625rem;position:absolute;right:0;top:0}.theme-toggler,.theme-toggler button{align-items:center;border:0;display:flex}.theme-toggler button{background-color:var(--accent-colour);border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-size:clamp(.875rem,.8248rem + .2336vw,1rem);height:.8125rem;justify-content:flex-start;padding:.125rem;width:1.5625rem}:is(.theme-toggler button) span{background-color:#fff;border-radius:50%;height:.8125rem;width:.8125rem}.theme-toggler p{color:var(--body-fg);font-size:.875rem;font-weight:600}.theme-toggler .underline{border-bottom:.0625rem solid}.darkmode .theme-toggler button{justify-content:flex-end}.loader{align-items:center;background-color:var(--body-bg);color:var(--body-fg);display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.loader-hidden{opacity:0;visibility:hidden}.loader:after{content:"Loading...";font-size:3.125rem}@media (prefers-reduced-motion:no-preference){.loader{transition:opacity .75s,visibility .75s}.loader:after{animation:loading .75s ease infinite;border:1.25rem solid var(--body-fg);border-radius:50%;border-top-color:var(--el-bg);content:"";font-size:0;height:6.25rem;width:6.25rem}@keyframes loading{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}}.header{left:0;position:sticky;right:0;top:-1px;z-index:100}.sticky-shadow-header{box-shadow:var(--shadow-bottom) var(--shadow-colour)}.sticky-shadow-footer{box-shadow:var(--shadow-top) var(--shadow-colour)}.theme-toggler{position:fixed;z-index:200}.focus-highlight{animation:highlight-fade 1s ease-out forwards}@keyframes highlight-fade{0%{background-color:rgb(var(--focus))}to{background-color:var(--el-bg)}}.journal button{color:var(--el-bg);padding:1em .75em;width:fit-content}@media (hover:hover){.journal button:hover{opacity:.7}}.journal{& [class|=button]{background-color:var(--accent-colour);border-radius:100vw;text-box:trim-both cap alphabetic}}@supports not (text-box:trim-both cap alphabetic){.journal{& [class|=button]{padding-block:.5em .75em}}}.journal [class$=button]{border-block-end:.0625rem solid currentColor;color:var(--accent-colour);font-size:1rem;margin-inline-start:auto;padding:.75rem 0 .25em}@media (hover:hover){.journal .button-cancel-image-upload:hover,.journal .button-journal-entry-delete:hover{background-color:var(--warning);opacity:1}}.journal-button-group{align-items:center;display:grid;grid-template-columns:1fr auto 1fr}.journal-button-group .toggle-disabled{border-radius:.5rem;padding-block:.5em}:is(.journal-button-group .toggle-disabled):disabled{background-color:var(--body-fg);opacity:.2;pointer-events:none}.journal-button-group .button-create-entry{font-size:clamp(1.25rem,1.1495rem + .4673vw,1.5rem);grid-column:2}.journal-button-group .delete-all-entries{background-color:var(--warning);grid-column:1}.journal-button-group .export-entries{background-color:var(--accent-colour);border-radius:100vw;grid-column:3;justify-self:end}@media (width < 40.625rem){.journal-button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}}.journal-form{box-shadow:var(--shadow-right-bottom) var(--shadow-colour);display:flex;flex-direction:column;gap:2rem;padding:1em}@media (hover:hover){.journal-form button:hover{opacity:.5}}.journal-form label{font-weight:var(--bold);padding-block-end:.5em}.journal-form>div{display:flex;flex-direction:column}.journal-form .image-input{width:100%}:is(.journal-form .image-input)::file-selector-button{background-color:var(--accent-colour);border-radius:100vw;color:var(--el-bg);padding:1em .75em;width:fit-content;text-box:trim-both cap alphabetic;margin-inline-end:1rem}.journal-form .btn-group{display:flex;flex-direction:row;gap:1rem}:is(.journal-form .btn-group) button:first-of-type{margin-inline-start:auto}:is(.journal-form .btn-group) .button-cancel{border-radius:.5rem}.journal-form.hide{display:none}:is(.journal-form .journal-form-header) .date-picker{display:flex;flex-direction:column}:is(.journal-form .journal-form-header) .journal-entry-date{cursor:pointer;width:fit-content}.journal-form .journal-image-input{gap:1rem;overflow:hidden}:is(.journal-form .journal-image-input) .file-names{display:block;font-family:Courier New,Courier,monospace;font-weight:400;margin-block-end:.5rem}.hide:is(.journal-form .alt-text-wrapper){display:none}:is(.journal-form .alt-text-wrapper) .inner{display:flex;flex-direction:column}:is(.journal-form .alt-text-wrapper) label{display:flex;flex-direction:column;gap:.5rem}:is(.journal-form .alt-text-wrapper) textarea:focus-visible{outline-offset:-1px}:is(.journal-form .alt-text-wrapper) button{border-radius:.5rem;margin-inline-start:auto}.journal-form .character-count,.journal-form .character-limit-message{margin-block-end:.75rem}.journal-form .error-message{color:var(--warning);padding-block-start:.5em}:is(.journal-form .error-message):empty{display:none}:scope .journal-list{display:flex;flex-direction:column;gap:2rem;width:100%}.journal-item{background:var(--el-bg);box-shadow:var(--shadow-right-bottom) var(--shadow-colour);display:flex;flex-direction:column;gap:1rem;padding:1.5em}.journal-item .remove-image-button{margin-inline:auto}.journal-item .journal-image-wrapper{display:flex;flex-direction:column;gap:1rem;margin-inline:auto;max-width:37.5rem;padding:1.5rem 0}:is(.journal-item .journal-image-wrapper) img{margin-inline:auto}.journal-item .journal-entry{display:flex;flex-direction:column;gap:.75rem;padding-block-end:1.5em}.journal-item .text[contenteditable]{outline:.125rem dotted rgb(var(--focus));padding:1em}:is(.journal-item .text[contenteditable]):empty{display:block}:is(.journal-item .text[contenteditable]):focus{cursor:default;outline-style:solid}.journal-item .journal-text-edit{display:flex;flex-direction:column}.journal-item .button-journal-entry-delete{border-radius:.5rem;margin-inline-start:auto}.how-to-use h1,.how-to-use h2,.how-to-use h3,.how-to-use h4{font-weight:400}.how-to-use{background-color:var(--el-bg);padding:1.5em;padding-block-end:4em}