*{margin:0;padding:0}html,body{overflow:hidden;cursor:url(resources/cursor.png) 8 8,auto;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;background:#fff8ec}.webgl{position:fixed;top:0;left:0;outline:none}#header{background-color:transparent;padding:20px 50px;color:#3c3c3c;position:relative;z-index:9999;display:flex;justify-content:space-between;align-items:flex-start;gap:1em}#headerButtons{display:flex;gap:10px}#aboutButton{padding:5px 30px;font-size:18px;background-color:transparent;color:#3c3c3c;border:1px solid rgb(60,60,60);border-radius:5px;cursor:pointer;font-family:Cormorant Garamond,serif;font-weight:300;font-style:normal;display:flex;align-items:center;justify-content:center}.aboutTextWrapper{height:1em;overflow:hidden;display:block;line-height:1}.aboutTextGroup{display:flex;flex-direction:column;transition:transform .4s ease;line-height:1}.aboutTextGroup span{height:1em;line-height:1;display:block}@media (hover: hover) and (pointer: fine){@media (prefers-reduced-motion: no-preference){#aboutButton:hover .aboutTextGroup{transform:translateY(-1em)}}}#instructionButton{padding:5px 30px;font-size:18px;background-color:transparent;color:#3c3c3c;border:1px solid rgb(60,60,60);border-radius:5px;cursor:pointer;font-family:Cormorant Garamond,serif;font-weight:300;font-style:normal;display:flex;align-items:center;justify-content:center}.instructionTextWrapper{height:1em;overflow:hidden;display:block;line-height:1}.instructionTextGroup{display:flex;flex-direction:column;transition:transform .4s ease;line-height:1}.instructionTextGroup span{height:1em;line-height:1;display:block}@media (hover: hover) and (pointer: fine){@media (prefers-reduced-motion: no-preference){#instructionButton:hover .instructionTextGroup{transform:translateY(-1em)}}}#audioButton{padding:5px 30px;font-size:18px;background-color:transparent;color:#3c3c3c;border:1px solid rgb(60,60,60);border-radius:5px;cursor:pointer;font-family:Cormorant Garamond,serif;font-weight:300;font-style:normal;display:flex;align-items:center;justify-content:center}#audioButton.clicked{background:#b0ade8}#logo{position:absolute;left:50%;transform:translate(-50%);font-size:32px;font-family:Cormorant Garamond,serif;font-weight:400;color:#3c3c3c;pointer-events:none}#aboutPopup{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;justify-content:center;align-items:center;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999}.popup-content{background:#fff8eccc;border-radius:15px;max-width:60vw;box-shadow:0 10px 40px #0003;display:flex;padding:60px;color:#3c3c3c}.popup-content p{font-size:18px;max-width:90%}#aboutPopupLeft{display:flex;flex-direction:column;align-items:flex-start;max-width:70%}#p1{padding-bottom:10px}#p2{padding-bottom:20px}#plantSmth{align-self:flex-end;max-width:80%}#aboutPopupRight{display:flex;flex-direction:column;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;justify-content:center;align-items:center;border-left:1px solid #3c3c3c;padding-left:20px;width:30%;text-align:center}#aboutPopupRight p{text-align:center}#feedback{width:100%;display:flex;justify-content:center}#feedback p{font-size:24px;padding-left:0;padding-right:0}#github{display:flex;flex-direction:column;padding-top:30px;padding-left:0;padding-right:0;align-items:center}#github p{padding-bottom:15px}#githubButton{border:1px solid rgb(60,60,60);border-radius:5px;background:transparent;padding:3px 30px;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:14px;cursor:pointer}#githubButton:hover{background:#b0ade8;color:#fff8ec}#aboutHeading{font-size:32px;font-optical-sizing:auto;font-weight:300;font-style:normal;padding-bottom:15px}#suggestionsText{display:flex;flex-direction:column;padding:30px 0 10px;align-items:center;justify-content:center}#suggestions{display:flex;justify-content:center;padding-top:10px;flex-direction:row;gap:10px;width:100%}#visitorSuggestions{border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:1px solid rgb(60,60,60);background:transparent;max-width:70%;padding:5px 0;text-align:center;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:14px}#sendButton{border:1px solid rgb(60,60,60);border-radius:5px;background:transparent;padding:3px 7px;max-width:20%;text-align:center;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:14px}#sendButton:hover{background:#b0ade8;color:#fff8ec}#welcomePopup{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:10000;cursor:pointer}#welcomeContent{background:#fff8ec;border-radius:10px;width:50vw;box-shadow:0 10px 40px #0003;text-align:center;padding:50px}#welcomeTop{display:flex;flex-direction:column;text-align:center;align-items:center}#welcomep1{font-size:16px}#welcomeHeading{font-size:42px}#welcomeFlex{display:flex;flex-direction:row;gap:20px;padding-top:30px}#welcomeFlexLeft,#welcomeFlexRight{display:flex;flex-direction:column;align-items:center}#welcomeHeading{font-size:32px;padding-bottom:10px}#welcomeP{font-size:18px;max-width:80%}#searchWrapper{display:flex;flex-direction:column;align-items:flex-end;gap:.3em;max-width:300px}#searchContainer{z-index:9999;display:flex;align-items:center;gap:10px;background:transparent;border-radius:5px}#keywordSearch{padding:5px 25px;font-size:1rem;border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:1px solid rgb(60,60,60);outline:none;width:180px;background-color:transparent;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:18px}#searchButton{padding:5px 30px;font-size:18px;background-color:transparent;color:#3c3c3c;border:1px solid rgb(60,60,60);border-radius:5px;cursor:pointer;font-family:Cormorant Garamond,serif;font-weight:300;font-style:normal;display:flex;align-items:center;justify-content:center}.btnTextWrapper{height:1em;overflow:hidden;display:block;line-height:1}.btnTextGroup{display:flex;flex-direction:column;transition:transform .4s ease;line-height:1}.btnTextGroup span{height:1em;line-height:1;display:block}@media (hover: hover) and (pointer: fine){@media (prefers-reduced-motion: no-preference){#searchButton:hover .btnTextGroup{transform:translateY(-1em)}}}#clearTagsButton{padding:5px 30px;font-size:18px;background-color:transparent;color:#3c3c3c;border:1px solid rgb(60,60,60);border-radius:5px;cursor:pointer;font-family:Cormorant Garamond,serif;font-weight:300;font-style:normal;display:flex;align-items:center;justify-content:center}@media (hover: hover) and (pointer: fine){@media (prefers-reduced-motion: no-preference){#clearTagsButton:hover .btnTextGroup{transform:translateY(-1em)}}}#searchMessage{margin-left:1em;font-size:.9rem;color:#333;display:none}#activeKeywords{display:flex;gap:.5em;flex-wrap:wrap;margin-left:1em}#topTagsSidebar{position:fixed;top:100px;right:20px;background:transparent;padding:20px;border:rgb(60,60,60);border-radius:8px;z-index:9998;font-family:Cormorant Garamond,serif;font-size:16px;color:#3c3c3c;max-width:200px;text-justify:right}#topTagsSidebar h4{text-align:center}#topTagsList{display:flex;flex-direction:column;gap:8px;margin-top:20px;max-height:75vh;overflow-y:auto;scrollbar-width:thin}#topTagsList::-webkit-scrollbar{width:6px}#topTagsList::-webkit-scrollbar-thumb{background:#aaa;border-radius:10px}.top-tag-pill{cursor:pointer;background:transparent;border:1px solid rgb(60,60,60);border-radius:40px;padding:5px 15px;text-align:center;transition:background .2s;max-width:100%;white-space:normal;word-break:break-word}.top-tag-pill:hover{background:#b0ade8;color:#fff}#modal{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);justify-content:center;align-items:center;padding-top:40px;z-index:9999;display:none;cursor:pointer;border-radius:20px;background:#fff8ec66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:700px}#modal.active{display:flex}#modalForm{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 5px 30px}#flexBox{text-align:center;color:#3c3c3c;display:flex;justify-content:center;align-items:top}.modal-content h2{font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;padding:0;font-size:30px;text-align:left;color:#454545}#flowerProjectInputName{background:transparent;border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:1px solid rgb(60,60,60);padding:20px 0 5px;width:90%;text-align:center;margin:0%}#flowerInputName{background:transparent;border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:1px solid rgb(60,60,60);padding:5px 0;width:90%;text-align:center;margin:0%}#flowerInputDescription,#flowerInputLink,#flowerInputKeyword{background:transparent;border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:1px solid rgb(60,60,60);padding:5px 0;width:90%;text-align:center}#modalFormRight{position:relative;text-align:left;margin-left:20px;max-width:50%}#modalFormLeft{max-width:50%;align-items:center}#imagePreview{display:block;max-width:100%;max-height:40%;height:auto;margin:0 auto 20px;padding:0}#flowerInputImage{margin-top:20px;margin-left:10px;margin-bottom:0}#imageContainer{background:transparent;border-style:solid;border-width:1px;border-radius:10px;padding:10px 25px;margin-left:0;margin-bottom:15px}#flowerColor{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border:1px solid #3c3c3c;border-radius:50%;padding:0;cursor:pointer;float:right}#flowerColor::-webkit-color-swatch-wrapper{padding:0}#flowerColor::-webkit-color-swatch{border-radius:50%}.flowerTypeColorRow{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:20px;width:100%}.flowerTypeBlock,.flowerColorBlock{display:flex;align-items:center;gap:10px}.flowerColorBlock label,.flowerTypeBlock label{font-size:16px;font-family:Cormorant Garamond,serif}.flowerColorBlock input[type=color]{width:24px;height:24px;border-radius:50%;border:1px solid #3c3c3c;padding:0;margin:0;vertical-align:middle;-moz-appearance:none;appearance:none;-webkit-appearance:none}.close-btn,.submit-btn{margin:5px;display:inline-block;padding:5px 50px;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:16px;cursor:pointer;text-align:center;border:1px solid rgb(60,60,60);background:transparent;border-radius:5px;color:#3c3c3c}#buttonContainer{margin-top:20px}.submit-btn:active,.close-btn:active{background-color:transparent;box-shadow:0 5px gray;transform:translateY(4px)}#addFlowerButton{font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:24px;border:transparent;background:#fff8ece6;border-radius:5px;display:flex;align-items:center;justify-content:center;position:fixed;bottom:20px;left:20px;z-index:10;padding:15px 50px;cursor:pointer}.addFlowerButtonTextWrapper{height:1em;overflow:hidden;display:block;line-height:1}.addFlowerButtonTextGroup{display:flex;flex-direction:column;transition:transform .4s ease;line-height:1}.addFlowerButtonTextGroup span{height:1em;line-height:1;display:block}@media (hover: hover) and (pointer: fine){@media (prefers-reduced-motion: no-preference){#addFlowerButton:hover .addFlowerButtonTextGroup{transform:translateY(-1.09em)}}}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);justify-content:center;align-items:center;padding:40px;z-index:9999;display:none;cursor:pointer;border-radius:5px;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:60vw;max-height:70vh;overflow-y:auto;color:#758fd3}#containerFlexBox{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-top:20px}#containerLeft,#containerRight{flex:1;max-width:50%;overflow-wrap:break-word}#containerRight{display:flex;flex-direction:column;align-items:center;max-height:100%}#containerTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}#projectName{font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;padding:0;font-size:50px;margin:0}#name{background:transparent;border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:.7px solid rgb(60,60,60);border-top:.7px solid rgb(60,60,60);padding:7px 5px;color:#3c3c3c;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:18px}#descriptionText{background:transparent;border-top:transparent;border-left:transparent;border-right:transparent;border-bottom:.7px solid rgb(60,60,60);padding:0 5px 10px;margin-top:10px;color:#3c3c3c;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:18px}#keywordsContainer{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.keyword-box{display:inline-block;padding:3px 25px;background-color:transparent;border:1px solid rgba(117,143,211);border-radius:20px;border-bottom-width:80%;font-family:Cormorant Garamond,serif;font-size:16px;color:#3c3c3c}#projectLink{display:inline-block;background:transparent;border:1px solid rgb(60,60,60);padding:5px 40px;text-decoration:none;line-height:1.2;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:16px;color:#3c3c3c;border-radius:5px}#containerRight{padding:0;margin:0}#currentImage{display:block;max-width:100%;max-height:40%;height:auto;margin:0 0 20px;padding:0;border-radius:10px}#closeInfo{margin:0;display:inline-block;padding:4px 10px;font-family:Cormorant Garamond,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-size:16px;cursor:pointer;text-align:center;border:1px solid rgb(60,60,60);background:transparent;border-radius:5px;color:#3c3c3c}#contactForm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;justify-content:center;align-items:center;z-index:9999;display:none;cursor:pointer;border-radius:20px;background:#fff8ec66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:30vw;padding:60px;gap:20px;color:#3c3c3c}#contactForm:active{display:flex}#contactFormOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:none;justify-content:center;align-items:center;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999}#contactForm h2{font-family:Cormorant Garamond,serif;font-weight:300;font-size:32px;text-align:center}#contactForm p{font-size:18px;text-align:center}#contactFormChoices{display:flex;flex-direction:column;gap:12px;width:100%}.choiceLabel{font-family:Cormorant Garamond,serif;font-size:18px;font-weight:300;cursor:pointer;display:flex;align-items:center;gap:10px}#contactFormName,#contactFormEmail,#contactFormMessage{background:transparent;border:none;border-bottom:1px solid rgb(60,60,60);padding:5px 0;width:100%;text-align:center;font-family:Cormorant Garamond,serif;font-weight:300;font-size:18px;color:#3c3c3c;outline:none}#contactFormMessage{resize:none}#contactFormButtons{display:flex;gap:20px;margin-top:10px}#contactFormSubmit,#contactFormClose{padding:5px 40px;font-family:Cormorant Garamond,serif;font-weight:300;font-size:16px;cursor:pointer;border:1px solid rgb(60,60,60);background:transparent;border-radius:5px;color:#3c3c3c}#contactFormSubmit:hover,#contactFormClose:hover{background:#b0ade8;color:#fff8ec}@media (max-width: 768px){#mobileWarning{display:none}body,html{overflow:hidden}#logo{display:none}#header{flex-direction:row;justify-content:space-between;align-items:center;gap:5px;padding:10px 15px;box-sizing:border-box}#searchWrapper{flex:none;justify-content:center;align-items:center;display:none}#headerButtons{flex:none;gap:5px;justify-content:center;align-items:center;display:flex}#aboutButton,#instructionButton,#audioButton,#searchButton{font-size:14px;padding:0 15px;height:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}#keywordSearch{font-size:14px;height:36px;padding:0 10px;box-sizing:border-box;display:none;vertical-align:middle}#activeKeywords{display:none;gap:.5em;margin-top:10px;margin-left:0}#topTagsSidebar{display:none}.top-tag-pill{font-size:12px;padding:4px 10px}#welcomeContent{width:90vw;max-width:100vw;padding:6vw;box-sizing:border-box;font-size:3vw}#welcomeHeading{font-size:4vw;padding-bottom:1vw}#welcomep1,#welcomeP{font-size:2.8vw;max-width:100%}#welcomeFlex{flex-direction:column;gap:3vw;padding-top:3vw}#welcomeFlex img{width:60vw;max-height:25vh;height:auto;object-fit:contain;display:block}#aboutPopup{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:none;justify-content:center;align-items:center;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;padding:3vw;box-sizing:border-box}.popup-content{flex-direction:column;padding:5vw;max-width:90vw;max-height:90dvh;overflow-y:auto;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-align:center;margin:0 auto}#aboutPopupLeft,#aboutPopupRight{max-width:100%;width:100%;padding:2vw 0;text-align:center;display:flex;flex-direction:column;align-items:center}#aboutPopupRight{border-left:none;padding-top:4vw}#aboutHeading{font-size:5vw!important;text-align:center}#aboutPopupRight p,#aboutPopupLeft p{font-size:3vw;line-height:1.4;max-width:100%}#plantSmth{max-width:100%;align-self:center}#containerFlexBox{flex-direction:column;gap:20px}#containerLeft,#containerRight{max-width:100%;width:100%;text-align:center;align-items:center}#containerRight{padding-top:10px}#projectLink{margin-top:3vh;width:70%}#currentImage{display:block;max-height:100vh;width:auto;height:auto;object-fit:contain;margin:0 auto;border-radius:10px}#modal{left:50%;transform:translate(-50%,-50%);width:90vw;margin:0;padding:0;flex-direction:column}#modalForm,#flexBox{flex-direction:column;align-items:center}#modalFormLeft,#modalFormRight{width:100%;max-width:100%;margin:0;padding:0;text-align:center}#modalFormRight{border-left:none;padding-top:20px}#imagePreview{max-width:100%;height:auto}#flowerInputImage{margin:10px auto}#buttonContainer{width:100%;display:flex;flex-direction:row;gap:10px;align-items:center;padding-top:10px}.submit-btn,.close-btn{width:100%}#addFlowerButton{width:80vw;left:50%;bottom:20px;transform:translate(-50%);padding:12px 30px;font-size:16px}#contactFormOverlay{align-items:center;justify-content:center;padding:0}#contactForm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;max-width:95vw;border-radius:20px;padding:40px;gap:15px;box-sizing:border-box}#contactForm h2{font-size:24px}#contactForm p{font-size:18px;padding-top:20px}#contactFormName,#contactFormEmail,#contactFormMessage{font-size:16px;padding-top:10px}#contactFormName::placeholder,#contactFormEmail::placeholder,#contactFormMessage::placeholder{color:#333;opacity:.8}#contactFormChoices{padding-bottom:10px}.choiceLabel{font-size:16px}#contactButtons{width:100%;display:flex;flex-direction:row;gap:10px;padding-top:10%}#contactFormSubmit,#contactFormClose{width:100%;padding:10px 0;text-align:center}}