body{min-height:100vh;margin:0;overflow-x:hidden;font-family:times new roman,Times,serif}[hidden]{display:none!important}#word-container{display:flex;flex-wrap:wrap;width:100vw;height:100vh;margin-top:100px}.scrollSentinel{flex:0 0 100%;height:1px}.word{position:relative;margin:25px;max-width:100vw;word-break:break-all;text-align:left}.word span{cursor:pointer}.word.garden-name{max-width:360px;word-break:normal;text-align:left}.word.garden-name span{display:inline-block;max-width:100%;line-height:1.1;white-space:normal;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:.03em;will-change:transform}.word.garden-name span.is-drifting{animation:nameDrift var(--drift-duration,18s)ease-in-out infinite alternate;animation-delay:var(--drift-delay,0s)}.comments-div{display:flex;flex-direction:column;align-items:flex-start;width:auto;max-width:300px;margin-top:25px;word-break:normal}.comment{font-style:italic}.comment-form{padding-top:10px;font-size:20px}.comment-form textarea{width:100%;max-width:300px;font-size:14px;padding:5px;outline:none;background-color:transparent;border:1px solid #000;font-family:times new roman,Times,serif;word-break:normal;resize:vertical}.comment-form button{padding:5px;margin:0;font-size:12px;background-color:#fff;color:#000;border:1px solid #000;font-family:Arial,Helvetica,sans-serif;cursor:pointer}.comment-form button:hover{background-color:#000;color:#fff}.submitWordNameButton{margin-right:10px}.overlayContainer{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background-color:rgba(255,255,255,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);opacity:1;transition:opacity .7s ease;z-index:1200}.overlayContainer.is-hidden{display:none}#introContainer.is-exiting{opacity:0}.overlayPanel,#wordForm,#nameForm{position:relative;width:100%;max-width:720px;padding:36px;border:1px solid #000;background-color:rgba(255,255,255,.6);box-sizing:border-box}#wordForm,#nameForm{font-size:25px;text-align:center}#wordForm div,#nameForm div{margin-bottom:25px}#wordForm input,#nameForm input{width:100%;font-size:42px;text-align:center;border:none;outline:none;background-color:transparent;border-bottom:1px dotted #000;font-family:times new roman,Times,serif}#sendAWord,#sendAName,#introEyebrow,#nameFeedbackPrompt{font-family:Arial,Helvetica,sans-serif}#introEyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase}#introTitle,#nameFeedbackTitle{margin:0 0 16px;text-align:center}#nameFeedbackTitle{font-family:Arial,Helvetica,sans-serif;font-weight:700}#introText{margin:0 100px 24px;font-size:20px;line-height:1.45;text-align:center}button,.actionButton{padding:10px 14px;font-size:14px;border:1px solid #000;background-color:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;cursor:pointer;text-transform:uppercase}button:hover,.actionButton:hover,.sentimentButton.is-active{background-color:#000;color:#fff}button:disabled,.actionButton:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover,.actionButton:disabled:hover{background-color:#fff;color:#000}#actionButtons{position:fixed;top:24px;right:24px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;width:64vw;max-width:560px;z-index:1000}.actionButton{display:block;text-align:center;background-color:rgba(255,255,255,.4);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}#enterGarden{display:flex;justify-content:center}#wordAgain{width:120px}#suggestName{width:120px;max-width:100%}#nameFeedbackContainer{align-items:center;overflow-y:auto}#nameFeedbackDialog{width:100%;max-width:760px;margin:0 auto;text-align:center}.dialogClose{position:absolute;top:16px;right:16px;width:40px;padding:8px 0}#nameFeedbackForm{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.nameFeedbackButtons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0;width:100%}.sentimentButton{width:auto}.sentimentButton:disabled{opacity:.55;cursor:not-allowed}.nameFeedbackCommentWrap{width:100%}#nameFeedbackList{max-height:300px;overflow-y:auto}#nameFeedbackComment{width:100%;max-width:520px;box-sizing:border-box;margin:0 auto;padding:6px 0;font-size:16px;line-height:1.4;min-height:calc(1em * 1.4 + 12px);border:none;background-color:transparent;font-family:times new roman,Times,serif;overflow:hidden;resize:none;text-align:center}#nameFeedbackComment:focus{outline:none}#nameFeedbackComment:disabled{opacity:.6;cursor:not-allowed}#nameFeedbackStatus{width:100%;max-width:460px;min-height:18px;margin:0 auto;font-size:13px;font-style:italic}.nameFeedbackColumns{display:flex;flex-direction:column;width:100%;max-width:520px;margin:0 auto;border:1px solid rgba(0,0,0,.15);background-color:rgba(255,255,255,.4);overflow:hidden}.feedbackTogglePrimary{max-width:520px;margin:0 auto 14px;border:1px solid rgba(0,0,0,.15);background-color:rgba(255,255,255,.4)}.feedbackToggle{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;border:0;background-color:transparent;color:#000}.feedbackToggle:hover{background-color:transparent;color:#000}.feedbackToggle::after{content:'+';font-size:18px;line-height:1}.feedbackToggle[aria-expanded=true]::after{content:'-'}.feedbackCommentList{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px}.feedbackComment{width:100%;max-width:420px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.15);text-align:center}.feedbackComment:last-child{border-bottom:none;padding-bottom:0}.feedbackEmpty{max-width:360px;margin:0 auto;font-style:italic;opacity:.75}figure{margin:0}audio{width:200px;height:200px;background-color:transparent}@keyframes nameDrift{0%{transform:translate(0,0)}50%{transform:translate(var(--drift-x-one,8px),var(--drift-y-one,-6px))}100%{transform:translate(var(--drift-x-two,-10px),var(--drift-y-two,10px))}}@media(max-width:900px){#actionButtons{top:auto;right:16px;bottom:16px;left:16px;max-width:none;justify-content:stretch}.actionButton,#wordAgain,#suggestName{width:100%}.overlayPanel,#wordForm,#nameForm{padding:24px}.introPanel{text-align:center}#wordForm input,#nameForm input{font-size:32px}.nameFeedbackColumns{max-width:100%}}