*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;-webkit-text-size-adjust:100%;background-color:#b0e0e6}html:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,#87ceeb,#b0e0e6);-webkit-backface-visibility:hidden;backface-visibility:hidden}body{font-family:Kalam,Comic Sans MS,Marker Felt,cursive,sans-serif;background-color:transparent;min-height:100vh;min-height:var(--vh, 100vh);display:flex;justify-content:center;align-items:center;overflow:hidden;overflow-x:hidden;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;width:100%}.page{display:none;width:100%;max-width:100vw;height:100vh;height:var(--vh, 100vh);min-height:var(--vh, 100vh);position:fixed;inset:0;opacity:0;transition:opacity .3s ease}.page.active{display:block;opacity:1}.question-page-background{width:100%;height:100%;background:linear-gradient(180deg,#87ceeb,#b0e0e6);position:relative;overflow:hidden}.particles-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.fullscreen-flower-container{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.fullscreen-flower-container>*{pointer-events:auto}.question-header{text-align:center;color:#fffffff2;margin-top:max(40px,env(safe-area-inset-top));margin-bottom:20px;z-index:100;position:absolute;top:0;left:0;right:0;width:100%;pointer-events:none}.question-header h1{font-family:Faculty Glyphic,serif;font-size:24px;font-weight:400;height:30px;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.question-header p{font-family:Faculty Glyphic;font-size:20px;font-weight:400;opacity:.9}.question-modal{width:calc(100% - 40px);max-width:500px;background:#ffffff80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:12px;padding:20px 12px 8px;height:180px;position:absolute;bottom:max(30px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);box-shadow:none;z-index:200;opacity:1;transition:opacity .4s ease-out}.question-modal-label{font-size:16px;font-weight:600;color:#0a1801;margin-bottom:12px;padding-left:4px;font-family:Faculty Glyphic;text-align:center}.question-input-wrapper{position:relative}.question-input{width:100%;height:115px;padding:12px 80px 12px 12px;border:none;border-radius:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#000;font-size:20px;font-weight:600;background:#fff;resize:none;outline:none;transition:border-color .3s ease;-webkit-user-select:text;user-select:text;touch-action:auto}.question-input:focus{border-color:#2d501680}.question-input::placeholder{color:#999;opacity:.7}.done-button{position:absolute;top:90px;transform:translateY(-50%);right:12px;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#dbbde5e6;color:#0d0d0d;border:none;border-radius:50%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:400;cursor:pointer;transition:background .3s ease,transform .1s ease;box-shadow:none}.done-button svg{width:16px;height:16px;display:block}.done-button:hover{background:#b482b4f2;transform:translateY(-50%) scale(1.05)}.done-button:active{transform:translateY(-50%) scale(.98)}.flower-page-container{width:100%;height:100%;min-height:var(--vh, 100vh);position:relative;background:linear-gradient(180deg,#87ceeb,#b0e0e6);overflow:hidden}.flower-page-nav{position:absolute;top:0;left:0;right:0;display:flex;justify-content:flex-end;align-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));z-index:400;background-color:unset;background:unset}.flower-page-nav .nav-button{margin:0;height:44px;width:120px;padding:10px;background-color:unset;background:unset;backdrop-filter:none;-webkit-backdrop-filter:none}.question-display{padding:20px;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#fff;text-align:center;min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:200;position:absolute;top:59px;left:0;right:0;opacity:0;transition:opacity .4s ease-in;pointer-events:none}.question-prefix{font-size:14px;font-weight:400;color:#fff;margin-bottom:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.question-text{font-size:20px;font-weight:600;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.stem-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.stem-path{stroke:#2d5016;stroke-width:12;fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 2px rgba(45,80,22,.5))}.flower-disc-wrapper{pointer-events:none}.flower-disc-wrapper>*{pointer-events:auto}.garden-disc-answer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:3}.garden-disc-answer img{width:100%;height:100%;object-fit:contain;max-width:100%;max-height:100%}.flower-disc{position:absolute;width:120px!important;height:120px!important;cursor:move;touch-action:none;z-index:2;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.flower-petal{position:absolute;width:auto;height:80px!important;max-height:100px;cursor:grab;touch-action:none;z-index:4;transform-origin:center center;transition:transform .1s ease-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 1px 2px rgba(0,0,0,.1))}.flower-petal:active{cursor:grabbing}.flower-petal.stretching{transition:none}.detached-petal{position:absolute;width:auto;height:80px;max-height:100px;pointer-events:none!important;touch-action:none!important;user-select:none!important;-webkit-user-select:none!important;-webkit-touch-callout:none!important;z-index:5;transform-origin:center center;transition:none!important;will-change:transform;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15)) drop-shadow(0 1px 2px rgba(0,0,0,.1));isolation:isolate;contain:layout style paint}.instructions{position:absolute;bottom:max(20px,max(env(safe-area-inset-bottom,0px),50px));left:50%;transform:translate(-50%);color:#fff;text-align:center;font-size:14px;font-weight:400;pointer-events:none;z-index:200;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:0 20px}.grass-layer{position:absolute;bottom:0;left:0;right:0;height:35vh;pointer-events:none;z-index:10;overflow:hidden}.grass-blade{position:absolute;bottom:0;transform-origin:bottom center;transform:scaleY(0);transition:transform 1.2s cubic-bezier(.34,1.56,.64,1);object-fit:contain;object-position:bottom}.grass-blade.grow{transform:scaleY(1)}.grass-blade.grass-1,.grass-blade.grass-2{height:25vh;width:auto}.answer-display{position:absolute;top:max(200px,30vh);left:50%;transform:translate(-50%);width:80vw;z-index:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.answer-display-image{display:block;width:100%;max-height:600px;height:auto;object-fit:contain;object-position:top}.flower-restart-button{position:absolute;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;border:none;background:unset;color:#3b3b3be6;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;z-index:20;transition:background .2s,transform .1s}.flower-restart-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.flower-restart-button:active{transform:translate(-50%,-50%) scale(.95)}.answer-buttons{position:absolute;bottom:max(30px,max(env(safe-area-inset-bottom,0px),50px));left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:301}.answer-button{padding:12px 24px;background:#fffc;color:#0d0d0d;border:none;border-radius:40px;border-color:#0000;border-image:none;width:140px;height:44px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .1s ease;box-shadow:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.answer-button:hover{background:#fffc;transform:translateY(-2px)}.answer-button:active{transform:translateY(0)}@media(max-width:480px){.instructions{font-size:14px}.answer-display{width:80vw}.answer-button{padding:10px 20px;font-size:14px}}@media(orientation:landscape)and (max-height:500px){.instructions{display:none}.answer-display{width:80vw}}.garden-page-container{width:100%;height:100%;min-height:var(--vh, 100vh);position:relative;background:linear-gradient(180deg,#4a90e2,#87ceeb,#b0e0e6);overflow:hidden}.garden-container{width:100%;height:100%;position:relative;overflow:hidden;cursor:grab}.garden-container:active{cursor:grabbing}.garden-canvas{position:absolute;top:0;left:0;will-change:transform}.garden-header{position:absolute;top:0;left:0;right:0;text-align:center;color:#fffffff2;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 20px max(20px,env(safe-area-inset-left));z-index:100;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.garden-header h1{font-family:Faculty Glyphic,serif;font-size:24px;font-weight:600;margin-bottom:4px;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.1)}.garden-header p{font-size:14px;font-weight:400;opacity:.9;color:#fffffff2}.garden-flower-wrapper{position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:visible}.garden-flower-wrapper .flower-disc-wrapper,.garden-flower-wrapper .flower-disc,.garden-flower-wrapper .flower-disc-wrapper>*,.garden-flower-wrapper .flower-petal,.garden-flower-wrapper .garden-flower-container{pointer-events:none!important}.ghost-flower-wrapper{display:flex;align-items:center;justify-content:center;pointer-events:none}.ghost-flower-wrapper .ghost-flower-image{object-fit:contain}.garden-grass-layer.garden-grass-circular-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible;contain:layout}.garden-grass-layer-back{z-index:1}.garden-grass-layer-middle{z-index:2}.garden-grass-layer-front{z-index:5}.garden-grass-blade{position:absolute;transform-origin:center bottom;transform:scaleY(0);transition:transform 1s cubic-bezier(.34,1.56,.64,1);object-fit:contain;object-position:bottom;width:auto}.garden-grass-blade.grass-1,.garden-grass-blade.grass-2{width:auto}.garden-particles-wrapper{position:absolute;pointer-events:none}.garden-particles-canvas{display:block}.garden-flower-container{position:relative;width:100%;height:100%;pointer-events:none;z-index:2}.garden-flower-container>*{pointer-events:auto}.garden-question-bubble-container{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:312px;height:350px}.garden-question-bubble{background:#b4dce699;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:16px;padding:24px 16px;width:100%;z-index:1;pointer-events:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:left;overflow:visible}.question-bubble-prefix{font-size:14px;font-weight:400;color:#646464cc;margin-bottom:8px;line-height:1.4;text-align:center;width:100%}.question-bubble-text{font-size:16px;font-weight:600;color:#1e1e1ef2;line-height:22px;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;width:100%;height:fit-content;text-align:center}.question-bubble-flower-space{width:100%;height:200px;flex-shrink:0;min-height:200px}.question-bubble-answer{display:none}#backButton,#backToHomeButton,.nav-button-back{color:#fff;font-weight:400;position:absolute;top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:500;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.45);border-radius:50%;background-color:unset;background:unset}#gardenButton{display:flex;align-items:center;justify-content:center;gap:4px;background-color:#459289;background-image:none;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}#gardenButton .garden-btn-flower{width:28px;height:28px;object-fit:contain;background:transparent}#gardenButton .garden-btn-arrow{color:#fff;font-size:14px;font-weight:600}.nav-button{padding:10px 20px;background:unset;backdrop-filter:none;-webkit-backdrop-filter:none;color:#383838;border:none;border-radius:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .3s ease,transform .1s ease;box-shadow:none}.nav-button:hover{background:#fff;transform:translateY(-1px);box-shadow:none}.nav-button:active{transform:translateY(0)}@keyframes flowerGrow{0%{opacity:0;transform:translate(-50%) scale(.8)}to{opacity:1;transform:translate(-50%) scale(1)}}.garden-flower-wrapper.growing{animation:flowerGrow .6s ease-out}.garden-empty-state{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;z-index:100}.empty-state-content{padding:40px}.empty-state-icon{font-size:64px;margin-bottom:20px}.empty-state-content h2{font-size:24px;font-weight:600;margin-bottom:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.empty-state-content p{font-size:16px;opacity:.9}@media(max-width:480px){.garden-question-bubble{max-width:300px;min-width:260px;padding:14px 18px}.question-bubble-prefix{font-size:13px}.question-bubble-text{font-size:16px}.garden-header h1{font-size:20px}.garden-header p{font-size:12px}}