@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap";:root{color:#f8efd5;font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px}button,input,textarea,select{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0}button,select,input[type=range],input[type=checkbox]{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.garden-canvas:focus-visible{outline-offset:3px;outline:2px solid #fad670e6}.experience{isolation:isolate;width:100vw;height:100vh;min-height:100dvh;position:relative;overflow:hidden}.garden-stage{position:absolute;inset:0;overflow:hidden}.garden-canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.nameplate{z-index:4;color:#f6dc8b;letter-spacing:.08em;text-align:center;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 -1px #ffffff7a,0 0 9px #f6d45f1f,0 2px #9b641c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#15191f8a,#0a0d1247);border:1px solid #ffe9a62e;border-radius:999px;min-width:12.5rem;max-width:min(34rem,70vw);padding:.5rem 2.75rem .64rem;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2rem,3vw,2.65rem);font-weight:600;line-height:1;animation:1.1s cubic-bezier(.2,.75,.2,1) both name-arrival;position:absolute;top:clamp(1rem,3.2vh,2.25rem);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff0a,0 12px 42px #00000029}.first-hint{z-index:3;color:#fff4d38a;letter-spacing:.12em;pointer-events:none;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.05rem;animation:3.4s ease-in-out infinite hint-breathe;position:absolute;bottom:clamp(1.8rem,5vh,3.5rem);left:50%;transform:translate(-50%)}.center-message{z-index:3;color:#fff1c9;text-align:center;pointer-events:none;width:min(39rem,100vw - 3rem);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.center-message:before,.center-message:after{content:"";background:linear-gradient(90deg,#0000,#f7d4746b);width:clamp(2rem,5vw,4.5rem);height:1px;margin:0 1rem .42rem;display:inline-block}.center-message:after{transform:scaleX(-1)}.center-message p{letter-spacing:.025em;text-shadow:0 2px 16px #000000d1,0 0 12px #f6d45f21;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.55rem,3vw,2.45rem);font-weight:500;line-height:1.25;animation:5.6s ease-in-out both center-message-cycle;display:inline}.atelier-panel{z-index:7;opacity:0;pointer-events:none;visibility:hidden;-webkit-backdrop-filter:blur(20px)saturate(112%);backdrop-filter:blur(20px)saturate(112%);background:linear-gradient(145deg,#13191ce3,#080d10c4),#0a0e11c2;border:1px solid #f5da9026;border-radius:1.45rem;flex-direction:column;width:min(21rem,100vw - 2.3rem);transition:transform .44s cubic-bezier(.2,.8,.2,1),opacity .3s,visibility 0s linear .44s;display:flex;position:absolute;top:1.15rem;bottom:1.15rem;left:1.15rem;overflow:hidden;transform:translate(calc(-100% - 2rem));box-shadow:inset 0 1px #ffffff0b,0 24px 70px #00000057}.atelier-panel.is-open{opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s;transform:translate(0)}.atelier-heading{border-bottom:1px solid #f5da901a;justify-content:space-between;align-items:center;padding:1.35rem 1.25rem 1.05rem 1.45rem;display:flex}.eyebrow{color:#f9da869e;letter-spacing:.22em;text-transform:uppercase;margin-bottom:.03rem;font-size:.7rem;font-weight:600;display:block}.atelier-heading h2{color:#f6e8c4;letter-spacing:.035em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:2rem;font-weight:500;line-height:.92}.icon-button,.floating-control,.letter-close{color:#fff0c7bd;background:#1117198f;border:1px solid #f9e09e29;border-radius:50%;place-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;transition:border-color .18s,background .18s,color .18s,transform .18s;display:inline-grid;box-shadow:inset 0 1px #ffffff0b,0 9px 26px #0003}@media (hover:hover) and (pointer:fine){.icon-button:hover,.floating-control:hover,.letter-close:hover{color:#fff0c8;background:#212726cc;border-color:#f9e09e57;transform:translateY(-1px)}}.icon-button:active,.floating-control:active,.letter-close:active{transform:scale(.96)}.icon-button svg,.floating-control svg{fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round;stroke-linejoin:round;width:1.2rem;height:1.2rem}.panel-close svg{width:1rem;height:1rem}.atelier-scroll{scrollbar-color:#f6d57933 transparent;scrollbar-width:thin;padding:0 1.35rem 1.4rem;overflow:hidden auto}.atelier-section{border-bottom:1px solid #f5da9016;padding:1.15rem 0 1.25rem}.atelier-section:last-child{border-bottom:0}.atelier-section h3{color:#fff1cc94;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .9rem;font-size:.7rem;font-weight:600}.field{color:#f6ebcfa8;gap:.38rem;min-width:0;margin-bottom:.78rem;font-size:.78rem;display:grid}.field-row{grid-template-columns:1fr 1.08fr;gap:.65rem;display:grid}.field input,.field textarea,.field select{color:#f6ecd4;background:#04090b75;border:1px solid #f5da901f;border-radius:.72rem;outline:0;width:100%;min-height:2.55rem;font-size:.87rem;transition:border-color .18s,background .18s}.custom-select{min-width:0;position:relative}.custom-select.is-open{z-index:24}.custom-select-trigger{color:#f6ecd4;text-align:left;background:linear-gradient(#0d1416d1,#04090ba3);border:1px solid #f5da9021;border-radius:.76rem;outline:0;grid-template-columns:1.15rem minmax(0,1fr) 1rem;align-items:center;gap:.5rem;width:100%;min-height:2.65rem;padding:.42rem .52rem .42rem .62rem;transition:border-color .18s,background .18s,box-shadow .18s;display:grid;box-shadow:inset 0 1px #ffffff09}.custom-select-trigger:hover,.custom-select.is-open .custom-select-trigger{background:linear-gradient(#181f1feb,#070d0ec7);border-color:#f5d2745c}.custom-select-trigger:focus-visible{outline-offset:3px;outline:2px solid #fad670e6}.custom-select-symbol{color:#f2cd69;background:#e2b3421f;border:1px solid #fff0c433;border-radius:50%;flex:none;place-items:center;width:1.15rem;height:1.15rem;font-family:Georgia,serif;font-size:.78rem;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff1f}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;font-weight:500;overflow:hidden}.custom-select-chevron{fill:none;stroke:#ffebb88f;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1rem;height:1rem;transition:transform .18s}.custom-select.is-open .custom-select-chevron{transform:rotate(180deg)}.custom-select-menu{z-index:30;-webkit-backdrop-filter:blur(18px)saturate(118%);backdrop-filter:blur(18px)saturate(118%);overscroll-behavior:contain;background:#081012;border:1px solid #f5da902e;border-radius:.9rem;gap:.16rem;width:max(100%,10.25rem);min-width:100%;max-height:14rem;padding:.34rem;animation:.16s both select-menu-arrival;display:grid;position:absolute;top:calc(100% + .42rem);left:0;right:auto;overflow-y:auto;box-shadow:0 18px 44px #0000007a,inset 0 1px #ffffff0a}.field-row>.field:last-child .custom-select-menu{left:auto;right:0}.custom-select-option{color:#f7eccfb8;text-align:left;background:0 0;border-radius:.64rem;grid-template-columns:1.15rem minmax(0,1fr) 1rem;align-items:center;gap:.5rem;width:100%;min-height:2.55rem;padding:.42rem .48rem;font-size:.83rem;display:grid}.custom-select-option.is-active{color:#fff0c7;background:#e7bc4f1a}.custom-select-option[aria-selected=true]{color:#ffe7a6;background:linear-gradient(90deg,#ab7c1f40,#ab7c1f14)}.custom-select-check{fill:none;stroke:#f2cd69;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;opacity:0;width:1rem;height:1rem}.custom-select-option[aria-selected=true] .custom-select-check{opacity:1}.field input,.field textarea{padding:.66rem .75rem}.field select{padding:.56rem}.field textarea{resize:vertical;min-height:5.75rem;line-height:1.5}.field input:focus,.field textarea:focus,.field select:focus{background:#080e0fb8;border-color:#f5d2746b}.range-field{gap:.55rem;margin:.68rem 0 .95rem;display:grid}.range-field>span{color:#f6ebcfa8;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.range-field output{color:#f9da86a8;font-size:.72rem}.range-field input{appearance:none;background:0 0;width:100%;height:1.1rem;margin:0}.range-field input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#eec24bb8,#eec24b1f);border-radius:999px;height:2px}.range-field input::-webkit-slider-thumb{appearance:none;background:#c79132;border:1px solid #fff2c2db;border-radius:50%;width:.85rem;height:.85rem;margin-top:-.38rem;box-shadow:0 0 0 4px #dbae4114}.range-field input::-moz-range-track{background:#eec24b40;border-radius:999px;height:2px}.range-field input::-moz-range-thumb{background:#c79132;border:1px solid #fff2c2db;border-radius:50%;width:.8rem;height:.8rem}.switch-field{color:#f6ebcfb3;justify-content:space-between;align-items:center;min-height:2.75rem;font-size:.79rem;display:flex;position:relative}.switch-field input{opacity:0;width:2.8rem;height:2rem;position:absolute;right:0}.switch-track{background:#0206078c;border:1px solid #f5da902e;border-radius:999px;width:2.55rem;height:1.42rem;transition:background .18s,border-color .18s;display:block;position:relative}.switch-track span{background:#f4eacb8f;border-radius:50%;width:.9rem;height:.9rem;transition:transform .18s,background .18s;position:absolute;top:.2rem;left:.22rem}.switch-field input:checked+.switch-track{background:#996c1c80;border-color:#f6d37066}.switch-field input:checked+.switch-track span{background:#f5d46f;transform:translate(1.08rem)}.switch-field input:focus-visible+.switch-track{outline-offset:3px;outline:2px solid #fad670e6}.atelier-actions{grid-template-columns:1fr 1fr;gap:.58rem;display:grid}.atelier-actions button{color:#fff2cfd4;background:linear-gradient(#f8db8b1a,#f8db8b09);border:1px solid #f5da9024;border-radius:.76rem;min-height:2.8rem;padding:.62rem .72rem;font-size:.77rem;line-height:1.25;transition:transform .18s,border-color .18s,background .18s}.atelier-actions button:hover{background:linear-gradient(#f8db8b29,#f8db8b11);border-color:#f5da9057;transform:translateY(-1px)}.atelier-actions .quiet-danger{color:#eed2b580;background:0 0;border-color:#0000;grid-column:1/-1;min-height:2.45rem}.atelier-actions .quiet-danger:hover{color:#f4cdb4b8;background:#7a3e2d14;border-color:#d2876926}.floating-control{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1012a3;position:absolute}.audio-control{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom))}.audio-control svg path:first-child{fill:currentColor;stroke:none}.sound-wave{fill:none!important;stroke:currentColor!important}.audio-play{fill:currentColor!important;stroke:none!important}.audio-control[aria-pressed=true],.mobile-controls .floating-control[aria-expanded=true]{color:#ffe49a;background:#75541c85;border-color:#f9d8786b;box-shadow:inset 0 1px #ffffff17,0 0 0 1px #f2c64c14,0 10px 30px #0000003d}.control-label{display:none}.atelier-toggle{left:max(1rem, env(safe-area-inset-left));bottom:max(1rem, env(safe-area-inset-bottom))}.mobile-controls{display:none}.letter-backdrop{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020507a8;place-items:center;padding:1.25rem;animation:.32s both backdrop-arrival;display:grid;position:absolute;inset:0}.letter-dialog{color:#302a21;text-align:center;background:radial-gradient(circle at 14% 8%,#ac843a17,#0000 24%),radial-gradient(circle at 85% 92%,#72552812,#0000 28%),#f1e9d6;border:1px solid #5b452247;border-radius:.4rem;width:min(35rem,100%);min-height:min(35rem,100dvh - 2.5rem);padding:clamp(2.8rem,8vw,5rem) clamp(2rem,8vw,5rem) clamp(2.5rem,7vw,4.2rem);animation:.54s cubic-bezier(.16,.8,.24,1) both letter-arrival;position:relative;overflow:hidden;box-shadow:0 34px 100px #00000085,inset 0 0 70px #70501b0a}.letter-dialog:before,.letter-dialog:after{content:"";border-color:#75572638;width:5.5rem;height:5.5rem;position:absolute}.letter-dialog:before{border-top:1px solid;border-left:1px solid;top:1rem;left:1rem}.letter-dialog:after{border-bottom:1px solid;border-right:1px solid;bottom:1rem;right:1rem}.letter-close{z-index:2;color:#372c1bb8;box-shadow:none;background:#ffffff2e;border-color:#4d3c2129;font-family:Georgia,serif;font-size:1.6rem;line-height:1;position:absolute;top:1rem;right:1rem}.letter-close:hover{color:#3b3020;background:#ffffff57;border-color:#4d3c2147}.letter-ornament{color:#a77b2c;opacity:.66;font-size:.85rem}.letter-kicker{color:#4d391c94;letter-spacing:.25em;text-transform:uppercase;margin:1.15rem 0 .08rem;font-size:.72rem;font-weight:600}.letter-dialog h2{color:#4b3820;letter-spacing:.025em;margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.8rem,8vw,4.8rem);font-weight:500;line-height:1}.letter-rule{background:linear-gradient(90deg,#0000,#8b5f1b8f,#0000);width:5rem;height:1px;margin:1.8rem auto 2rem}.letter-message{color:#514738;max-width:25rem;margin:0 auto;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(1.24rem,3.5vw,1.55rem);line-height:1.58}.letter-signature{color:#745625;gap:.15rem;margin:clamp(2.2rem,7vh,3.6rem) 0 0;font-family:Cormorant Garamond,Georgia,serif;font-size:1.6rem;font-weight:600;display:grid}.letter-signature span{color:#443927a3;font-size:1rem;font-weight:500}.botanical-mark{border-bottom:1px solid #8a632747;width:5rem;height:1rem;margin:2.1rem auto 0;position:relative}.botanical-mark:before,.botanical-mark:after,.botanical-mark span,.botanical-mark i,.botanical-mark b{content:"";background:#f1e9d6;border:1px solid #9a712d66;border-radius:50%;width:.38rem;height:.38rem;position:absolute;bottom:-.18rem}.botanical-mark:before{left:.5rem}.botanical-mark:after{right:.5rem}.botanical-mark span{left:1.55rem}.botanical-mark i{left:2.32rem}.botanical-mark b{right:1.55rem}@keyframes name-arrival{0%{opacity:0;filter:blur(8px);transform:translate(-50%)scale(.96)}to{opacity:1;filter:blur();transform:translate(-50%)scale(1)}}@keyframes hint-breathe{0%,to{opacity:.42;transform:translate(-50%)translateY(0)}50%{opacity:.78;transform:translate(-50%)translateY(-3px)}}@keyframes center-message-cycle{0%{opacity:0;filter:blur(6px);transform:translateY(8px)}14%,78%{opacity:.9;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(3px);transform:translateY(-5px)}}@keyframes backdrop-arrival{0%{opacity:0}to{opacity:1}}@keyframes letter-arrival{0%{opacity:0;transform:translateY(18px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes select-menu-arrival{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1039px){.atelier-panel{width:min(20rem,100vw - 2rem);top:5.2rem;bottom:4.8rem}.center-message{width:min(34rem,100vw - 4rem)}}@media (max-width:720px),(max-height:520px){.nameplate{top:max(.8rem, env(safe-area-inset-top));min-width:10.4rem;max-width:68vw;padding:.44rem 1.8rem .54rem;font-size:1.95rem}.first-hint{bottom:max(5.2rem, calc(env(safe-area-inset-bottom) + 4.4rem))}.center-message{width:calc(100vw - 2.5rem);top:41%}.center-message:before,.center-message:after{width:1.5rem;margin-left:.55rem;margin-right:.55rem}.center-message p{font-size:clamp(1.42rem,7vw,1.85rem)}.atelier-panel{border-bottom:0;border-left:0;border-right:0;border-radius:1.5rem 1.5rem 0 0;width:100%;max-height:min(78dvh,43rem);inset:auto 0 0;transform:translateY(calc(100% + 1rem))}.atelier-panel.is-open{transform:translateY(0)}.atelier-heading{padding-top:1.15rem}.atelier-scroll{padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.atelier-toggle{display:none}.mobile-controls{z-index:6;bottom:max(.7rem, env(safe-area-inset-bottom));left:max(.7rem, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px)saturate(118%);backdrop-filter:blur(16px)saturate(118%);background:#070c0eb3;border:1px solid #f9e09e21;border-radius:1.2rem;gap:.34rem;padding:.34rem;display:flex;position:absolute;box-shadow:0 14px 38px #00000047,inset 0 1px #ffffff0a}.mobile-controls .floating-control{background:#131b1da8;border-radius:.9rem;flex-direction:column;gap:.14rem;width:3.75rem;min-width:3.75rem;height:3.55rem;display:inline-flex;position:static}.audio-control{right:max(.7rem, env(safe-area-inset-right));bottom:max(.7rem, env(safe-area-inset-bottom));background:#070c0ec2;border-radius:1.2rem;flex-direction:column;gap:.18rem;width:4rem;min-width:4rem;height:4.24rem;display:inline-flex}.mobile-controls .floating-control svg,.audio-control svg{width:1.32rem;height:1.32rem}.control-label{color:currentColor;letter-spacing:.025em;font-size:.62rem;font-weight:600;line-height:1;display:block}.field input,.field textarea,.field select{font-size:1rem}.letter-backdrop{padding:.65rem}.letter-dialog{min-height:min(35rem,100dvh - 1.3rem);padding-left:1.65rem;padding-right:1.65rem}}@media (max-width:390px){.field-row{grid-template-columns:1fr;gap:0}.atelier-actions{grid-template-columns:1fr}.atelier-actions .quiet-danger{grid-column:auto}}@media (max-height:520px){.nameplate{padding-top:.36rem;padding-bottom:.46rem;font-size:1.75rem;top:.65rem}.center-message{top:40%}.center-message p{font-size:1.35rem}.atelier-panel{max-height:min(78dvh,19rem);top:auto;bottom:0}.letter-backdrop{align-items:start;overflow:hidden}.letter-dialog{min-height:auto;max-height:calc(100dvh - 1.3rem);padding-top:2.3rem;padding-bottom:2rem;overflow-y:auto}.letter-rule{margin-top:.9rem;margin-bottom:1rem}.letter-message{font-size:1.08rem}.letter-signature{margin-top:1.2rem}.botanical-mark{margin-top:1rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.center-message p{opacity:.9;animation:none!important}}