@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500&family=Itim&family=Patrick+Hand&display=swap";:root{font-family:Itim,cursive;color:#25344a;background:#f3ede0;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}.app{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 40% 28%,rgba(255,255,255,.46),transparent 36%),#f3ede0}.app:after{position:absolute;z-index:20;inset:0;pointer-events:none;content:"";opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");mix-blend-mode:multiply}.scene{position:absolute;inset:0}.scene__whisper{position:absolute;z-index:2;top:clamp(18px,5vh,54px);width:100%;margin:0;color:#373e3da1;font-size:clamp(18px,2vw,26px);letter-spacing:.02em;text-align:center}.scene__group{position:absolute;top:51%;left:50%;width:min(94vw,66vh,760px);aspect-ratio:1 / 1;container-type:inline-size;transform:translate(-50%,-50%)}.scene__grass{position:absolute;z-index:1;bottom:10%;left:4%;width:92%;height:34%;object-fit:fill;-webkit-user-select:none;user-select:none}.scene__bush{position:absolute;z-index:2;bottom:29%;left:13%;width:68%;transform-origin:bottom center;-webkit-user-select:none;user-select:none}.scene__shadow{position:absolute;z-index:3;bottom:14%;left:56%;width:12%;height:2.5%;border-radius:50%;background:#41302140;filter:blur(6px);transform:translate(-50%)}.mailbox{position:absolute;z-index:6;left:41%;bottom:15%;width:30%;padding:0;border:0;outline-offset:7px;cursor:pointer;background:transparent;transform-origin:bottom center}.mailbox__state{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.mailbox__state--open{position:absolute;inset:0}.mailbox__sign{position:absolute;top:4.2%;left:49.6%;color:#263852;font-family:Patrick Hand,cursive;display:grid;width:36%;height:1.2em;place-items:center;overflow:hidden;font-size:3.4cqw;line-height:1;letter-spacing:.03em;white-space:nowrap;transform:translate(-50%) rotate(-1deg)}.mailbox__count{display:block;font-variant-numeric:tabular-nums}.mailbox__tooltip{position:absolute;top:34%;left:50%;width:max-content;padding:6px 12px;border:1px solid rgba(103,65,38,.16);border-radius:14px;opacity:0;color:#654b37;background:#fff9e9eb;box-shadow:0 5px 18px #47301b1f;transform:translate(-50%,10px);transition:.18s ease;pointer-events:none}.mailbox:hover .mailbox__tooltip,.mailbox:focus-visible .mailbox__tooltip{opacity:1;transform:translate(-50%)}.glow-dot{position:absolute;z-index:5;width:5px;height:5px;border-radius:50%;background:#ffd978;box-shadow:0 0 9px 3px #ffcf66a6;pointer-events:none}.envelope-field{position:absolute;z-index:7;inset:0;pointer-events:none}.scattered-envelope{position:absolute;top:40.4%;left:63.2%;width:8%;margin:-2.8% 0 0 -4%;pointer-events:auto;padding:0;border:0;cursor:pointer;background:transparent;transform-origin:center}.scattered-envelope img{display:block;width:100%;filter:drop-shadow(0 2px 2px rgba(70,48,31,.2));pointer-events:none}.write-button{position:fixed;z-index:12;bottom:clamp(36px,7vh,72px);left:50%;display:grid;justify-items:center;gap:1px;padding:0;border:0;cursor:pointer;background:transparent;translate:-50% 0}.write-button img{width:68px;filter:drop-shadow(0 5px 4px rgba(68,47,31,.15))}.write-button span{padding:3px 10px;border-radius:12px;color:#4e493d;font-size:17px;background:#f6efdedb}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:3vh 20px;background:#1815124d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.opening-envelope{width:min(330px,62vw);filter:drop-shadow(0 22px 30px rgba(30,20,12,.25))}.letter{position:relative;width:min(575px,92vw);max-height:85vh;aspect-ratio:668 / 890;color:#4a3b2c;filter:drop-shadow(0 22px 28px rgba(44,31,20,.26))}.letter__paper{position:absolute;width:100%;height:100%;object-fit:fill;inset:0}.letter__content{position:absolute;inset:10% 11% 8%;display:flex;min-height:0;flex-direction:column}.letter__header{display:flex;justify-content:space-between;padding:0 3% 8px;border-bottom:1px solid rgba(116,79,55,.23);font-size:clamp(17px,2.5vh,22px)}.letter__body{flex:1;min-height:0;padding:8px 3%;overflow-y:auto;scrollbar-color:rgba(99,73,50,.32) transparent}.letter__body p{margin:0;font-size:clamp(18px,2.55vh,23px);line-height:1.55;white-space:pre-wrap}.flower-picker{padding:8px 2% 4px;border-top:1px solid rgba(116,79,55,.2)}.flower-picker__title{margin:0 0 4px;font-size:clamp(15px,2vh,18px);text-align:center}.flower-picker__options{display:flex;justify-content:center;gap:clamp(4px,1.2vw,12px)}.flower-option{position:relative;display:grid;width:70px;justify-items:center;padding:2px;border:0;cursor:pointer;background:transparent}.flower-option:disabled{cursor:default}.flower-option__image{width:34px;height:40px;object-fit:contain}.flower-option__label{overflow:hidden;width:100%;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.flower-option__count{position:absolute;top:0;right:6px;min-width:19px;padding:1px 4px;border-radius:8px;color:#fffaf0;font-family:system-ui,sans-serif;font-size:10px;background:#687f4c}.letter__action,.letter__quiet-action{align-self:center;padding:7px 20px;border:1px solid rgba(96,60,39,.24);border-radius:20px;cursor:pointer;color:#fffaf0;background:#a75248;box-shadow:0 4px #532f222e}.letter__action:hover{background:#93443d}.letter__action:disabled{opacity:.45;cursor:not-allowed}.letter__quiet-action{color:#705747;background:#fffbed85}.letter__form{display:flex;height:100%;flex-direction:column;gap:10px;padding:1% 3%}.field{display:grid;gap:4px;font-size:17px}.field--body{min-height:0;flex:1}.field input,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(116,79,55,.26);outline:0;color:#4a3b2c;background:#ffffff14}.field input{padding:5px 3px}.field textarea{height:100%;padding:7px 3px;resize:none;font-size:clamp(18px,2.5vh,22px);line-height:1.55}.field input:focus,.field textarea:focus{border-color:#9a6252}.letter__counter{align-self:flex-end;font-size:14px;opacity:.65}.letter__form-actions{display:flex;justify-content:center;gap:12px}.sending-envelope{position:fixed;z-index:40;width:180px;translate:-50% -50%;pointer-events:none;filter:drop-shadow(0 12px 14px rgba(55,34,20,.2))}.sparkle{position:fixed;z-index:41;top:43%;left:55%;width:8px;height:8px;border-radius:50%;background:#ffe08d;box-shadow:0 0 10px #ffcb62;pointer-events:none}@media(max-width:700px){.letter{width:min(100vw,575px);max-height:88vh}.modal-backdrop{padding:2vh 0}.letter__content{inset:9% 9% 7%}.letter__body p{font-size:18px}.flower-option{width:61px}.flower-option__label{font-size:12px}.write-button{bottom:14px}}@media(max-height:650px){.scene__whisper{top:12px}.write-button img{width:54px}.write-button span{font-size:15px}.flower-option__image{width:28px;height:31px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reader{display:flex;align-items:center;gap:clamp(10px,2.2vw,30px)}.reader__nav{display:grid;flex:none;width:52px;height:52px;place-items:center;padding:0 0 5px;border:1px solid rgba(96,60,39,.2);border-radius:50%;cursor:pointer;color:#7a4a36;font-size:36px;line-height:1;background:#fffaeee6;box-shadow:0 6px 16px #2c1f142e;transition:transform .15s ease,background .15s ease}.reader__nav:hover:not(:disabled){background:#fffdf6;transform:scale(1.08)}.reader__nav:disabled{opacity:.3;cursor:default}.reader__nav:focus-visible,.letter__close:focus-visible{outline:2px solid #a75248;outline-offset:3px}.letter{touch-action:pan-y}.letter__paper{-webkit-user-select:none;user-select:none;pointer-events:none}.letter__close{position:absolute;z-index:3;top:5%;right:7%;display:grid;width:38px;height:38px;place-items:center;padding:0 0 3px;border:1px solid rgba(96,60,39,.22);border-radius:50%;cursor:pointer;color:#6b4a38;font-size:26px;line-height:1;background:#fffbf0d9;transition:transform .15s ease,background .15s ease}.letter__close:hover{background:#fffdf6;transform:rotate(90deg)}.letter__position{align-self:center;margin-top:4px;color:#4a3b2c8c;font-size:14px;letter-spacing:.08em}@media(max-width:700px){.reader{position:relative}.reader__nav{position:absolute;z-index:4;top:50%;width:40px;height:40px;font-size:28px;transform:translateY(-50%)}.reader__nav:hover:not(:disabled){transform:translateY(-50%) scale(1.08)}.reader__nav--prev{left:6px}.reader__nav--next{right:6px}.letter__close{width:34px;height:34px;font-size:23px}}:root,[data-theme=chambi]{--bg: #efe6d4;--pattern: radial-gradient(circle, #f8f2e6 0 3.6px, transparent 4.2px), radial-gradient(circle, #f8f2e6 0 3.6px, transparent 4.2px);--pattern-size: 28px 28px;--pattern-pos: 0 0, 14px 14px;--swatch-size: 18px 18px;--swatch-pos: 0 0, 9px 9px;--spot: rgba(239, 230, 212, .95);--glow: transparent;--ink: #4e493d;--ink-soft: rgba(70, 64, 54, .66);--chip: rgba(248, 242, 230, .9);--grain: .17}[data-theme=sang]{--bg: #faf6ee;--pattern: none;--pattern-size: auto;--pattern-pos: 0 0;--swatch-size: auto;--swatch-pos: 0 0;--spot: rgba(250, 246, 238, .95);--glow: transparent;--ink: #4e493d;--ink-soft: rgba(70, 64, 54, .62);--chip: rgba(255, 252, 245, .92);--grain: .12}[data-theme=toi]{--bg: #1d2525;--pattern: radial-gradient(circle, #263131 0 3.6px, transparent 4.2px), radial-gradient(circle, #263131 0 3.6px, transparent 4.2px);--pattern-size: 28px 28px;--pattern-pos: 0 0, 14px 14px;--swatch-size: 18px 18px;--swatch-pos: 0 0, 9px 9px;--spot: rgba(29, 37, 37, .9);--glow: rgba(255, 221, 160, .2);--ink: #efe7d6;--ink-soft: rgba(239, 231, 214, .72);--chip: rgba(36, 46, 46, .88);--grain: .08}[data-theme=la]{--bg: #f2e1d8;--pattern: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 84 84'%3E%3Cg fill='%23f9eee8'%3E%3Cpath d='M14 34C13 22 20 13 31 10c1 12-6 21-17 24z'/%3E%3Cpath d='M58 76c-6-9-4-19 4-26 6 9 4 19-4 26z'/%3E%3Cpath d='M62 22c4-6 11-8 17-6-3 6-10 9-17 6z'/%3E%3C/g%3E%3Cg fill='none' stroke='%23f2e1d8' stroke-width='1.3' stroke-linecap='round'%3E%3Cpath d='M15 33c5-8 10-15 15-22'/%3E%3Cpath d='M58 75c1-9 2-17 4-24'/%3E%3Cpath d='M63 21c5-2 10-4 15-4'/%3E%3C/g%3E%3C/svg%3E");--pattern-size: 84px 84px;--pattern-pos: 0 0;--swatch-size: 30px 30px;--swatch-pos: 0 0;--spot: rgba(242, 225, 216, .95);--glow: transparent;--ink: #574239;--ink-soft: rgba(87, 66, 57, .66);--chip: rgba(250, 240, 234, .9);--grain: .15}[data-theme=caro]{--bg: #e2ebee;--pattern: linear-gradient(90deg, rgba(255, 255, 255, .38) 50%, transparent 50%), linear-gradient(rgba(255, 255, 255, .38) 50%, transparent 50%);--pattern-size: 36px 36px;--pattern-pos: 0 0;--swatch-size: 12px 12px;--swatch-pos: 0 0;--spot: rgba(226, 235, 238, .95);--glow: transparent;--ink: #3d4a50;--ink-soft: rgba(55, 68, 74, .68);--chip: rgba(244, 248, 249, .9);--grain: .13}html,body{background:var(--bg)}.app{background-color:var(--bg);background-image:var(--pattern);background-size:var(--pattern-size);background-position:var(--pattern-pos);transition:background-color .4s ease}.app:before{position:absolute;z-index:0;inset:0;pointer-events:none;content:"";background:radial-gradient(ellipse min(46vw,56vh) min(40vw,48vh) at 50% 54%,var(--glow),transparent 75%),radial-gradient(ellipse min(60vw,70vh) min(52vw,60vh) at 50% 54%,var(--spot) 30%,transparent 78%)}.app:after{opacity:var(--grain)}.scene__whisper{color:var(--ink-soft)}.write-button span{color:var(--ink);background:var(--chip)}.theme-picker{position:fixed;z-index:14;top:16px;left:16px}.theme-picker__toggle{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;cursor:pointer;color:var(--ink);background:var(--chip);box-shadow:0 4px 14px #281e141f;transition:transform .15s ease}.theme-picker__toggle:hover{transform:scale(1.06)}.theme-picker__toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}.theme-picker__toggle svg circle{fill:currentColor;stroke:none}.theme-picker__toggle:focus-visible,.theme-picker__option:focus-visible{outline:2px solid #a75248;outline-offset:3px}.theme-picker__panel{position:absolute;top:54px;left:0;width:max-content;padding:12px 14px 14px;border:1px solid rgba(96,60,39,.14);border-radius:16px;color:#4e493d;background:#fffbf3f7;box-shadow:0 12px 30px #281e142e;transform-origin:top left}.theme-picker__title{margin:0 0 8px;font-size:15px}.theme-picker__options{display:flex;gap:10px}.theme-picker__option{display:grid;justify-items:center;gap:4px;padding:0;border:0;cursor:pointer;color:inherit;font-size:13px;background:transparent}.theme-picker__swatch{display:block;width:40px;height:40px;border:2px solid rgba(96,60,39,.15);border-radius:50%;background-color:var(--bg);background-image:var(--pattern);background-size:var(--swatch-size);background-position:var(--swatch-pos);transition:transform .15s ease,border-color .15s ease}.theme-picker__option:hover .theme-picker__swatch{transform:scale(1.08)}.theme-picker__option[aria-checked=true] .theme-picker__swatch{border-color:#a75248;box-shadow:0 0 0 2px #a7524840}@media(max-width:700px){.theme-picker{top:12px;left:12px}.theme-picker__toggle{width:40px;height:40px}.theme-picker__options{gap:8px}.theme-picker__swatch{width:36px;height:36px}.scene__whisper{padding:0 56px}}.scene__whisper{display:grid;min-height:2.9em;box-sizing:border-box;align-items:start;justify-items:center;padding:0 24px;font-size:clamp(16px,1.7vw,22px);line-height:1.45}.scene__whisper-line{grid-area:1 / 1;max-width:760px;margin:0;text-wrap:balance}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media(max-width:700px){.scene__whisper{min-height:4.4em;padding:0 56px;font-size:15px}}.scene__group{top:47.5%;width:min(96vw,75vh,1000px)}.scene__whisper{top:clamp(30px,8.5vh,84px)}.sound-toggle{position:fixed;z-index:14;top:16px;left:70px;display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;cursor:pointer;color:var(--ink);background:var(--chip);box-shadow:0 4px 14px #281e141f;transition:transform .15s ease}.sound-toggle:hover{transform:scale(1.06)}.sound-toggle:focus-visible{outline:2px solid #a75248;outline-offset:3px}.sound-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.signature{position:fixed;z-index:11;right:clamp(14px,2.4vw,32px);bottom:clamp(12px,2.2vh,26px);margin:0;color:var(--ink-soft);font-family:Caveat,Patrick Hand,cursive;font-size:clamp(19px,1.9vw,26px);font-weight:500;transform:rotate(-3deg);transform-origin:right bottom;pointer-events:none;-webkit-user-select:none;user-select:none}.signature span{color:#c0574d}@media(max-width:700px){.scene__group{top:50%;width:min(106vw,70vh)}.scene__whisper{top:clamp(64px,9vh,90px);padding:0 20px}.sound-toggle{top:12px;left:60px;width:40px;height:40px}.write-button{bottom:56px}.signature{bottom:8px;font-size:16px}}@media(min-width:701px)and (max-height:800px){.scene__group{width:min(96vw,70vh,1000px)}}.blog-menu{position:fixed;z-index:14;top:16px;left:124px}.education-button{display:grid;width:44px;height:44px;place-items:center;padding:0;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:50%;cursor:pointer;color:var(--ink);background:var(--chip);box-shadow:0 4px 14px #281e141f;transition:transform .15s ease}.education-button:hover{transform:scale(1.06)}.education-button:focus-visible{outline:2px solid #a75248;outline-offset:3px}.education-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.letter__header--title{justify-content:center}.letter__header--title h2{margin:0;font-family:Patrick Hand,cursive;font-size:clamp(24px,3.4vh,30px);font-weight:400;letter-spacing:.02em}.letter__body--info{padding-top:12px}.letter__body--info section+section{margin-top:16px}.letter__body--info h3{margin:0 0 4px;color:#93483f;font-size:clamp(19px,2.6vh,23px);font-weight:400}.letter__body--info p{margin:0 0 10px;font-size:clamp(17px,2.4vh,21px);line-height:1.55}.letter__body--info strong{color:#6b3a2e;font-weight:700}.letter__body--info a{color:#93483f;text-decoration:underline;text-underline-offset:2px}.blog-list{margin:0 0 12px;padding-left:1.4em;font-size:clamp(17px,2.4vh,21px);line-height:1.55}.blog-list li+li{margin-top:6px}.blog-list--check{padding-left:0;list-style:none}.blog-list--check li{position:relative;padding-left:1.5em}.blog-list--check li:before{position:absolute;left:.15em;color:#6f8f4e;content:"✓"}.blog-table{margin:4px 0 14px;border:1px solid rgba(96,60,39,.18);border-radius:10px;overflow:hidden}.blog-table table{width:100%;border-collapse:collapse;font-size:clamp(14px,1.9vh,17px);line-height:1.4}.blog-table th,.blog-table td{padding:6px 8px;border-bottom:1px solid rgba(96,60,39,.12);text-align:left;vertical-align:top}.blog-table th{color:#93483f;font-weight:400;background:#a7524812}.blog-table tr:last-child td{border-bottom:0}@media(max-width:700px){.blog-table thead{display:none}.blog-table tr{display:block;padding:8px 10px;border-bottom:1px solid rgba(96,60,39,.12)}.blog-table tr:last-child{border-bottom:0}.blog-table td{display:grid;grid-template-columns:42% 1fr;gap:8px;padding:2px 0;border:0}.blog-table td:before{color:#93483f;content:attr(data-label)}.blog-table td:first-child{display:block;margin-bottom:2px;color:#6b3a2e;font-weight:700}.blog-table td:first-child:before{content:none}}.letter__sources{margin-top:18px;padding-top:10px;border-top:1px solid rgba(96,60,39,.18);color:#4a3b2cbf;font-size:clamp(14px,1.9vh,16px);font-style:italic;line-height:1.5}.letter__signoff{margin-top:1.4em;text-align:right;white-space:pre-line}.letter__intro{font-style:italic;color:#4a3b2ccc}.blog-menu__panel{position:absolute;top:54px;left:0;width:max-content;max-width:min(300px,calc(100vw - 140px));padding:12px 8px 8px;border:1px solid rgba(96,60,39,.14);border-radius:16px;color:#4e493d;background:#fffbf3f7;box-shadow:0 12px 30px #281e142e;transform-origin:top left}.blog-menu__panel:before{position:absolute;top:-12px;right:0;left:0;height:12px;content:""}.blog-menu__title{margin:0 6px 6px;font-size:15px}.blog-menu__list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.blog-menu__item{display:block;width:100%;padding:8px 10px;border:0;border-radius:10px;cursor:pointer;color:inherit;font:inherit;font-size:15px;line-height:1.3;text-align:left;background:transparent;transition:background-color .15s ease}.blog-menu__item:hover{background:#a752481a}.blog-menu__item:focus-visible{outline:2px solid #a75248;outline-offset:-2px}@media(max-width:700px){.blog-menu{top:12px;left:108px}.education-button{width:40px;height:40px}.blog-menu__panel{top:50px;left:-96px;max-width:calc(100vw - 24px)}}:root{--shadow-ink: 52, 40, 22;--shade-ink: 24, 40, 12}.scene__grass img,.scene__bush img{display:block;width:100%;-webkit-user-select:none;user-select:none}.scene__grass img{height:100%;object-fit:fill}.scene__grass .shade,.scene__bush .shade,.scene__bush .shine{position:absolute;inset:0;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.scene__island-shadow{position:absolute;z-index:0;bottom:5%;left:9%;width:90%;height:15%;border-radius:50%;background:radial-gradient(ellipse 50% 50% at 54% 45%,rgba(var(--shadow-ink),.3),rgba(var(--shadow-ink),.12) 60%,transparent 100%);filter:blur(10px)}.scene__grass .shade{background:linear-gradient(172deg,transparent 52%,rgba(var(--shade-ink),.42) 100%),linear-gradient(100deg,transparent 55%,rgba(var(--shade-ink),.22) 100%);mix-blend-mode:multiply}.scene__grass-shadows{position:absolute;z-index:1;bottom:10%;left:4%;width:92%;height:34%;pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mix-blend-mode:multiply}.bush-contact{position:absolute;bottom:44%;left:12%;width:74%;height:26%;border-radius:50%;background:radial-gradient(ellipse 50% 50% at 56% 50%,rgba(var(--shade-ink),.7),rgba(var(--shade-ink),.3) 55%,transparent 100%);filter:blur(6px)}.bush-cast{position:absolute;bottom:55.9%;left:9.78%;width:73.9%;height:170.6%;background:rgb(var(--shade-ink));opacity:.45;filter:blur(4px);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform-origin:50% 100%;transform:skew(-46deg) scaleY(.24)}.scene__bush .shade{background:radial-gradient(ellipse 75% 70% at 22% 12%,transparent 35%,rgba(var(--shade-ink),.18) 70%,rgba(var(--shade-ink),.42) 100%);mix-blend-mode:multiply}.scene__bush .shine{background:radial-gradient(ellipse 45% 40% at 28% 18%,rgba(255,244,200,.28),transparent 70%);mix-blend-mode:soft-light}.mailbox-cast{position:absolute;z-index:3;bottom:15%;left:41%;width:30%;aspect-ratio:365 / 804;background:rgb(var(--shade-ink));pointer-events:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;mix-blend-mode:multiply}.mailbox-cast--bush{opacity:.38;filter:blur(6px);transform:translate(9%,2.5%)}.mailbox-cast--ground{opacity:.34;filter:blur(2.5px);transform-origin:47.9% 100%;transform:skew(-46deg) scaleY(.24)}.field__label-row{display:flex;align-items:center;gap:8px}.hint{position:relative;display:inline-flex}.hint__icon{display:grid;width:22px;height:22px;place-items:center;padding:0 0 1px;border:1px solid rgba(147,72,63,.45);border-radius:50%;cursor:help;color:#93483f;font-family:Georgia,Times New Roman,serif;font-size:14px;font-style:italic;font-weight:700;line-height:1;background:#fffaf0d9}.hint__icon:focus-visible{outline:2px solid #a75248;outline-offset:2px}.hint__bubble{position:absolute;z-index:5;top:calc(100% + 8px);left:50%;width:max-content;max-width:min(300px,70vw);padding:9px 12px;border:1px solid rgba(147,72,63,.2);border-radius:12px;color:#5b3b32;font-size:15px;line-height:1.45;background:#fff8ee;box-shadow:0 8px 22px #3c28192e;opacity:0;visibility:hidden;transform:translate(-30%,-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s;pointer-events:none}.hint__bubble:before{position:absolute;top:-6px;left:30%;width:10px;height:10px;border-top:1px solid rgba(147,72,63,.2);border-left:1px solid rgba(147,72,63,.2);content:"";background:#fff8ee;transform:translate(-50%) rotate(45deg)}.hint:hover .hint__bubble,.hint__icon:focus-visible+.hint__bubble,.hint--open .hint__bubble{opacity:1;visibility:visible;transform:translate(-30%)}.toast{position:fixed;z-index:40;bottom:clamp(110px,16vh,150px);left:50%;width:max-content;max-width:min(440px,calc(100vw - 32px));padding:12px 18px;border:1px solid rgba(147,72,63,.2);border-radius:14px;cursor:pointer;color:#5b3b32;font-size:15px;line-height:1.45;text-align:center;background:#fff8ee;box-shadow:0 10px 28px #3c281933;translate:-50% 0}.scene__group{opacity:0;transition:opacity .7s ease}.scene__group.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.scene__group{transition:none}}