@import"https://fonts.googleapis.com/css2?family=Kulim+Park:ital,wght@0,200;0,300;0,400;0,600;0,700;1,200;1,300;1,400;1,600;1,700&display=swap";:root{--light-green: #c9e4ca;--middle-green: #87bba2;--blue-green: #55828b;--dark-green: #3b6064;--darker-green: #364958;--header-height: 4.5rem;background-color:var(--darker-green)}body{font-family:Kulim Park,serif}#root{position:relative;overflow:hidden;height:95vh;margin-top:1rem}.pageLayer{position:absolute;top:0;left:0;right:0;bottom:var(--header-height);display:grid;grid-template-columns:.2fr .8fr;background-color:var(--darker-green)}.pageLayer--incoming{z-index:1;transform:translateY(100%);transition:transform .6s cubic-bezier(.65,0,.35,1)}.pageLayer--incoming.pageLayer--in{transform:translateY(0)}#header{position:fixed;left:0;bottom:0;width:100%;height:var(--header-height);box-sizing:border-box;z-index:2;background-color:var(--darker-green);color:var(--light-green);display:flex;align-items:center;font-size:1.5rem;padding:0;>h3{cursor:pointer;margin:0rem .5rem;padding:.5rem;transition:transform .5s ease-in-out,color .5s ease-in-out}&:hover{>h3:not(:hover){transform:scale(.8);transition:transform .5s ease-in-out;color:var(--dark-green)}}}#imageSelector{max-height:90vh;overflow-y:auto}#monthList,#projectList,#meButtonList{list-style:none;margin:0;padding:.5%;display:flex;flex-direction:column;gap:.3rem;align-items:center;>h3{color:var(--light-green);font-size:1.2rem}>li{display:contents}.monthButton,.projectButton,.meButton{width:90%;display:flex;align-items:center;gap:.6rem;text-align:left;background-color:var(--dark-green);color:var(--light-green);border:none;border-radius:.5rem;padding:.6rem 1rem;font-size:1rem;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.monthButton:hover,.projectButton:hover,.meButton:hover{background-color:var(--blue-green)}.monthButton[aria-pressed=true],.projectButton[aria-pressed=true],.meButton[aria-pressed=true]{background-color:var(--middle-green);color:var(--darker-green);transform:scale(1.03)}}#projectList{margin-bottom:.5rem;padding-bottom:.8rem;border-bottom:1px solid var(--dark-green)}.buttonIcon{flex-shrink:0;width:1.15rem;height:1.15rem}#imageDisplay{display:flex;justify-content:center;align-items:center;& img.image{background-color:var(--middle-green);max-width:100%;padding:1rem;max-height:80vh}}#calendar{width:95%;max-width:48rem;display:flex;flex-direction:column;gap:.4rem;>h1{color:var(--light-green);text-align:center;margin:.5rem 0}}.calendarRow{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}.calendarWeekdays .weekdayLabel{text-align:center;color:var(--light-green);font-weight:700}.calendarCell{position:relative;aspect-ratio:1/1;border-radius:.5rem;background-color:var(--dark-green);padding:.3rem;display:flex}.calendarCell.calendarCell--empty{background-color:transparent}.calendarCell .dayNumber{position:absolute;top:.3rem;left:.4rem;color:var(--light-green);font-size:.8rem;text-shadow:0 0 .2rem rgba(0,0,0,.8);z-index:1}.calendarCell .dayThumbnail{width:100%;height:100%;border:none;border-radius:.4rem;padding:0;cursor:pointer;overflow:hidden}.calendarCell .dayThumbnail>img{width:100%;height:100%;object-fit:cover;border-radius:.4rem}.calendarCell .dayThumbnail:hover>img{filter:brightness(1.15)}#fullSizeOverlay{display:flex;position:fixed;inset:0;width:100vw;height:100vh;background-color:#000c;z-index:100;overflow:auto}#fullSizeOverlay img.fullSizeImage{max-width:100vw;max-height:100vh;box-shadow:0 0 1rem #0009;cursor:zoom-in;user-select:none;-webkit-user-drag:none;touch-action:none;transition:max-width .25s ease,max-height .25s ease;z-index:100}#fullSizeOverlay img.fullSizeImage.zoomed{max-width:200vw;max-height:200vh;cursor:zoom-out}#fullSizeOverlay img.fullSizeImage.dragging{cursor:grabbing;transition:none}.overlayCloseButton,.overlayNavButton{z-index:10000;background-color:#00000080;color:var(--light-green);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.overlayCloseButton:hover,.overlayNavButton:hover{background-color:#000c}.overlayCloseButton{width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;flex-shrink:0}.overlayNavButton{position:fixed;top:50%;transform:translateY(-50%);width:3rem;height:3rem;font-size:2rem;line-height:1}.overlayNavButton--prev{left:1.2rem}.overlayNavButton--next{right:1.2rem}.overlayCounter{position:fixed;bottom:1rem;right:1.2rem;z-index:10000;background-color:#00000080;color:var(--light-green);border-radius:1rem;padding:.3rem .8rem;font-size:.9rem}.fullSizeImageWrapper{position:relative;display:inline-flex;margin:auto}.fullSizeImageWrapper .overlayCloseButton{position:absolute;top:.5rem;right:.5rem}#projectGrid{width:95%;max-width:60rem;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:.4rem;>h1{color:var(--light-green);text-align:center;margin:.5rem 0}}.projectGridInner{column-count:2;column-gap:.5rem}.projectThumbnail{display:block;width:100%;margin:0 0 .5rem;break-inside:avoid;border:none;border-radius:.5rem;background-color:var(--dark-green);padding:0;cursor:pointer;overflow:hidden}.projectThumbnail>img{display:block;width:100%;height:auto;border-radius:.5rem}.projectThumbnail:hover>img{filter:brightness(1.15)}@media(min-width:40rem){.projectGridInner{column-count:3}}@media(min-width:64rem){.projectGridInner{column-count:4}}.projectDescription{color:var(--light-green);text-align:center;opacity:.85;margin:.5rem 0 0;line-height:1.5}#documentSelector{max-height:90vh;overflow-y:auto}#documentList{list-style:none;margin:0;padding:.5%;display:flex;flex-direction:column;gap:.3rem;>li{display:contents}.documentButton{width:90%;display:flex;flex-direction:row;align-items:center;gap:.6rem;text-align:left;background-color:var(--dark-green);color:var(--light-green);border:none;border-radius:.5rem;padding:.6rem 1rem;cursor:pointer;transition:background-color .2s ease-in-out,transform .2s ease-in-out}.documentButton:hover{background-color:var(--blue-green);transform:scale(1.03)}.documentButtonText{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0}.documentButtonTitle{font-size:1rem;font-weight:700}.documentButtonWordCount{font-size:.8rem;opacity:.8}}#documentFeed{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 0}.documentCard{width:90%;max-width:42rem;background-color:var(--middle-green);color:var(--darker-green);border-radius:.75rem;padding:1.5rem;scroll-margin-top:1rem;cursor:pointer;transition:transform .2s ease-in-out,filter .2s ease-in-out}.documentCard:hover{transform:scale(1.01);filter:brightness(1.05)}.documentTitle{margin:0 0 .4rem}.documentMeta{display:flex;gap:.8rem;font-size:.85rem;opacity:.8;margin:0 0 .8rem}.documentAuthor:after{content:"•";margin-left:.8rem}.documentExcerpt{margin:0;line-height:1.5;white-space:pre-line}#documentOverlay{position:fixed;inset:0;width:100vw;height:100vh;background-color:#000000d9;z-index:9999;overflow-y:auto;display:flex;justify-content:center;padding:4rem 1.5rem}.documentOverlayContent{width:100%;max-width:42rem;height:fit-content;background-color:var(--middle-green);color:var(--darker-green);border-radius:.75rem;padding:0 2rem 2rem}.documentOverlayHeader{display:flex;justify-content:flex-end;padding-top:.75rem;margin-bottom:-.5rem}.documentOverlayHeader .overlayCloseButton{position:sticky;top:.75rem}.documentOverlayContent .documentBody{margin-top:1rem;line-height:1.6;white-space:pre-line}#meContainer{grid-column:2/2;justify-self:center;display:flex;justify-content:center;flex-direction:column;>h1,h2{margin:0}>h1{margin-top:1rem}}