.wr-app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;overflow:hidden;background:#ddd2bc;color:#233e31;font-family:inherit;isolation:isolate;overscroll-behavior:none}.wr-app button,.wr-modal button{touch-action:manipulation}.wr-app button:focus-visible,.wr-modal button:focus-visible,.wr-modal a:focus-visible{outline:3px solid #bd633f;outline-offset:4px}.wr-stage{position:absolute;top:0;right:0;bottom:0;left:0}.wr-stage canvas{display:block;width:100%;height:100%;outline:none}.wr-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(32,40,27,.28),transparent 29%,transparent 65%,rgba(32,40,27,.2));z-index:1}.wr-header{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;gap:16px;align-items:center;padding:calc(env(safe-area-inset-top,0px) + 22px) max(24px,env(safe-area-inset-right,0px)) 14px max(24px,env(safe-area-inset-left,0px));color:#fff9ec}.wr-icon{width:43px;height:43px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #fff5dd55;border-radius:50%;background:#2943336b;flex-shrink:0;transition:background .2s}.wr-icon:hover{background:#294333b0}.wr-brand>span{font-size:9px;font-weight:700;letter-spacing:.23em}.wr-brand h1{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.04em;margin:1px 0 0}.wr-header-actions{display:flex;gap:9px;margin-left:auto}.wr-location{position:absolute;z-index:2;top:calc(env(safe-area-inset-top,0px) + 98px);left:28px;max-width:min(480px,calc(100% - 56px));pointer-events:none;text-shadow:0 1px 12px #e9dfcf}.wr-place{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:6px 11px;background:#fcf5e8e8;font-size:11px;font-weight:650;box-shadow:0 1px 8px #43311d14}.wr-location h2{font-size:clamp(18px,2.5vw,29px);line-height:1.12;letter-spacing:-.035em;margin:11px 0 6px;font-weight:650}.wr-location-note{display:block;font-size:11px;font-weight:550;margin-top:7px}.wr-quick-actions{position:absolute;z-index:4;right:26px;top:calc(env(safe-area-inset-top,0px) + 100px);display:flex;flex-direction:column;gap:7px}.wr-quick-actions button{display:flex;align-items:center;gap:7px;background:#f9f2e4e8;border:1px solid #d6c7ad;border-radius:20px;padding:8px 13px;font-size:11px;box-shadow:0 2px 9px #6d543210}.wr-controls{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.wr-controls button,.wr-stick{pointer-events:auto}.wr-stick-area{position:absolute;bottom:calc(env(safe-area-inset-bottom,0px) + 69px);left:32px;display:flex;align-items:center;flex-direction:column;gap:12px}.wr-stick{position:relative;width:124px;height:124px;border:1px solid #fff9e47a;border-radius:50%;background:radial-gradient(circle,#f8f2e62b 0,#f8f2e62b 34%,#f8f2e622 35%,#f8f2e622 62%,#fffcf015 63%);box-shadow:0 6px 35px #53432b20;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff9ee}.wr-stick-thumb{position:absolute;left:40px;top:40px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#fff8e9db;color:#375442;box-shadow:0 2px 8px #3a34252c;pointer-events:none}.wr-stick-up,.wr-stick-down,.wr-stick-left,.wr-stick-right{position:absolute;opacity:.8;pointer-events:none}.wr-stick-up{left:53px;top:8px}.wr-stick-down{left:53px;bottom:8px}.wr-stick-left{left:8px;top:53px}.wr-stick-right{right:8px;top:53px}.wr-control-label{font-size:9px;letter-spacing:.18em;font-weight:700;color:#fffdf0;text-shadow:0 1px 4px #33250b77}.wr-turn-area{position:absolute;right:32px;bottom:calc(env(safe-area-inset-bottom,0px) + 69px);display:flex;flex-direction:column;align-items:center;gap:13px}.wr-turn-buttons{display:flex;gap:10px}.wr-turn-buttons button,.wr-step-buttons button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid #fff9e47a;background:#f8f2e647;color:#fff9ed}.wr-flip{transform:scaleX(-1)}.wr-step-buttons{position:absolute;left:171px;bottom:calc(env(safe-area-inset-bottom,0px) + 91px);display:flex;flex-direction:column;gap:9px}.wr-step-buttons button{width:36px;height:36px;background:#294333a6}.wr-context{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 90px);transform:translate(-50%);width:min(390px,40vw);display:flex;justify-content:center}.wr-enter{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:15px 19px;background:#fff9eeef;border:1px solid #dfd1b8;border-radius:15px;box-shadow:0 10px 28px #3e332b25;text-align:left}.wr-enter:hover{background:#fff}.wr-enter-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.wr-enter-copy small{font-size:8px;font-weight:750;letter-spacing:.16em;color:#b25d3b}.wr-enter-copy strong{font-size:14px;line-height:1.3;font-weight:650;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wr-enter>svg{flex-shrink:0}.wr-explore-hint{font-size:11px;color:#fff6e6;text-align:center;text-shadow:0 1px 6px #352617}.wr-bottom-meta{position:absolute;z-index:4;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#fff8e7;text-shadow:0 1px 5px #3e302778;gap:12px}.wr-bottom-meta>span:first-child,.wr-bottom-meta button{display:flex;align-items:center;gap:7px}.wr-bottom-meta button{border-bottom:1px solid #fff8e75e;padding-bottom:2px}.wr-status-dot{display:inline-block;width:6px;height:6px;background:#d4ddb4;border-radius:50%}.wr-welcome-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:100px 22px 35px;background:linear-gradient(90deg,#e8ddc66b,#eee3ce8c);overflow:auto}.wr-welcome{width:min(460px,100%);background:#fff9efef;border:1px solid #fffdf9c2;border-radius:26px;box-shadow:0 26px 80px #3626152b;padding:35px 34px 27px;text-align:center}.wr-eyebrow{display:flex;gap:7px;align-items:center;justify-content:center;font-size:9px;letter-spacing:.13em;color:#927450;font-weight:700}.wr-welcome h2{font-size:clamp(36px,4.7vw,52px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:20px 0 17px}.wr-welcome h2 em{font-family:Georgia,serif;font-weight:400;color:#b15c38}.wr-welcome>p{font-size:13px;line-height:1.65;color:#6c715d;max-width:315px;margin:0 auto}.wr-how{display:flex;justify-content:center;gap:25px;padding:24px 0;color:#66705b}.wr-how>span{display:flex;flex-direction:column;align-items:center;gap:7px;font-size:10px}.wr-primary{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;background:#294f3e;color:#fff8e9;padding:15px 20px;border:0;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer}.wr-primary:hover{background:#1c402f}.wr-secondary{width:100%;padding:12px;font-size:13px;text-decoration:underline}.wr-welcome>small{display:block;font-size:9px;line-height:1.8;color:#98917d;margin-top:17px}.wr-loading{display:flex;gap:10px;align-items:center;justify-content:center;padding:15px 0;font-size:13px}.wr-spinner{display:inline-block;flex-shrink:0;width:19px;height:19px;border:2px solid #c4b99e;border-top-color:#375c42;border-radius:50%;animation:wr-spin 1s linear infinite}@keyframes wr-spin{to{transform:rotate(360deg)}}.wr-error{color:#a14732!important;margin:10px 0 15px!important}.wr-transition{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:#f2e8d9de;display:flex;justify-content:center;align-items:center;gap:12px;padding:30px;font-size:14px}.wr-toast{position:absolute;z-index:12;top:calc(env(safe-area-inset-top,0px) + 95px);left:50%;transform:translate(-50%);width:min(440px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:13px;background:#fff9eefa;box-shadow:0 8px 28px #352f2130;font-size:12px;line-height:1.5}.wr-toast button{flex-shrink:0;margin-left:auto;padding:5px}.wr-modal{z-index:60!important;background:#fffaf1!important;color:#284331!important;border:1px solid #e9dec9!important;border-radius:22px!important;padding:28px!important;width:calc(100% - 26px)!important;max-width:640px!important;max-height:calc(100dvh - 52px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))!important;overflow-y:auto!important;overscroll-behavior:contain;gap:8px!important}.wr-modal h2{font-size:26px;letter-spacing:-.04em;font-weight:550;padding-right:22px}.wr-modal [id][data-state]{outline:none}.wr-modal>p{font-size:12px;color:#85816c;line-height:1.5}.wr-menu{display:flex;flex-direction:column;gap:9px;margin-top:14px}.wr-menu>button:not(.wr-primary){display:flex;align-items:center;gap:10px;border:1px solid #e3dac8;padding:12px 14px;border-radius:10px;font-size:12px;text-align:left}.wr-view-switch{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 3px;font-size:14px}.wr-view-switch small{display:block;font-size:11px;color:#8a836f;margin-top:4px}.wr-view-switch input{accent-color:#365a42;width:22px;height:22px}.wr-key-help{font-size:11px;line-height:1.9;background:#f4eddf;padding:13px 16px;border-radius:10px;margin:4px 0}.wr-key-help strong{font-size:12px}.wr-door-list{display:flex;flex-direction:column;gap:9px;padding-top:13px}.wr-door-list>button{display:flex;gap:13px;align-items:center;text-align:left;background:#f4eddf;border:1px solid #e9dfcc;border-radius:12px;padding:7px}.wr-door-list>button>img,.wr-door-list>button>picture{width:60px;height:78px;-o-object-fit:contain;object-fit:contain;border-radius:5px;flex-shrink:0}.wr-door-list>button>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.wr-door-list strong{font-size:13px;line-height:1.35;font-weight:600}.wr-door-list small{font-size:10px;color:#918570}.wr-door-list>button>svg{flex-shrink:0;margin-right:8px}.wr-read{margin-top:13px}.wr-ingredient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:#e8dfcc;overflow:hidden;border-radius:11px}.wr-ingredient-tile{position:relative;aspect-ratio:1;background:#f5f2e9;overflow:hidden;display:flex;align-items:center;justify-content:center}.wr-ingredient-tile>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.wr-ingredient-tile>div{position:absolute;inset:auto 4px 8px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:2px;font-size:11px;text-shadow:0 1px 4px white,0 1px 9px white}.wr-ingredient-tile strong{display:inline-block;font-size:10px;background:#ede9deed;border-radius:4px;padding:2px 5px;text-shadow:none}.wr-ingredient-tile>div>span{font-weight:600;line-height:1.1}.wr-ingredient-group{position:absolute;top:6px;font-size:9px;background:#fff8edc9;padding:2px 4px;border-radius:4px}.wr-method{list-style:none;display:flex;flex-direction:column;gap:20px}.wr-method li{display:flex;gap:14px;align-items:flex-start}.wr-method li>span{background:#e5d9be;color:#536144;min-width:29px;height:29px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.wr-method p{font-size:14px;line-height:1.75;margin:0}.wr-method small{display:block;font-size:11px;color:#a56541;margin-top:5px}.wr-recipe-link{display:flex;align-items:center;gap:10px;margin:22px 0 0;padding:14px 0 0;border-top:1px solid #e6dcc9;font-size:12px;font-weight:600}@media(max-width:640px){.wr-header{padding:calc(env(safe-area-inset-top,0px) + 15px) 16px 10px;gap:12px}.wr-brand h1{font-size:18px}.wr-icon{width:38px;height:38px}.wr-brand>span{font-size:8px}.wr-location{top:calc(env(safe-area-inset-top,0px) + 78px);left:18px;max-width:calc(100% - 36px)}.wr-location h2{font-size:21px;max-width:calc(100% - 40px);margin-top:10px}.wr-location-note{font-size:10px;max-width:300px}.wr-quick-actions{top:calc(env(safe-area-inset-top,0px) + 175px);right:auto;left:16px;gap:6px;flex-direction:row;flex-wrap:wrap;max-width:calc(100% - 32px)}.wr-quick-actions button{font-size:10px;padding:7px 9px;gap:4px}.wr-quick-actions svg{width:13px}.wr-stick-area{left:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 62px)}.wr-stick{width:112px;height:112px}.wr-stick-thumb{left:34px;top:34px}.wr-stick-up{left:47px;top:7px}.wr-stick-down{left:47px;bottom:7px}.wr-stick-left{left:7px;top:47px}.wr-stick-right{right:7px;top:47px}.wr-turn-area{right:19px;bottom:calc(env(safe-area-inset-bottom,0px) + 72px)}.wr-turn-buttons{gap:8px}.wr-turn-buttons button{width:43px;height:43px}.wr-step-buttons{left:142px;bottom:calc(env(safe-area-inset-bottom,0px) + 85px);gap:6px}.wr-step-buttons button{width:30px;height:30px}.wr-context{bottom:calc(env(safe-area-inset-bottom,0px) + 218px);width:calc(100% - 44px);max-width:365px}.wr-enter{padding:12px 16px;border-radius:13px}.wr-enter-copy strong{font-size:13px}.wr-bottom-meta{left:18px;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);font-size:9px;gap:7px}.wr-bottom-meta>span:last-child{font-size:8px}.wr-welcome-wrap{padding:88px 19px 26px}.wr-welcome{padding:28px 23px 23px;border-radius:23px}.wr-welcome h2{font-size:43px}.wr-welcome>p{font-size:12px}.wr-modal{padding:23px 18px!important}.wr-modal h2{font-size:23px}.wr-ingredient-tile>div{font-size:10px;bottom:5px}}@media(max-height:500px)and (min-width:550px){.wr-header{padding-top:calc(env(safe-area-inset-top,0px) + 10px);padding-bottom:5px}.wr-location{top:72px}.wr-location-note{display:none}.wr-location h2{font-size:17px;max-width:290px}.wr-quick-actions{top:78px;flex-direction:row;right:20px;left:auto}.wr-quick-actions button{font-size:10px;padding:6px 8px}.wr-stick-area{bottom:46px;left:24px;gap:4px}.wr-stick{transform:scale(.8);transform-origin:bottom left;margin-right:-25px;margin-top:-25px}.wr-step-buttons{left:135px;bottom:65px}.wr-turn-area{bottom:48px;gap:7px}.wr-context{bottom:65px;width:40vw}.wr-bottom-meta{bottom:15px}.wr-welcome-wrap{padding:65px 22px 15px}.wr-welcome{width:560px;padding:19px 28px}.wr-welcome h2{font-size:30px;margin:10px 0}.wr-welcome h2 br{display:none}.wr-welcome>p{max-width:450px;font-size:11px}.wr-how{padding:11px 0;gap:22px}.wr-how>span{flex-direction:row;font-size:9px}.wr-welcome>small{margin-top:8px;font-size:8px}.wr-primary{padding:10px 16px}}@media(prefers-reduced-motion:reduce){.wr-spinner{animation-duration:2s}.wr-app *,.wr-modal{scroll-behavior:auto!important;transition:none!important}}