.cl-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px}.cl-hero h1{margin:0;color:#2e6368;font-size:clamp(28px,3.5vw,42px);line-height:1.3;text-shadow:0 1px #fff,0 0 16px #fff}.cl-hero>a{flex-shrink:0;padding:9px 12px;border:1px solid #bdcec6;border-radius:10px;background:#fffffc;font-size:13px}.cl-layout{--cl-teal:#2d7274;--cl-gold:#95723c;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start;padding-bottom:32px;color:#395c59}.cl-layout [hidden]{display:none!important}.cl-layout button,.cl-layout input,.cl-layout select{font:inherit}.cl-layout button{cursor:pointer;touch-action:manipulation}.cl-layout button:disabled{cursor:default}.cl-layout button:focus-visible,.cl-layout select:focus-visible,.cl-layout input:focus-visible,.cl-layout a:focus-visible,.cl-layout summary:focus-visible{outline:3px solid #3a8589;outline-offset:3px}.cl-layout img{object-fit:contain;flex-shrink:0}.cl-mode-switch{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;padding:6px;border:1px solid #c9d7c7;border-radius:16px;background:#fffffa;box-shadow:0 3px #2e4a390a}.cl-mode-switch button{display:flex;justify-content:center;align-items:center;gap:10px;min-width:0;min-height:54px;padding:10px 16px;border:1px solid transparent;border-radius:11px;background:transparent;color:#6a8070;font-size:16px!important;font-weight:600!important;line-height:1.4}.cl-mode-switch button[aria-pressed=true]{border-color:#2d6d70;background:#34797b;color:#fff;box-shadow:0 2px #285d60}.cl-mode-switch button:not([aria-pressed=true]):hover{background:#eff5e9}.cl-mode-switch img{width:28px;height:28px}.cl-recipe-search{margin-bottom:14px}.cl-layout[data-mode=materials] #cl-stock{margin-top:0;border-top:0}.cl-layout[data-mode=materials] .cl-stock-actions{justify-content:flex-end}.cl-panel{padding:22px;border:1px solid #cbd5c6;border-radius:18px;background:#fffffc;min-width:0;box-shadow:0 4px #2e4a390a}.cl-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.cl-layout h2{display:flex;align-items:center;gap:8px;margin:0;color:#315f62;font-size:18px;line-height:1.5}#cl-discover-heading,#cl-workbench-heading{scroll-margin-top:calc(var(--wd-header-height,0px) + 20px)}.cl-layout h2:focus{outline:none}.cl-step{display:inline-grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#e8f0e5;color:#6e8360;font-size:12px;font-weight:600}.cl-count{min-width:22px;padding:2px 6px;border-radius:6px;background:#f0f3eb;color:#708269;text-align:center;font-size:12px;font-weight:400}.cl-text-button{min-height:44px;padding:8px 6px;border:0;background:none;color:#718478;font-size:13px!important}.cl-text-button:hover{color:#9e633c}.cl-text-button:disabled{opacity:.4}.cl-workbench{position:sticky;top:calc(var(--wd-header-height,0px) + 16px)}.cl-workbench-empty{display:flex;align-items:center;gap:14px;padding:18px 0 24px;color:#7f8e77}.cl-workbench-empty img{width:54px;height:54px}.cl-workbench-empty p{margin:0;font-size:14px;line-height:1.7}.cl-current-target{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid #cbdcc3;border-radius:12px;background:#f1f7e9}.cl-current-target>div{min-width:0}.cl-current-target small{display:block;margin-bottom:3px;color:#79916e;font-size:11px}.cl-current-target a{color:#315f62;font-size:19px;font-weight:650;overflow-wrap:anywhere}.cl-input-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:12px;color:#7c8c74}.cl-stock{margin-top:14px;border-top:1px solid #e7eade}.cl-stock>summary{display:flex;align-items:center;gap:8px;min-height:48px;cursor:pointer;color:#708269;font-size:13px;list-style:none}.cl-stock>summary::-webkit-details-marker{display:none}.cl-stock>summary:after{content:"⌄"}.cl-stock[open]>summary:after{content:"⌃"}.cl-stock-edit{margin-left:auto;font-size:11px;color:#819078}.cl-stock-actions{display:flex;justify-content:space-between}.cl-tray{padding:6px 12px;background:#f5f1e4;border:1px solid #e3dac3;border-radius:12px}.cl-tray-empty{display:flex;align-items:center;gap:14px;padding:12px 0;color:#8b7a5d;font-size:14px;line-height:1.6}.cl-empty-art{position:relative;display:flex;align-items:center;flex-shrink:0;width:64px}.cl-empty-art img{filter:drop-shadow(0 3px 2px #604d2e12)}.cl-empty-art img+img{margin-left:-8px;margin-top:16px}.cl-tray-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;padding:8px 0}.cl-tray-item+.cl-tray-item{border-top:1px solid #e4dcc9}.cl-tray-item>a{font-size:14px;line-height:1.45;overflow-wrap:anywhere}.cl-quantity{display:flex;align-items:center;border:1px solid #dfd6c3;border-radius:9px;background:#fffdf5;overflow:hidden}.cl-quantity button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#716145;font-size:20px!important}.cl-quantity button:hover{background:#eee5cc}.cl-quantity input{width:36px;min-width:0;height:44px;padding:0;border:0;background:transparent;text-align:center;color:#5e573f;font-size:14px;font-variant-numeric:tabular-nums;appearance:textfield}.cl-quantity input::-webkit-inner-spin-button{appearance:none}.cl-add-materials{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:48px;margin-bottom:14px;padding:8px;border:1px dashed #9ebaaa;border-radius:10px;background:#f4f8ee;color:#3d7160;font-size:15px!important;font-weight:600!important}.cl-add-materials>span{font-size:22px;font-weight:400}.cl-add-materials:hover{border-color:#4b8a73;background:#e9f1e1}.cl-device{border-top:1px solid #e7eade}.cl-device>summary{display:flex;align-items:center;gap:7px;min-height:46px;color:#738477;font-size:12px;cursor:pointer;list-style:none}.cl-device>summary::-webkit-details-marker{display:none}.cl-device>summary:after{content:"⌄";margin-left:1px}#cl-device-name{margin-left:auto;max-width:55%;overflow-wrap:anywhere;color:#4d736a}.cl-device-mode{border-radius:4px;padding:1px 4px;background:#f0f3eb;font-size:10px}.cl-device-select{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #ceded4;border-radius:10px;background:#eff6ef}.cl-device-select select{flex:1;width:0;min-height:44px;border:0;background:none;font-size:14px;color:#365f5b}.cl-device-select>a{max-width:60px;font-size:11px}.cl-history{margin-top:10px;border-top:1px solid #e7eade}.cl-history summary{display:flex;align-items:center;min-height:44px;gap:8px;cursor:pointer;font-size:12px;color:#85917b}.cl-history summary:after{content:"⌄"}.cl-history>div{display:flex;flex-wrap:wrap;gap:6px}.cl-history button{display:flex;align-items:center;gap:5px;min-height:44px;padding:5px 8px;border:1px solid #dce4d2;border-radius:8px;background:#f9fbf4;font-size:12px;color:#617751}.cl-history button img{width:25px;height:25px}.cl-discover-note{margin:0 0 14px;color:#83907b;font-size:13px}.cl-recipes{display:grid;gap:10px}.cl-recipe{min-width:0;padding:14px;border:1px solid #dce3d6;border-radius:12px;background:#fdfef9;transition:border-color .15s,background .15s}.cl-recipe.is-active{border-color:#75a28e;box-shadow:0 0 0 1px #75a28e;background:#f4f9ee}.cl-recipe-top{display:flex;align-items:center;gap:10px}.cl-recipe-top>img{width:44px;height:44px;filter:drop-shadow(0 3px 2px #26383b15)}.cl-recipe-output{flex:1;min-width:0}.cl-recipe-output>a{display:block;font-size:15px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.cl-recipe-output>small{display:block;margin-top:3px;font-size:11px;color:#7e8b77;line-height:1.5}.cl-select-recipe{flex-shrink:0;min-width:62px;min-height:44px;padding:8px 10px;border:1px solid #bed0b6;border-radius:9px;background:#f0f5e7;color:#50704a;font-size:13px!important;font-weight:600!important}.cl-select-recipe:hover{background:#e3eed8;border-color:#759b6b}.cl-select-recipe:disabled{background:#e1ecdb;border-color:transparent;color:#497c56}.cl-recipe-peek{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:10px 0 0 54px;color:#89917d;font-size:11px}.cl-recipe-peek>span{display:inline-flex;align-items:center;gap:3px}.cl-recipe-peek img{width:22px;height:22px}.cl-input-plus{color:#b3b9a5}.cl-recipe-peek>.cl-recipe-badge{margin-left:auto}.cl-shortage-badge{margin-left:auto;color:#9d7946;font-size:11px}.cl-recipe-inputs{display:grid;gap:6px;margin:10px 0}.cl-ingredient{display:flex;align-items:center;gap:8px;min-width:0;padding:5px 9px;border:1px solid #dce6d2;border-radius:9px;background:#f0f5e9;font-size:13px}.cl-ingredient>a{flex:1;min-width:0;overflow-wrap:anywhere}.cl-ingredient img{width:28px;height:28px}.cl-ingredient.is-missing{background:#fbf4e7;border-color:#e8d9ba}.cl-ingredient-count{margin-left:auto;color:#6e8062;white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}.cl-ingredient.is-missing .cl-ingredient-count{color:#9d7941}.cl-ingredient-status{display:grid;place-items:center;min-width:25px;color:#689456;font-size:12px}.cl-ingredient.is-missing .cl-ingredient-status{color:#a57c3e}.cl-category{display:flex;flex:1;align-items:center;min-width:0}.cl-category select{min-width:0;width:100%;min-height:44px;border:0;background:none;color:#78673e;font-size:13px}.cl-category>a{display:grid;place-items:center;flex-shrink:0;width:30px;min-height:44px}.cl-method{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#779079;font-size:12px}.cl-method img{width:24px;height:24px}.cl-method-mode{color:#98a38c;font-size:10px}.cl-method>.cl-recipe-badge{margin-left:auto}.cl-recipe-badge{padding:2px 6px;border-radius:5px;background:#e6f0dc;color:#5a7e4c;font-size:11px;white-space:nowrap}.cl-more{display:block;width:100%;min-height:44px;margin-top:12px;padding:8px 12px;border:1px solid #d4dfd3;border-radius:9px;background:#f5f8f0;color:#526f5d;font-size:13px!important}.cl-more:hover{background:#e9f1e4}.cl-none{padding:24px 12px;text-align:center;line-height:1.7;color:#829078;font-size:14px}.cl-none img{display:block;width:52px;height:52px;margin:0 auto 10px;opacity:.65}.cl-action-dock{display:grid;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #dce4d3}.cl-dock-target{display:flex;align-items:center;gap:11px;min-width:0}.cl-dock-target>img{display:none;width:42px;height:42px}.cl-dock-target>div{min-width:0}.cl-dock-target strong{display:none;color:#365f5b;font-size:16px;line-height:1.4;overflow-wrap:anywhere}.cl-dock-actions{display:flex;gap:10px}.cl-dock-actions>button{flex:1}#cl-ready-note{margin:4px 0 0;color:#9a7b47;font-size:12px;line-height:1.5}#cl-ready-note.is-ready{color:#668552}.cl-secondary{min-height:50px;padding:10px 14px;border:1px solid #c4d2b9;border-radius:11px;background:#f3f7eb;color:#577449;font-size:14px!important;font-weight:600!important}.cl-secondary:hover{background:#e8f0dd}.cl-primary{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-width:150px;min-height:50px;padding:10px 18px;border:1px solid #285f60;border-radius:11px;background:#34797b;color:#fff;font-size:16px!important;font-weight:600!important;box-shadow:0 3px #204d50}.cl-primary:hover:not(:disabled){background:#28696b}.cl-primary:active:not(:disabled){transform:translateY(2px);box-shadow:none}.cl-primary:disabled{border-color:#d1d8c8;background:#e9ede2;color:#8b9988;box-shadow:0 3px #dce2d5}.cl-primary>.cl-step{width:22px;height:22px;background:#ffffff26;color:inherit;font-size:12px}.cl-result{margin-top:14px;padding:6px 12px 12px;border:1px solid #baceaa;border-radius:12px;background:#eff6e7}.cl-result>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.cl-result h2{font-size:12px;color:#6a874f}.cl-icon-button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:9px;background:none;color:#83917d;font-size:24px!important}.cl-icon-button:hover{background:#e9eedf}.cl-output-item{display:flex;align-items:center;gap:10px}.cl-output-item>img{width:42px;height:42px;filter:drop-shadow(0 3px 2px #35553018)}.cl-output-item>a{flex:1;min-width:0;font-size:16px;font-weight:600;overflow-wrap:anywhere}.cl-reuse{flex-shrink:0;min-height:44px;padding:8px 10px;border:1px solid #b8cbab;border-radius:9px;background:#fffff9;color:#527a42;font-size:13px!important}.cl-result.is-produced{animation:cl-produced .35s ease-out}.cl-layout.is-crafting .cl-primary>.cl-step{animation:cl-spark .45s linear infinite}.cl-picker{width:min(560px,calc(100% - 32px));max-height:min(80dvh,720px);margin:auto;padding:20px;border:1px solid #c9d3c0;border-radius:20px;background:#fffffa;color:#45675e;box-shadow:0 20px 80px #132b3640}.cl-picker[open]{display:flex;flex-direction:column}.cl-picker::backdrop{background:#1b332c80;backdrop-filter:blur(3px)}.cl-picker .cl-panel-heading{flex-shrink:0;margin-bottom:10px}.cl-search-row{display:flex;flex-shrink:0;border:1px solid #c8d5ce;border-radius:10px;background:#f4f7f0;overflow:hidden}.cl-search-row input{min-width:0;width:100%;min-height:48px;padding:10px 12px;border:0;background:none;color:#355f5b;font-size:16px;outline-offset:-3px!important}.cl-search-row input::-webkit-search-cancel-button{appearance:none}.cl-search-row>button{flex-shrink:0;width:44px;min-height:48px;padding:0;border:0;background:none;color:#84948c;font-size:24px!important}.cl-picker-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 2px 12px}.cl-palette-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px;margin:14px 0 10px;color:#6b7e75;font-size:12px}.cl-palette-heading small{font-size:11px;color:#939d8b}.cl-palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cl-material{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:98px;padding:10px 5px 8px;border:1px solid #e0e5d9;border-radius:11px;background:#fafbf6;color:#4c6965}.cl-material img{width:38px;height:38px;filter:drop-shadow(0 2px 2px #26383b15)}.cl-material-name{font-size:12px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.cl-material-plus,.cl-material-count{position:absolute;top:3px;right:5px;font-size:11px;color:#9ca68e}.cl-material.is-selected{border-color:#acbc8d;background:#edf3df}.cl-material-count{color:#719143}.cl-material:hover{background:#edf4e8;border-color:#9ebca8}.cl-no-results{grid-column:1/-1;margin:14px 0;color:#7c8273;font-size:14px}.cl-picker-footer{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px;padding-top:12px;border-top:1px solid #e0e7d8}.cl-picker-footer>span{min-width:0;font-size:12px;color:#7e8e6b}.cl-picker-footer .cl-primary{min-width:100px;min-height:46px;font-size:14px!important}.cl-picker-open{overflow:hidden}.cl-layout.is-picking .cl-action-dock,.cl-layout.is-picking .cl-result{visibility:hidden}.cl-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes cl-produced{0%{background:#d5e8bb;transform:translateY(8px)}to{background:#eff6e7;transform:translateY(0)}}@keyframes cl-spark{to{transform:rotate(180deg)}}@media(max-width:1050px){.cl-layout{gap:16px}.cl-panel{padding:18px}.cl-tray{padding:4px 8px}}@media(max-width:760px){.cl-hero{gap:10px;margin-bottom:16px}.cl-hero>a{padding:8px 9px;font-size:11px}.cl-layout{display:flex;flex-direction:column;gap:16px;padding-bottom:calc(var(--cl-dock-height,140px) + 24px)}.cl-panel{width:100%;padding:16px;border-radius:15px}.cl-mode-switch button{gap:6px;padding:10px 8px;font-size:13px!important}.cl-mode-switch img{width:24px;height:24px}.cl-workbench{position:static}.cl-panel-heading{margin-bottom:8px}.cl-layout h2{font-size:17px}.cl-tray-empty{padding:8px 0;font-size:13px}.cl-device>summary{min-height:44px}.cl-recipe{padding:12px}.cl-recipe-output>a{font-size:14px}.cl-recipe-top{gap:8px}.cl-recipe-peek{margin-left:52px}.cl-action-dock{position:fixed;z-index:40;bottom:0;left:0;width:100%;margin:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));gap:9px;border:0;border-top:1px solid #c6d4c0;border-radius:16px 16px 0 0;background:#fffffa;box-shadow:0 -5px 24px #234a381c}.cl-dock-target{gap:8px}.cl-dock-target>img{display:block;width:30px;height:30px}.cl-dock-target>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 10px}.cl-dock-target strong{display:block;font-size:14px}#cl-ready-note{margin:0;font-size:11px}.cl-action-dock .cl-primary,.cl-action-dock .cl-secondary{min-width:0;min-height:48px;padding:9px 12px;font-size:14px!important}.cl-result{position:fixed;z-index:40;bottom:calc(var(--cl-dock-height,140px) + 12px);left:12px;right:12px;margin:0;padding:3px 12px 12px;box-shadow:0 3px 22px #254c3826}.cl-output-item>a{font-size:14px}.cl-picker{position:fixed;top:auto;bottom:var(--cl-picker-bottom,0px);width:100%;max-width:none;max-height:min(82dvh,var(--cl-picker-available-height,82dvh));margin:auto 0 0;padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-bottom:0;border-radius:22px 22px 0 0}.cl-picker:before{content:"";display:block;flex-shrink:0;width:38px;height:4px;margin:0 auto 6px;border-radius:10px;background:#d6dccd}.cl-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.cl-material{min-height:92px}.cl-picker-footer{padding-top:10px}.cl-category>a{width:36px}.cl-ingredient.has-category{display:grid;grid-template-columns:28px minmax(0,1fr) 25px;gap:0 8px}.cl-ingredient.has-category>img{grid-row:1 / 3}.cl-ingredient.has-category .cl-category{grid-column:2 / -1}.cl-ingredient.has-category .cl-ingredient-count{grid-column:2;margin-left:0;padding-bottom:5px}.cl-ingredient.has-category .cl-ingredient-status{grid-column:3;padding-bottom:5px}}@media(max-width:370px){.cl-panel{padding:12px}.cl-hero h1{font-size:26px}.cl-hero>a{font-size:10px}.cl-tray-item{grid-template-columns:28px minmax(0,1fr) auto;gap:5px}.cl-tray-item>img{width:28px;height:28px}.cl-tray-item>a{font-size:12px}.cl-quantity input{width:28px;font-size:12px}.cl-recipe{padding:10px}.cl-recipe-top>img{width:36px;height:36px}.cl-select-recipe{min-width:56px;padding:6px;font-size:12px!important}.cl-recipe-peek{margin-left:44px}.cl-ingredient{gap:5px;padding:4px 6px;font-size:12px}.cl-ingredient>img{width:23px;height:23px}.cl-category select{font-size:12px}.cl-action-dock{padding-left:12px;padding-right:12px;gap:8px}.cl-action-dock .cl-primary,.cl-action-dock .cl-secondary{padding:9px;font-size:13px!important}.cl-dock-target>img{width:28px;height:28px}.cl-palette{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.cl-layout *{animation:none!important;transition:none!important}}