*,:before,:after{box-sizing:border-box;padding:0;padding-block:0;padding-inline:0;margin:0;margin-block:0;margin-inline:0;word-spacing:normal;text-wrap-style:pretty;text-transform:none;text-align:left;color:inherit;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0;font-family:inherit;font-size:1rem;font-weight:400;line-height:1;text-decoration:none;list-style:none}:root{font-size:16px;font-size:var(--base-font-size);--size-border-radius:min(.5rem,8px);--size-small:min(.75rem,12px);--size-small-medium:min(1rem,16px);--size-medium:min(1.25rem,20px);--size-medium-large:min(1.5rem,24px);--size-large:min(2rem,32px);--size-page-padding:clamp(min(1rem,16px),4vw,min(2rem,32px));--size-input-outline:1.5px;--size-focus-outline:2.5px}.color-scheme-light-contrast,.color-scheme-dark-contrast{--size-input-outline:2.5px;--size-focus-outline:4px}body{background:var(--color-main-background);color:var(--color-main-text);--aside-size:clamp(min(2rem,32px),8vw,min(3rem,48px));height:100svh}.page-container{grid-template-columns:var(--aside-size)1fr;grid-template-rows:max-content 1fr;grid-template-areas:"nav nav""edge main";width:100%;height:100%;display:grid;position:relative}aside{width:var(--aside-size);background:var(--color-accent-1);grid-area:edge;display:block;position:relative;left:0}aside:before,aside:after{content:"";height:100%;display:block;position:absolute}aside:before{background:repeating-linear-gradient(transparent,transparent calc(.2*var(--aside-size)),var(--color-accent-3)calc(.2*var(--aside-size)),var(--color-accent-3)calc(.55*var(--aside-size)),transparent calc(.55*var(--aside-size)),transparent calc(.75*var(--aside-size)));width:25%;left:37.5%}aside:after{background:repeating-linear-gradient(transparent,transparent calc(.2875*var(--aside-size)),var(--color-accent-2)calc(.2875*var(--aside-size)),var(--color-accent-2)calc(.4625*var(--aside-size)),transparent calc(.4625*var(--aside-size)),transparent calc(.75*var(--aside-size)));width:53.75%;left:0%}main{width:100%;height:100%;padding-inline:var(--size-page-padding);grid-area:main;display:block;position:relative;overflow:clip scroll;container-type:inline-size}.page-container:after{z-index:200;pointer-events:none;content:"";width:100%;height:100%;left:var(--aside-size);box-shadow:0 0 calc(var(--size-small-medium)/2)calc(var(--size-small-medium)/4)var(--color-main-background)inset;grid-area:main;display:block}.page-contents{gap:var(--size-medium-large);padding-block:var(--size-medium)var(--size-page-padding);flex-direction:column;display:flex}h1,h1 textarea{font-size:2rem;font-weight:800}h2{font-size:1.25rem}h3{font-weight:600}h1,h2,h3,h1 textarea{line-height:1.25}.text-ellipses{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-ellipses-1{-webkit-line-clamp:1;line-clamp:1}.text-ellipses-2{-webkit-line-clamp:2;line-clamp:2}.text-ellipses-3{-webkit-line-clamp:3;line-clamp:3}.text-ellipses-4{-webkit-line-clamp:4;line-clamp:4}:focus-visible{box-shadow:0 0 0 calc(var(--size-focus-outline)/2)#000 inset,0 0 0 var(--size-focus-outline)#fff inset}.color-scheme-dark :focus-visible,.color-scheme-dark-contrast :focus-visible{box-shadow:0 0 0 calc(var(--size-focus-outline)/2)#fff inset,0 0 0 var(--size-focus-outline)#000 inset}
:root,.color-scheme-light{--color-main-background:#f7f3eb;--color-main-text:#1c1b1a;--color-input-background:#fff;--color-input-text:#1c1b1a;--color-input-border:#c1b9b1;--color-input-focus:#1c1b1a;--color-tiles-background:#c1b9b1;--color-tiles-text:#1c1b1a;--color-buttons-background:#766f6d;--color-buttons-text:#fff;--color-buttons-focus:#1c1b1a}.color-scheme-dark{--color-main-background:#272626;--color-main-text:#cfc9c3;--color-input-background:#434140;--color-input-text:#cfc9c3;--color-input-border:#6e6a64;--color-input-focus:#cfc9c3;--color-tiles-background:#4f4c48;--color-tiles-text:#cfc9c3;--color-buttons-background:#918a80;--color-buttons-text:#000;--color-buttons-focus:#fff}.color-scheme-light-contrast{--color-main-background:#fff;--color-main-text:#000;--color-input-background:#e9e9e9;--color-input-text:#000;--color-input-border:#6f6f6f;--color-input-focus:#000;--color-tiles-background:#c6c6c6;--color-tiles-text:#000;--color-buttons-background:#6f6f6f;--color-buttons-text:#fff;--color-buttons-focus:#000}.color-scheme-dark-contrast{--color-main-background:#000;--color-main-text:#fff;--color-input-background:#212121;--color-input-text:#fff;--color-input-border:#929292;--color-input-focus:#fff;--color-tiles-background:#323232;--color-tiles-text:#fff;--color-buttons-background:#929292;--color-buttons-text:#000;--color-buttons-focus:#fff}:root{--icon-color-red:#a64d4d;--icon-color-yellow:#b18c3b;--icon-color-green:#579271}:root,.color-scheme-light,.color-scheme-light-contrast{--color-accent-text-1:#000;--color-accent-text-2:#fff}.color-scheme-dark,.color-scheme-dark-contrast{--color-accent-text-1:#fff;--color-accent-text-2:#fff}:root,.color-scheme-light,.color-scheme-light-contrast{--color-accent-pink-light:#dcb2c7;--color-accent-pink-medium:#b97899;--color-accent-pink-dark:#603a4c;--color-accent-red-light:#d9a1a1;--color-accent-red-medium:#c26060;--color-accent-red-dark:#6f3030;--color-accent-orange-light:#dab49c;--color-accent-orange-medium:#ba7857;--color-accent-orange-dark:#7c4a2b;--color-accent-yellow-light:#dece8a;--color-accent-yellow-medium:#b99529;--color-accent-yellow-dark:#775512;--color-accent-lime-light:#bdd096;--color-accent-lime-medium:#648033;--color-accent-lime-dark:#41492a;--color-accent-green-light:#a6d4af;--color-accent-green-medium:#508d5d;--color-accent-green-dark:#2d4031;--color-accent-teal-light:#a0c8c5;--color-accent-teal-medium:#4f919b;--color-accent-teal-dark:#2d4a50;--color-accent-blue-light:#a0b9d1;--color-accent-blue-medium:#4f6f9b;--color-accent-blue-dark:#2d3950;--color-accent-plum-light:#afacce;--color-accent-plum-medium:#6c60a9;--color-accent-plum-dark:#363057;--color-accent-purple-light:#c1a9c8;--color-accent-purple-medium:#9e60a9;--color-accent-purple-dark:#503057}.color-scheme-dark,.color-scheme-dark-contrast{--color-accent-pink-light:#9b5b76;--color-accent-pink-medium:#63384c;--color-accent-pink-dark:#39252e;--color-accent-red-light:#a64d4d;--color-accent-red-medium:#6e3333;--color-accent-red-dark:#402424;--color-accent-orange-light:#a86747;--color-accent-orange-medium:#774729;--color-accent-orange-dark:#402624;--color-accent-yellow-light:#b18c3b;--color-accent-yellow-medium:#805a21;--color-accent-yellow-dark:#3e2e11;--color-accent-lime-light:#88a253;--color-accent-lime-medium:#506b2e;--color-accent-lime-dark:#2a3618;--color-accent-green-light:#579271;--color-accent-green-medium:#316147;--color-accent-green-dark:#23382d;--color-accent-teal-light:#498b97;--color-accent-teal-medium:#275c6a;--color-accent-teal-dark:#1a3539;--color-accent-blue-light:#5477a1;--color-accent-blue-medium:#2e466a;--color-accent-blue-dark:#1e2c3f;--color-accent-plum-light:#72629d;--color-accent-plum-medium:#493b74;--color-accent-plum-dark:#29243e;--color-accent-purple-light:#84578d;--color-accent-purple-medium:#593860;--color-accent-purple-dark:#312034}:root,.color-accent-pink,.color-accent-pink.color-scheme-light,.color-accent-pink.color-scheme-light-contrast{--color-accent-1:var(--color-accent-pink-light);--color-accent-2:var(--color-accent-pink-medium);--color-accent-3:var(--color-accent-pink-dark)}.color-accent-pink.color-scheme-dark,.color-accent-pink.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-pink-medium);--color-accent-2:var(--color-accent-pink-light)}.color-accent-red,.color-accent-red.color-scheme-light,.color-accent-red.color-scheme-light-contrast{--color-accent-1:var(--color-accent-red-light);--color-accent-2:var(--color-accent-red-medium);--color-accent-3:var(--color-accent-red-dark)}.color-accent-red.color-scheme-dark,.color-accent-red.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-red-medium);--color-accent-2:var(--color-accent-red-light)}.color-accent-orange,.color-accent-orange.color-scheme-light,.color-accent-orange.color-scheme-light-contrast{--color-accent-1:var(--color-accent-orange-light);--color-accent-2:var(--color-accent-orange-medium);--color-accent-3:var(--color-accent-orange-dark)}.color-accent-orange.color-scheme-dark,.color-accent-orange.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-orange-medium);--color-accent-2:var(--color-accent-orange-light)}.color-accent-yellow,.color-accent-yellow.color-scheme-light,.color-accent-yellow.color-scheme-light-contrast{--color-accent-1:var(--color-accent-yellow-light);--color-accent-2:var(--color-accent-yellow-medium);--color-accent-3:var(--color-accent-yellow-dark)}.color-accent-yellow.color-scheme-dark,.color-accent-yellow.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-yellow-medium);--color-accent-2:var(--color-accent-yellow-light)}.color-accent-lime,.color-accent-lime.color-scheme-light,.color-accent-lime.color-scheme-light-contrast{--color-accent-1:var(--color-accent-lime-light);--color-accent-2:var(--color-accent-lime-medium);--color-accent-3:var(--color-accent-lime-dark)}.color-accent-lime.color-scheme-dark,.color-accent-lime.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-lime-medium);--color-accent-2:var(--color-accent-lime-light)}.color-accent-green,.color-accent-green.color-scheme-light,.color-accent-green.color-scheme-light-contrast{--color-accent-1:var(--color-accent-green-light);--color-accent-2:var(--color-accent-green-medium);--color-accent-3:var(--color-accent-green-dark)}.color-accent-green.color-scheme-dark,.color-accent-green.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-green-medium);--color-accent-2:var(--color-accent-green-light)}.color-accent-teal,.color-accent-teal.color-scheme-light,.color-accent-teal.color-scheme-light-contrast{--color-accent-1:var(--color-accent-teal-light);--color-accent-2:var(--color-accent-teal-medium);--color-accent-3:var(--color-accent-teal-dark)}.color-accent-teal.color-scheme-dark,.color-accent-teal.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-teal-medium);--color-accent-2:var(--color-accent-teal-light)}.color-accent-blue,.color-accent-blue.color-scheme-light,.color-accent-blue.color-scheme-light-contrast{--color-accent-1:var(--color-accent-blue-light);--color-accent-2:var(--color-accent-blue-medium);--color-accent-3:var(--color-accent-blue-dark)}.color-accent-blue.color-scheme-dark,.color-accent-blue.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-blue-medium);--color-accent-2:var(--color-accent-blue-light)}.color-accent-plum,.color-accent-plum.color-scheme-light,.color-accent-plum.color-scheme-light-contrast{--color-accent-1:var(--color-accent-plum-light);--color-accent-2:var(--color-accent-plum-medium);--color-accent-3:var(--color-accent-plum-dark)}.color-accent-plum.color-scheme-dark,.color-accent-plum.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-plum-medium);--color-accent-2:var(--color-accent-plum-light)}.color-accent-purple,.color-accent-purple.color-scheme-light,.color-accent-purple.color-scheme-light-contrast{--color-accent-1:var(--color-accent-purple-light);--color-accent-2:var(--color-accent-purple-medium);--color-accent-3:var(--color-accent-purple-dark)}.color-accent-purple.color-scheme-dark,.color-accent-purple.color-scheme-dark-contrast{--color-accent-1:var(--color-accent-purple-medium);--color-accent-2:var(--color-accent-purple-light)}.color-accent-login{--color-accent-1:#c1b9b1;--color-accent-2:#8c857e;--color-accent-3:#4f483f}
@font-face{font-family:Noto Color Emoji;src:url(../media/NotoColorEmoji.6cad86e3.ttf)}@font-face{font-family:Aleo;src:url(../media/Aleo.531b1ff9.ttf)}@font-face{font-family:Aleo;src:url(../media/Aleo-Italic.b7f3e09f.ttf);font-style:italic}@font-face{font-family:Cormorant;src:url(../media/Cormorant.07047ae1.ttf)}@font-face{font-family:Cormorant;src:url(../media/Cormorant-Italic.2c9c2b75.ttf);font-style:italic}@font-face{font-family:Crimson Pro;src:url(../media/CrimsonPro.0dd57614.ttf)}@font-face{font-family:Crimson Pro;src:url(../media/CrimsonPro-Italic.faac2438.ttf);font-style:italic}@font-face{font-family:Figtree;src:url(../media/Figtree.ac951ab0.ttf)}@font-face{font-family:Figtree;src:url(../media/Figtree-Italic.8934cf79.ttf);font-style:italic}@font-face{font-family:Jost;src:url(../media/Jost.6b0172ef.ttf)}@font-face{font-family:Jost;src:url(../media/Jost-Italic.cf24a9fe.ttf);font-style:italic}@font-face{font-family:Montserrat;src:url(../media/Montserrat.94d9b0a7.ttf)}@font-face{font-family:Montserrat;src:url(../media/Montserrat-Italic.246bcbad.ttf);font-style:italic}@font-face{font-family:Noto Sans;src:url(../media/NotoSans.3521a4a3.ttf)}@font-face{font-family:Noto Sans;src:url(../media/NotoSans-Italic.f50eeb15.ttf);font-style:italic}@font-face{font-family:Noto Serif;src:url(../media/NotoSerif.dbd730e0.ttf)}@font-face{font-family:Noto Serif;src:url(../media/NotoSerif-Italic.97323884.ttf);font-style:italic}@font-face{font-family:Playfair;src:url(../media/Playfair.61c63eee.ttf)}@font-face{font-family:Playfair;src:url(../media/Playfair-Italic.211f67cd.ttf);font-style:italic}@font-face{font-family:Red Hat Text;src:url(../media/RedHatText.53da6d53.ttf)}@font-face{font-family:Red Hat Text;src:url(../media/RedHatText-Italic.487ec7b3.ttf);font-style:italic}@font-face{font-family:Roboto;src:url(../media/Roboto.afd3c19b.ttf)}@font-face{font-family:Roboto;src:url(../media/Roboto-Italic.bf457d89.ttf);font-style:italic}@font-face{font-family:Roboto Serif;src:url(../media/RobotoSerif.d027aa4a.ttf)}@font-face{font-family:Roboto Serif;src:url(../media/RobotoSerif-Italic.5a904706.ttf);font-style:italic}@font-face{font-family:Rokkitt;src:url(../media/Rokkitt.ead08864.ttf)}@font-face{font-family:Rokkitt;src:url(../media/Rokkitt-Italic.e29f0851.ttf);font-style:italic}@font-face{font-family:Rubik;src:url(../media/Rubik.fce8125a.ttf)}@font-face{font-family:Rubik;src:url(../media/Rubik-Italic.7eabfbfb.ttf);font-style:italic}:root,.font-noto-sans{font-family:Noto Sans,Noto Color Emoji,sans-serif}.font-aleo{font-family:Aleo,Noto Color Emoji,serif}.font-cormorant{font-family:Cormorant,Noto Color Emoji,serif}.font-crimson-pro{font-family:Crimson Pro,Noto Color Emoji,serif}.font-figtree{font-family:Figtree,Noto Color Emoji,sans-serif}.font-jost{font-family:Jost,Noto Color Emoji,sans-serif}.font-montserrat{font-family:Montserrat,Noto Color Emoji,sans-serif}.font-noto-serif{font-family:Noto Serif,Noto Color Emoji,serif}.font-playfair{font-family:Playfair,Noto Color Emoji,serif}.font-red-hat-text{font-family:Red Hat Text,Noto Color Emoji,sans-serif}.font-roboto{font-family:Roboto,Noto Color Emoji,sans-serif}.font-roboto-serif{font-family:Roboto Serif,Noto Color Emoji,serif}.font-rokkitt{font-family:Rokkitt,Noto Color Emoji,serif}.font-rubik{font-family:Rubik,Noto Color Emoji,sans-serif}
.login-page,.login-header{max-width:35rem}@container (width<=45rem){.login-page,.login-header{width:100%;max-width:none}}.logged-out-page{margin-top:var(--size-page-padding)}.logged-out-page section{gap:var(--size-medium);flex-direction:column;display:flex}
nav{z-index:100;background:var(--color-buttons-background);width:100%;padding-left:var(--aside-size);grid-area:nav;grid-template-rows:1fr;grid-template-columns:1fr max-content;align-items:center;display:grid;position:relative}nav:after{content:"";border-bottom:2px solid var(--color-accent-1);width:100%;position:absolute;bottom:0;left:0}.nav-tabs{min-width:0;margin-right:calc(.75*var(--size-medium));align-items:center;display:flex}.nav-tab{min-width:0;max-width:fit-content;margin-right:calc(-.75*var(--size-medium));margin-top:var(--size-small);flex:4rem;transition:margin-top .2s,z-index 0s .1s;display:block}.nav-tab *{cursor:pointer;text-align:center;text-wrap:nowrap;white-space:nowrap;text-overflow:ellipsis;width:100%;padding-inline:calc(.75*(2*var(--size-small) + 1rem));padding-block:var(--size-small);background:var(--color-accent-2);color:var(--color-accent-text-2);border:2px solid var(--color-accent-1);border-radius:calc(.75*(2*var(--size-small) + 1rem))calc(.75*(2*var(--size-small) + 1rem))0 0/calc((2*var(--size-small) + 1rem))calc((2*var(--size-small) + 1rem))0 0;transition:padding-block .2s,height .2s;display:block;overflow:hidden}.nav-tab:first-child{z-index:9}.nav-tab:nth-child(2){z-index:8}.nav-tab:nth-child(3){z-index:6}.nav-tab:nth-child(4){z-index:5}.nav-tab.nav-tab-active{z-index:15}.nav-tab:has(:hover){z-index:15}.nav-tab:has(:focus-visible){z-index:15}:is(.nav-tab:has(:hover):not(.nav-tab-active),.nav-tab:has(:focus-visible):not(.nav-tab-active)){margin-top:calc(var(--size-small)/2)}.nav-tab-active *{text-decoration:underline}.nav-tab:not(.nav-tab-active) :hover,.nav-tab:not(.nav-tab-active) :focus-visible{padding-block:var(--size-small)calc(1.5*var(--size-small))}.nav-tab :focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-accent-text-2)inset}.back-link{padding:var(--size-small-medium);color:var(--color-buttons-text);justify-content:center;align-items:center;gap:.5rem;display:flex}.back-link:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-text)inset;border-radius:var(--size-border-radius)}.back-link span{line-height:1.25rem;display:block}.back-link .icon-back{width:1.25rem;height:1.25rem;font-size:1.25rem}@media (width<=45rem){.nav-tabs{padding-top:var(--size-small);height:calc(2*(var(--size-small-medium) + 4px + 1rem) - 2px + var(--size-small));margin-right:0;display:block;position:relative}.nav-tab{max-width:none;width:calc(50% - (.75*(2*var(--size-small-medium) + 1rem)) + .75*var(--size-medium));position:absolute;bottom:0}.nav-tab *{padding-inline:calc(.75*(var(--size-small-medium) + 1rem));padding-block:calc(var(--size-small-medium)/2);border-radius:calc(.75*(var(--size-small-medium) + 1rem))calc(.75*(var(--size-small-medium) + 1rem))0 0/calc((var(--size-small-medium) + 1rem))calc((var(--size-small-medium) + 1rem))0 0}.nav-tab:first-child *,.nav-tab:nth-child(2) *{height:calc(var(--size-small-medium) + 4px + 1rem)}.nav-tab:nth-child(3) *,.nav-tab:nth-child(4) *{height:calc(2*(var(--size-small-medium) + 4px + 1rem) - 2px);padding-bottom:calc(1.5*var(--size-small-medium) + 2px + 1rem)}.nav-tab:first-child{left:0}.nav-tab:nth-child(2){left:calc(50% - (.75*(2*var(--size-small-medium) + 1rem)))}.nav-tab:nth-child(3){left:calc(.75*(2*var(--size-small-medium) + 1rem))}.nav-tab:nth-child(4){left:50%}:is(.nav-tab:not(.nav-tab-active):has(:hover),.nav-tab:not(.nav-tab-active):has(:focus-visible)){margin-top:calc(var(--size-small-medium)/2)}.nav-tab.nav-tab-active:first-child,.nav-tab.nav-tab-active:nth-child(2){z-index:10}.nav-tab:has(:hover):first-child{z-index:10}.nav-tab:has(:focus-visible):first-child{z-index:10}.nav-tab:has(:hover):nth-child(2){z-index:10}.nav-tab:has(:focus-visible):nth-child(2){z-index:10}.nav-tab.nav-tab-active:nth-child(3),.nav-tab.nav-tab-active:nth-child(4){z-index:7}.nav-tab:has(:hover):nth-child(3){z-index:7}.nav-tab:has(:focus-visible):nth-child(3){z-index:7}.nav-tab:has(:hover):nth-child(4){z-index:7}.nav-tab:has(:focus-visible):nth-child(4){z-index:7}.nav-tab:not(.nav-tab-active):first-child :hover,.nav-tab:not(.nav-tab-active):first-child :focus-visible,.nav-tab:not(.nav-tab-active):nth-child(2) :hover,.nav-tab:not(.nav-tab-active):nth-child(2) :focus-visible{height:calc(1.5*var(--size-small-medium) + 4px + 1rem);padding-block:calc(var(--size-small-medium)/2)var(--size-small-medium)}.nav-tab:not(.nav-tab-active):nth-child(3) :hover,.nav-tab:not(.nav-tab-active):nth-child(3) :focus-visible,.nav-tab:not(.nav-tab-active):nth-child(4) :hover,.nav-tab:not(.nav-tab-active):nth-child(4) :focus-visible{height:calc(2*(var(--size-small-medium) + 4px + 1rem) - 2px + var(--size-small-medium)/2);padding-block:calc(var(--size-small-medium)/2)calc(2*var(--size-small-medium) + 2px + 1rem)}}@media (width<=35rem){nav{grid-template-columns:var(--aside-size)1fr;padding-left:0}.nav-tabs{grid-area:1/2/2/3}.back-link{grid-area:1/1/2/2;width:100%;padding-inline:0}.back-link span{display:none}}
.settings-page,.settings-header{max-width:25rem}@container (width<=35rem){.settings-page,.settings-header{width:100%;max-width:none}}.settings-page section{gap:var(--size-small-medium);flex-direction:column;display:flex}form{gap:var(--size-medium);flex-direction:column;display:flex}.input-label-container>label{color:var(--color-buttons-background)}.input-label-container{gap:calc(var(--size-small-medium)/4);flex-direction:column;display:flex}input{font:inherit}input::placeholder{color:var(--color-input-border)}input[type=number],input[type=text],input[type=date]{cursor:pointer;height:calc(2*var(--size-small) + 1rem);border-radius:var(--size-border-radius);background:var(--color-input-background);color:var(--color-input-text);padding:var(--size-small);box-shadow:0 0 0 var(--size-input-outline)var(--color-input-border)inset;display:block}input[type=number]:focus-visible,input[type=text]:focus-visible,input[type=date]:focus-visible,.dropdown>button:focus-visible,.dropdown.active>button,.dropdown ul li button:focus-visible:after{box-shadow:0 0 0 var(--size-focus-outline)var(--color-input-focus)inset}.option-select{gap:var(--size-small);grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));grid-auto-rows:calc(1rem + 2*var(--size-small));display:grid}.option-select li{border-radius:var(--size-border-radius)}.option-select button{position:relative}.option-selected button,.color-option.option-selected button:before{box-shadow:0 0 0 var(--size-input-outline)var(--color-buttons-focus)inset}.option-select button:focus-visible,.option-select .color-option button:focus-visible:before{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-focus)inset}.option-select button:before,.option-select button:after{content:"";display:block;position:absolute}.option-selected button:after{background:var(--color-accent-text-1);width:.75rem;height:.75rem;top:calc(var(--size-small)/2);left:calc(var(--size-small)/2);clip-path:polygon(80% 0%,100% 15%,40% 100%,0% 60%,17% 42%,37% 61%)}.color-option button:before{background:var(--selected-color-medium);border-radius:var(--size-border-radius);clip-path:polygon(65% 0%,100% 0%,100% 100%,35% 100%);top:0;left:0}.color-option,.color-option button,.color-option button:before{width:100%;height:100%}.color-option button{background:var(--selected-color-light);border-radius:var(--size-border-radius)}.checkboxes-list{flex-direction:column;gap:.5rem;display:flex}.checkbox-item{gap:.5rem;display:flex}.checkbox-label{line-height:1.5}.checkbox{cursor:pointer;background:var(--color-input-background);border-radius:calc(.5*var(--size-border-radius));width:1.5rem;height:1.5rem;box-shadow:0 0 0 var(--size-input-outline)color-mix(in hsl,var(--color-input-background)50%,var(--color-input-text))inset;flex:none}.checkbox-active{background:var(--color-accent-2);box-shadow:none}.checkbox-active:after{content:"";background:var(--color-accent-text-2);clip-path:polygon(80% 0%,100% 15%,40% 100%,0% 60%,17% 42%,37% 61%);width:1rem;height:1rem;margin:.25rem;display:block;position:relative}.checkbox:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-accent-3)inset}textarea{resize:none;field-sizing:content;width:100%;display:block}textarea:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-input-focus)inset}textarea::placeholder{color:var(--color-input-border)}.dropdown{pointer-events:none;z-index:10;transition:margin-bottom .2s,z-index .4s;display:block;position:relative}.dropdown.active{z-index:11;margin-bottom:calc(-1*var(--dropdown-size)*(2*var(--size-small) + 1rem));transition:margin-bottom .2s,z-index}.dropdown button{pointer-events:all;cursor:pointer;padding-inline:var(--size-small)calc(2*var(--size-small) + .75rem);display:block}.dropdown>button{border-radius:var(--size-border-radius);background:var(--color-input-background);width:100%;color:var(--color-input-text);box-shadow:0 0 0 var(--size-input-outline)var(--color-input-border)inset}.dropdown:before{content:"";width:.75rem;height:.5rem;right:var(--size-small);top:calc(var(--size-small) + .25rem);clip-path:polygon(0% 0%,100% 0%,50% 100%);background:var(--color-input-text);position:absolute}.dropdown ul{pointer-events:all;border-radius:var(--size-border-radius);flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.dropdown ul.hidden{visibility:hidden;pointer-events:none}.dropdown ul:before{content:"";pointer-events:none;z-index:10;width:100%;height:calc(var(--dropdown-size)*(2*var(--size-small) + 1rem));border-radius:var(--size-border-radius);box-shadow:0 0 0 var(--size-input-outline)var(--color-input-border)inset;transition:height .2s;display:block;position:absolute}.dropdown ul.hidden:before{height:0}.dropdown ul:after{content:"";width:100%;height:var(--size-page-padding);bottom:calc(-1*var(--size-page-padding));display:block;position:absolute}.dropdown ul.hidden:after{margin-top:calc(-1*var(--size-page-padding))}.dropdown ul li{transition:all .2s;display:block;position:relative}.dropdown ul.hidden li{margin-top:calc(-1*(2*var(--size-small) + 1rem))}.dropdown ul li button{cursor:pointer;background:var(--color-input-background);width:100%}.dropdown .option-text{text-overflow:ellipsis;white-space:nowrap;line-height:calc(2*var(--size-small) + 1rem);display:block;overflow:hidden}.dropdown ul li button:after{content:"";pointer-events:none;z-index:11;display:block;position:absolute;inset:0}.dropdown ul li:first-child button,.dropdown ul li:first-child button:after{border-radius:var(--size-border-radius)var(--size-border-radius)0 0}.dropdown ul li:last-child button,.dropdown ul li:last-child button:after{border-radius:0 0 var(--size-border-radius)var(--size-border-radius)}.dropdown ul li:nth-child(2n-1) button{background:color-mix(in hsl,var(--color-input-background)97%,var(--color-input-text))}button{cursor:pointer}.standard-button{width:max-content;min-width:max-content;height:fit-content;padding:var(--size-small);border-radius:var(--size-border-radius);background:var(--color-buttons-background);color:var(--color-buttons-text);cursor:pointer;transition:scale .2s;display:block}.standard-button-disabled{pointer-events:none;cursor:default;background:var(--color-tiles-background)}.standard-button:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-focus)inset}.standard-button:hover,.standard-button:focus-visible{scale:1.05}.modal-button{top:calc(-.5rem - var(--size-small)/2);right:calc(-.5rem - var(--size-small)/2);padding:calc(var(--size-small-medium)/2);background:var(--color-buttons-background);color:var(--color-buttons-text);border-radius:50%;position:absolute}.modal-button:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-focus)inset}.modal-button:after{width:1rem;height:1rem}.edit-list{gap:var(--size-small);flex-direction:column;display:flex}.current-list{border-block:1px solid var(--color-accent-2);flex-direction:column;display:flex}.current-list li{grid-template-columns:1fr calc(.75rem + (2*var(--size-small)));border-block:1px solid var(--color-accent-2);display:grid}.current-list li .list-item{min-width:0;padding-block:var(--size-small);gap:var(--size-small);flex-flow:row;align-items:center;display:flex}.list-item .item-scroll{white-space:nowrap;line-height:1;display:block;overflow:scroll hidden}.delete-item-button{border-radius:var(--size-border-radius);padding:var(--size-small)}.delete-item-button:hover,.delete-item-button:focus-visible{scale:1.03}.delete-item-button:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-focus)inset}.delete-item-button .icon-trash{height:1rem}.add-list-item{gap:var(--size-small);flex-wrap:wrap;display:flex}.add-list-item input{flex-grow:1;max-width:100%}.add-file-input{visibility:hidden;width:0;height:0;display:block}
header{justify-content:space-between;gap:var(--size-medium);padding-block:var(--size-page-padding)var(--size-medium);border-bottom:3px solid var(--color-accent-2);box-shadow:0 0 calc(var(--size-small-medium)/2)calc(var(--size-small-medium)/4)var(--color-main-background);background:var(--color-main-background);z-index:90;flex-flow:wrap;display:flex;position:sticky;top:0}.header-buttons{gap:var(--size-medium);flex-flow:wrap;display:flex}.entry-filters{align-items:center;gap:var(--size-medium);flex-wrap:wrap;flex-shrink:0;width:100%;display:flex}.filter-group{align-items:center;gap:calc(var(--size-small)/2);display:flex}.filter-direction{padding:calc(var(--size-small)/2)}.filter-direction-inactive{background:var(--color-tiles-background)}.filter-direction:after{height:1rem}.filter-swap{background:var(--color-accent-2);color:var(--color-accent-text-2);padding:calc(var(--size-small)/2)}.filter-swap:after{height:1rem}
.tile-container{gap:var(--size-medium);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));display:grid}@container (width<=20rem){.tile-container{grid-template-columns:1fr}}.tile{background:var(--color-tiles-background);max-width:100%;height:fit-content;color:var(--color-tiles-text);border-radius:var(--size-border-radius);transition:scale .2s;display:block;position:relative;overflow:hidden}:is(.tile:has(:hover),.tile:has(:focus-visible)){scale:1.03}.tile .main-button{gap:var(--size-small);cursor:pointer;padding:var(--size-small);border-radius:var(--size-border-radius);flex-direction:column;width:100%;display:flex}.tile:after{content:"";border-radius:var(--size-border-radius);pointer-events:none;width:100%;height:100%;position:absolute;top:0}.tile:has(:focus-visible):after{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-focus)inset}.option-tile .options{background:var(--color-accent-1);gap:1.5px;width:100%;transition:translate .4s,visibility .4s;display:flex;position:absolute;bottom:0}.option-tile.closed .options{visibility:hidden;translate:0 100%}.option-tile .options>*{cursor:pointer;background:var(--color-accent-2);width:100%;color:var(--color-accent-text-2);padding:var(--size-small);text-align:center}.option-tile .options :first-child{border-radius:0 0 0 var(--size-border-radius)}.option-tile .options :last-child{border-radius:0 0 var(--size-border-radius)0}.option-tile.closed .options>*{pointer-events:none;cursor:default}.options>:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-buttons-focus)inset}.home-page,.home-header{max-width:25rem}@container (width<=35rem){.home-page,.home-header{width:100%;max-width:none}}.nav-tile-container{grid-template-columns:1fr;width:100%}.nav-tile .main-button{padding-block:var(--size-medium);flex-direction:row;align-items:center}.nav-tile h3{width:100%}.nav-tile .icon-arrow-right{flex-grow:0;flex-shrink:0;height:1.25rem}.nav-tile .icon-arrow-right:after{height:1rem;margin-block:.125rem}@container (width>=18rem){.entry-tile .main-button{grid-template-rows:3.75rem max-content;grid-template-columns:1fr max-content;display:grid}.entry-tile h3{grid-column:1/3}}.book-tile .main-button{grid-template-rows:1.25rem 2.5rem 1.25rem;grid-template-columns:max-content 1fr;display:grid}.tile-icon{aspect-ratio:1;flex-shrink:0;grid-row:1/4;height:100%}.book-tile .tile-shared-details{min-width:0;display:flex}.book-tile h3,.book-tile .tile-shared-details div{-webkit-line-clamp:2;line-clamp:2;width:100%;line-height:1.25}@container (width<=15rem){.book-tile .main-button{grid-template-rows:3.75rem auto auto auto;grid-template-columns:1fr}.tile-icon{grid-row:1/2}}
.entry-status,.book-status{align-items:center;gap:.25rem;display:flex}.book-status{justify-content:space-between}.entry-status-icon,.shared-icon,.book-status-icon{flex-shrink:0;width:1rem;height:1rem;position:relative}.icon-lock:before,.icon-lock:after,.icon-draft:before,.icon-draft:after,.icon-completed:before,.icon-read:before,.icon-unread:before,.icon-shared-exists:before,.icon-shared-new:before{content:"";display:block;position:absolute}.icon-lock:before{background:color-mix(in hsl,var(--color-tiles-background)60%,var(--color-tiles-text));border-radius:.125rem;width:1rem;height:.6rem;bottom:0}.icon-lock:after{border:.2rem solid color-mix(in hsl,var(--color-tiles-background)60%,var(--color-tiles-text));border-radius:.5rem .5rem 0 0;width:.7rem;height:.7rem;left:.15rem}.icon-draft:after,.icon-draft:before{background:var(--icon-color-yellow);width:100%;height:100%}.icon-draft:before{clip-path:polygon(75% 0%,100% 25%,45% 80%,20% 55%)}.icon-draft:after{clip-path:polygon(0% 100%,10% 65%,35% 90%)}.icon-completed:before{background:var(--icon-color-green);clip-path:polygon(80% 0%,100% 15%,40% 100%,0% 60%,17% 42%,37% 61%);width:100%;height:100%}.icon-read:before,.icon-shared-exists:before{background:var(--icon-color-green);border-radius:50%;width:100%;height:100%}.icon-unread:before,.icon-shared-new:before{background:var(--icon-color-red);border-radius:50%;width:100%;height:100%}.icon-book{border-radius:5%;grid-template-rows:1fr;grid-template-columns:1fr;place-items:center;display:grid;overflow:hidden}.icon-book>div{grid-area:1/1/1/1}.icon-letters{background:var(--icon-color-medium)}.icon-letters>div{background:var(--icon-color-dark);border-radius:4.5%/6.5%;width:65%;height:45%;position:relative}.icon-letters>div:first-child{transform:rotate(8deg)translate(-7%,-20%)}.icon-letters>div:nth-child(2){transform:rotate(-10deg)translate(7%,25%)}.icon-letters>div:before{content:"";background:var(--icon-color-light);border-radius:3%/4.5%;width:92.3077%;height:88.8889%;display:block;position:absolute;top:5.55555%;left:3.84615%}.icon-letters>div>div{background:var(--icon-color-dark);clip-path:polygon(0% 0%,100% 0%,50% 100%);width:92.3077%;height:55.5556%;position:relative;top:5.55555%;left:3.84615%}.icon-letters>div>div:after{content:"";background:var(--icon-color-light);clip-path:polygon(0% 0%,100% 0%,50% 100%);width:87.5%;height:86%;display:block;position:absolute;left:6.25%}.icon-journal{background:var(--icon-color-medium)}.icon-journal>div{background:var(--icon-color-light);border-radius:5%/4.5%;grid-template-columns:2fr 5fr;gap:12.5%;width:60%;height:75%;display:grid;overflow:clip}.icon-journal>div>div:first-child{background:var(--icon-color-dark);height:100%}.icon-journal>div>div:nth-child(2){clip-path:polygon(15% 0%,85% 0%,100% 20%,100% 80%,85% 100%,15% 100%,0% 80%,0% 20%);background:var(--icon-color-medium);width:79.1667%;height:30%;position:relative;top:10%}.icon-arrow-right:after,.icon-arrow-left:after,.icon-arrow-up:after,.icon-arrow-down:after,.icon-arrows-horizontal:after,.icon-arrows-vertical:after{content:"";background:currentColor;display:block}.icon-arrow-right:after,.icon-arrow-left:after{aspect-ratio:1.25}.icon-arrow-up:after,.icon-arrow-down:after{aspect-ratio:1}.icon-arrow-right:after{clip-path:polygon(0% 44%,80.8% 44%,52.8% 9%,60% 0%,100% 50%,60% 100%,52.8% 91%,80.8% 56%,0% 56%)}.icon-arrow-left:after{clip-path:polygon(100% 44%,19.2% 44%,47.2% 9%,40% 0%,0% 50%,40% 100%,47.2% 91%,19.2% 56%,100% 56%)}.icon-arrow-up:after{clip-path:polygon(56% 100%,56% 22%,92% 58%,100% 50%,50% 0%,0% 50%,8% 58%,44% 22%,44% 100%)}.icon-arrow-down:after{clip-path:polygon(56% 0%,56% 78%,92% 42%,100% 50%,50% 100%,0% 50%,8% 42%,44% 78%,44% 0%)}.icon-arrows-horizontal:after{aspect-ratio:2;clip-path:polygon(0% 50%,25% 0%,29% 8%,11% 44%,89% 44%,71% 8%,75% 0%,100% 50%,75% 100%,71% 92%,89% 56%,11% 56%,29% 92%,25% 100%)}.icon-arrows-vertical:after{aspect-ratio:.5;clip-path:polygon(50% 0%,100% 25%,92% 29%,56% 11%,56% 89%,92% 71%,100% 75%,50% 100%,0% 75%,8% 71%,44% 89%,44% 11%,8% 29%,0% 25%)}.icon-close:after{content:"";aspect-ratio:1;clip-path:polygon(10% 0%,0% 10%,40% 50%,0% 90%,10% 100%,50% 60%,90% 100%,100% 90%,60% 50%,100% 10%,90% 0%,50% 40%);background:currentColor;display:block}.icon-back:before,.icon-back:after{content:"";font-size:inherit;display:block;position:absolute}.icon-back{position:relative}.icon-back:before{content:"";border:.1em solid;border-left-color:#0000;border-radius:0 .35em .35em 0;width:95%;height:70%;display:block;top:30%;left:5%}.icon-back:after{content:"";clip-path:polygon(60% 10%,50% 0%,0% 50%,50% 100%,60% 90%,20% 50%);background:currentColor;width:70%;height:70%;display:block;top:0;left:0}.icon-trash{aspect-ratio:.75;position:relative}.icon-trash:after,.icon-trash:before{content:"";background:currentColor;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.icon-trash:before{clip-path:polygon(0% 15%,100% 15%,88% 100%,68% 100%,68% 92.5%,79% 92.5%,88% 22.5%,68% 22.5%,68% 100%,50% 100%,50% 92.5%,58% 92.5%,58% 22.5%,42% 22.5%,42% 92.5%,50% 92.5%,50% 100%,32% 100%,32% 22.5%,12% 22.5%,21% 92.5%,32% 92.5%,32% 100%,12% 100%)}.icon-trash:after{clip-path:polygon(22.5% 0%,77.5% 0%,77.5% 15%,67.5% 15%,67.5% 7.5%,32.5% 7.5%,32.5% 15%,22.5% 15%)}
.popup-container{z-index:500;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0}.popup-container,.color-scheme-light .popup-container{-webkit-backdrop-filter:blur(3px)brightness(90%);backdrop-filter:blur(3px)brightness(90%)}.color-scheme-dark .popup-container{-webkit-backdrop-filter:blur(3px)brightness(70%);backdrop-filter:blur(3px)brightness(70%)}.color-scheme-light-contrast .popup-container{-webkit-backdrop-filter:blur(5px)brightness(80%);backdrop-filter:blur(5px)brightness(80%)}.color-scheme-dark-contrast .popup-container{-webkit-backdrop-filter:blur(5px)brightness(60%);backdrop-filter:blur(5px)brightness(60%)}.popup{width:100%;margin:var(--size-page-padding);padding:var(--size-medium);background:var(--color-main-background);border:2px solid var(--color-buttons-background);border-radius:var(--size-border-radius);pointer-events:all;position:relative}.create-entry{gap:var(--size-small-medium);flex-direction:column;max-width:40rem;display:flex}.create-entry .prompt{flex:1 0 auto;width:100%}.create-prompt{align-items:center;gap:var(--size-small-medium);flex-wrap:wrap;display:flex}.create-book{gap:var(--size-small-medium);display:flex}.no-prompts{line-height:1.25}.create-books{gap:var(--size-medium-large);flex-direction:column;width:max-content;max-width:40rem;display:flex}.create-book-option{gap:var(--size-small);flex-direction:column;display:flex}.save-delete-warning{gap:var(--size-medium);flex-direction:column;max-width:30rem;display:flex}.warning-buttons{gap:var(--size-medium);justify-content:space-between;align-items:flex-end;display:flex}.warning-buttons div{gap:var(--size-medium);flex-wrap:wrap;justify-content:space-between;display:flex}.warning-messages p:first-child{text-wrap:pretty;font-weight:700}.warning-messages{flex-direction:column;gap:.5rem;display:flex}.warning-messages p{line-height:1.25}
.entry-page,.entry-header{max-width:60rem}.entry-hover-edit{border-radius:var(--size-border-radius);transition:padding .4s,box-shadow .4s;position:relative}textarea.entry-hover-edit{border-radius:0;transition:padding .4s,box-shadow .4s,border-radius .4s}textarea.entry-hover-edit:hover,textarea.entry-hover-edit:focus-visible{border-radius:var(--size-border-radius)}.entry-hover-edit:hover,.entry-hover-edit:focus-visible{padding:var(--size-small)}.entry-hover-edit:hover{box-shadow:0 0 0 var(--size-focus-outline)var(--color-input-border)inset}.entry-hover-edit:focus-visible{box-shadow:0 0 0 var(--size-focus-outline)var(--color-input-focus)inset}.entry-header{display:grid;position:static}.entry-header-edit{grid-template-rows:repeat(2,max-content);grid-template-columns:1fr max-content max-content}.entry-header-read{grid-template-rows:repeat(2,max-content);grid-template-columns:1fr max-content}.entry-header .dropdown{width:fit-content}.entry-header>.entry-status{height:fit-content;padding-block:var(--size-small)}@media (width<=50rem){.entry-header-edit{grid-template-rows:repeat(3,max-content);grid-template-columns:1fr max-content}.entry-header-edit h1{grid-area:2/1/3/3}.entry-header-edit .date-header{grid-area:3/1/4/3}.entry-header-edit .dropdown{grid-area:1/1/2/2}.entry-header-edit .standard-button{grid-area:1/2/2/3}}@media (width<=45rem){.entry-header-read{grid-template-rows:repeat(3,max-content);grid-template-columns:min-content}.entry-header-read h1{grid-area:2/1/3/4}.entry-header-read .date-header{grid-area:3/1/4/4}.entry-header-read .dropdown{grid-area:1/1/2/2}.entry-header-read .standard-button{grid-area:1/3/2/4}.entry-header>.entry-status-locked{padding-block:0}}.entry-text textarea,.entry-text{line-height:var(--entry-leading);font-size:var(--entry-text-scale);width:100%}.modal-photo figcaption textarea,.modal-photo figcaption{line-height:var(--entry-leading);font-size:var(--entry-text-scale)}.date-header{grid-column:0/2;margin-bottom:0}.date-value{cursor:pointer;width:100%;font-size:1.5rem}.date-changer{gap:1rem;display:flex}.date-changer *{margin-block:.25rem}.prompt{padding:var(--size-small);border-radius:var(--size-border-radius);background:var(--color-accent-1);color:var(--color-accent-text-1);line-height:1.25}.entry-page .prompt{font-weight:600;line-height:var(--entry-leading)}.entry-page section{gap:var(--size-small);flex-direction:column;display:flex}.photos-container{gap:var(--size-small);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));width:100%;display:grid}.empty-photos-container{background:var(--color-tiles-background);width:fit-content;padding:var(--size-small-medium);border-radius:var(--size-border-radius)}.entry-photo{width:100%;height:100%;position:relative}.entry-photo button{transition:scale .2s}.entry-photo button:hover,.entry-photo button:focus-visible{scale:1.03}.entry-photo button:focus-visible figure{box-shadow:0 0 0 var(--size-focus-outline)var(--color-input-focus)inset}.entry-photo figure{cursor:pointer;gap:var(--size-small);background:var(--color-input-background);padding:var(--size-small);box-shadow:0 0 0 var(--size-input-outline)var(--color-input-border)inset;grid-template-rows:max-content 4.375rem;display:grid}.entry-photo img{aspect-ratio:1;object-fit:cover;border:var(--size-input-outline)solid var(--color-input-border);width:100%;display:block}.photo-card figcaption{font-size:.875rem;font-style:italic;line-height:1.25}@container (width<=28rem){.photos-container{grid-template-columns:repeat(2,1fr)}}@container (width<=17rem){.photos-container{grid-template-columns:1fr}.entry-photo figure{grid-template-rows:repeat(2,max-content)}}.modal-photo{cursor:default;gap:var(--size-small-medium);grid-template-rows:repeat(2,max-content);width:100%;display:grid}.modal-photo img{aspect-ratio:initial;border:2px solid var(--color-buttons-background);width:auto;max-width:100%;max-height:45svh;margin-inline:auto}.modal-photo-no-caption{grid-template-rows:max-content}