.recipe-hero{display:flex;align-items:center;gap:12px;padding:24px 18px;background:radial-gradient(ellipse at 10% 80%,#537b60,#1e4743);color:#fff5db}.recipe-hero>.item-art{width:115px;height:145px;flex-shrink:0;background:none}.recipe-hero small{font-size:9px;letter-spacing:1.1px;color:#f6d38f}.recipe-hero h2{margin:7px 0;font-size:26px}.recipe-hero p{font-size:12px;color:#dce8d3;margin:5px 0}.recipe-counter{font-size:12px;padding:6px 10px;border-radius:18px;background:#e7e6d2;white-space:nowrap}.recipe-tabs,.recipe-filters{display:flex;gap:7px}.recipe-tabs button{flex:1}.recipe-tabs .active,.recipe-filters .active{background:#285f54;color:#fff6de}.recipe-filters{margin:14px 0}.recipe-filters button{font-size:11px;padding:8px 10px;min-height:35px}.recipe-explainer{font-size:12px!important}.recipe-list{display:grid;gap:14px}.recipe-card,.request-card{background:#fffaf2;border:1px solid #e8dcc5;padding:16px;border-radius:25px;box-shadow:0 4px 14px #62503212}.recipe-card.ready{border-color:#77a98b}.recipe-result{display:flex;align-items:center;gap:12px}.recipe-result>.item-art{width:76px;height:76px;flex-shrink:0;background:none}.recipe-result small{font-size:9px;letter-spacing:.5px;color:#61816a}.recipe-result h2{font-size:20px;margin:5px 0!important}.recipe-card p{font-size:12px}.recipe-ingredients{display:flex;align-items:center;gap:4px;background:#eeeedd;border-radius:17px;padding:8px}.recipe-ingredient{display:flex;align-items:center;gap:4px;min-width:0;flex:1;font-size:11px;font-weight:650}.recipe-ingredient>.item-art{width:39px;height:46px;background:none;flex-shrink:0}.recipe-ingredient small{display:block;font-size:9px;font-weight:400;color:#63715b;margin-top:4px}.recipe-plus{color:#6d806b;font-size:19px}.recipe-buttons{display:flex;gap:6px}.recipe-buttons button{font-size:12px}.recipe-buttons .story-primary{flex:1.2}.recipe-buttons .story-soft{flex:1}.request-card{margin-bottom:18px}.request-heading{display:flex;justify-content:space-between;color:#68816b;font-size:11px}.request-card h2{margin:9px 0}.request-card p{font-size:13px}.request-progress{display:flex;gap:10px;margin:18px 0}.request-progress span{height:29px;flex:1;display:grid;place-items:center;border-radius:12px;background:#eee7d4;color:#7e8069}.request-progress .current{outline:2px solid #c5a455}.request-progress .complete{background:#cde4ca;color:#2b634c}.request-echo{background:#e5ecd9;border-radius:16px;padding:12px;font-size:13px;margin:12px 0}.request-item{display:flex;align-items:center;gap:15px;font-size:15px}.request-item>.item-art{width:85px;height:85px;background:none}.request-reward{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;background:#f5e8c7;padding:9px;border-radius:15px}.request-finished{color:#396f53;font-size:13px}.recipe-page svg.item-art{background:none!important}
.compact-workshop{height:calc(100svh - 40px);min-height:650px;display:flex;flex-direction:column;gap:4px;padding:5px 9px 0;background:linear-gradient(#e8e7d5,#f4e4cc);padding-bottom:env(safe-area-inset-bottom,0px)}.compact-workshop>*{flex-shrink:0}.compact-wallet{display:flex;justify-content:flex-end;align-items:center;gap:8px;height:34px;background:linear-gradient(100deg,#244a43,#4e7860);margin:-5px -9px 0;padding:3px 13px}.compact-wallet button{min-height:26px;padding:3px 10px;font-size:12px;background:#fff7e8;gap:4px}.compact-wallet .wallet-icon{width:22px;height:23px}.compact-wallet small{font-size:10px}.workshop-ad{height:48px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d5c59b;border-radius:10px;padding:3px 12px;background:linear-gradient(110deg,#f2dfb5,#e0e8d1);overflow:hidden}.workshop-ad div{display:flex;flex-direction:column;line-height:1.15;gap:2px}.workshop-ad small{font-size:7px;letter-spacing:1px;color:#6e745e}.workshop-ad strong{font-size:12px;color:#375546}.workshop-ad span{font-size:9px;color:#68755d}.workshop-ad>.item-art{width:49px;height:45px;background:none!important}.workshop-ad.ad-bottom{background:linear-gradient(110deg,#d1e0d1,#f1deb6)}.compact-heading{height:29px;display:flex;gap:5px;align-items:center}.compact-heading h1{font-size:21px;flex:1;letter-spacing:-.5px}.compact-heading button{min-height:27px;font-size:11px;padding:5px 8px;border-radius:12px}.compact-heading .compact-icon{width:27px;padding:3px;background:transparent}.compact-icon .icon{width:22px;height:22px}.compact-orders{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:62px}.compact-order{display:flex;gap:3px;align-items:center;justify-content:space-between;padding:4px 6px;background:#fff4e3;border-radius:15px;box-shadow:0 2px 4px #765b3420;min-width:0}.compact-order .compact-needs{display:flex;gap:3px;justify-content:center;flex:1;min-width:0;height:55px;background:none;padding:0}.compact-needs>span{display:flex;align-items:center;flex-direction:column;min-width:0}.compact-needs .item-small{width:36px;height:37px;display:block}.compact-needs small{font-size:9px;color:#36634b}.compact-order>div{display:flex;flex-direction:column;align-items:center;gap:2px}.compact-price{display:flex;align-items:center;gap:1px;font-size:11px;font-weight:700;padding:1px 5px;border-radius:12px;background:#ffe2ac}.compact-price .wallet-icon{width:19px;height:19px}.compact-order>div>small{font-size:9px;color:#7c7964}.compact-order>div>button{font-size:11px;min-height:23px;padding:4px 9px;background:#397665;color:#fff5df;border-radius:10px}.compact-sources{display:flex;height:40px;gap:5px}.compact-sources>button{min-width:0;flex:1;padding:3px 5px;background:#e0e6cd;border:1px solid #fcf8e9;border-radius:12px;gap:4px;justify-content:flex-start}.compact-sources .item-art{width:29px!important;height:32px!important;flex-shrink:0;background:none!important}.compact-sources span{font-size:11px;white-space:nowrap}.compact-sources small{display:block;font-size:9px;margin-top:2px;font-weight:400}.compact-sources .locked{opacity:.55}.compact-sources .source-more{flex:0 0 24px;justify-content:center;font-size:20px;padding:0}.compact-sources:has(>button:nth-child(5)) span{font-size:9px}.compact-sources:has(>button:nth-child(5)) .item-art{width:22px!important}.compact-board-frame{flex:1;min-height:196px;padding:5px;background:linear-gradient(120deg,#b49c81,#c7b292);border-radius:17px;box-shadow:inset 0 1px 4px #5b452333;overflow:hidden}.compact-board{height:100%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(7,minmax(0,1fr));gap:3px}.compact-board .compact-cell{min-width:0;min-height:0;padding:1px;border:1px solid #fff7e8;border-radius:9px;background:radial-gradient(ellipse at 40% 35%,#fff4e2,#efdcbb);overflow:hidden;touch-action:manipulation;box-shadow:0 1px 2px #6b4c2d30}.compact-workshop .item-art{display:block;width:100%;height:100%;min-height:0;object-fit:contain;background:none!important}.compact-board .selected{outline:3px solid #247365;outline-offset:-3px;background:#dbe9ce}.compact-board .recipe-match{outline:2px solid #ba922d;outline-offset:-2px;background:#edf0cb}.compact-actions{height:28px;display:flex;gap:6px}.compact-actions button{min-width:0;min-height:26px;padding:3px 8px;font-size:10px;flex:1;background:#e2e8d0}.compact-actions .icon{width:16px;height:16px}.compact-actions button:first-child{flex:1.8}.compact-nav{height:53px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:0 -9px;padding:3px 5px 5px;background:#fff6e7;border-radius:18px 18px 0 0}.compact-nav button{min-height:0;background:transparent;display:flex;flex-direction:column;gap:2px;font-size:10px;padding:2px;border-radius:13px}.compact-nav [aria-current=page]{background:#d5e5cf}.compact-nav .icon{width:23px;height:23px}@media(max-width:460px){.app:has(.compact-workshop){margin:0 auto;border-radius:0}.compact-workshop{height:100svh;min-height:650px}}@media(max-width:350px){.compact-heading h1{font-size:18px}.compact-heading .recipe-entry{padding:4px;font-size:10px}.compact-sources span{font-size:9px}.compact-sources .item-art{width:23px!important}.compact-wallet{gap:5px}.compact-wallet button{padding:3px 8px}.recipe-ingredient{flex-direction:column;text-align:center}.recipe-hero>.item-art{width:90px}.recipe-hero h2{font-size:23px}}
.compact-workshop .workshop-ad>.item-art{width:49px;height:44px;flex:0 0 49px}.compact-workshop .workshop-ad>div{flex:1;min-width:0}.app:has(.compact-workshop){min-height:0}.compact-workshop .compact-board .item-art{width:100%;height:100%}
body:has(.compact-workshop){display:flow-root}