:root{color:#2d2117;font-synthesis:none;text-rendering:optimizelegibility;--recipe-bottom-bar-height:74px;background:#f8f1df;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.loading{color:#5a3b20;background:#fff6df;place-items:center;min-height:100vh;display:grid}.cover-page{color:#fff9ed;background:#1e130b;min-height:100dvh;position:relative;overflow:hidden}.cover-image{width:100vw;height:calc(100dvh - var(--recipe-bottom-bar-height));object-fit:contain;object-position:center center;background:#1e130b;position:fixed;top:0;left:0;right:0}.cover-action{z-index:8;min-height:var(--recipe-bottom-bar-height);padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#110a05e0;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.eyebrow{color:#ffcf6c;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}.primary-button,.open-recipe-button{color:#2c1b0f;cursor:pointer;background:#ffce5a;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 12px 28px #24150838}.topbar{z-index:20;pointer-events:none;justify-content:flex-end;gap:8px;width:min(1500px,100%);margin:0 auto;padding:14px clamp(14px,3vw,28px);display:flex;position:sticky;top:0}.topbar>*{pointer-events:auto}.public-nav{overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:center;align-items:center;gap:8px;width:min(1500px,100%);margin:0 auto 14px;padding:0 clamp(14px,3vw,28px);display:flex;overflow-x:auto}.public-nav.compact{width:auto;max-width:100%;margin:0;padding:0}.public-nav .sticker{flex:none}.topbar .public-nav{margin:0}.cover-action .public-nav{width:min(980px,100%)}.sticker{color:#3a2818;cursor:pointer;background:#fffaedeb;border:1px solid #4e31162e;border-radius:999px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.74rem;font-weight:900;text-decoration:none;display:inline-flex;box-shadow:0 8px 20px #26170a24}.sticker:disabled{opacity:.38;cursor:default}.sticker.active,.bookmark-sticker.active{color:#fff;background:#b64c2a}.text-sticker{white-space:nowrap;flex:none;gap:6px;width:auto;min-width:0;padding:0 12px}.contents-page{background:linear-gradient(#fffcf2c2,#f8f1df00 180px),#f8f1df;min-height:100vh}.contents-layout{grid-template-columns:280px minmax(0,1fr);gap:clamp(18px,3vw,34px);width:min(1500px,100%);margin:0 auto;padding:0 clamp(14px,3vw,28px) 42px;display:grid}.controls{background:#fffbf1e0;border:1px solid #623f1d26;border-radius:8px;align-self:start;gap:9px;padding:12px;display:grid;position:sticky;top:76px;box-shadow:0 14px 34px #442b1414}.search-field,.select-field,.toggle{color:#684522;gap:6px;font-size:.76rem;font-weight:800;display:grid}.search-field{position:relative}.search-field svg{color:#8b6335;position:absolute;top:12px;left:10px}input,select,textarea{color:#2d2117;background:#fffdf6;border:1px solid #5a381733;border-radius:6px;width:100%}input,select{height:38px;padding:0 10px}.search-field input{padding-left:34px}textarea{resize:vertical;min-height:84px;padding:10px}.toggle{grid-template-columns:auto 1fr;align-items:center}.toggle input{width:18px;height:18px}.count-line{color:#7b5831;margin:2px 0 0;font-size:.82rem;font-weight:800}.mini-chart{opacity:.72;height:54px;margin-top:4px}.contents-board{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:12px;display:grid}.recipe-card{background:#fffaf0;border:1px solid #5a381729;border-radius:8px;min-height:246px;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative;overflow:hidden;box-shadow:0 10px 24px #3c271214}.recipe-card:nth-child(2n){background:#f5e8cc;transform:translateY(26px)}.recipe-card:hover,.recipe-card:focus-within{border-color:#7f4b1d57;box-shadow:0 18px 38px #3c271229}.recipe-card:hover{transform:translateY(-2px)}.recipe-card:nth-child(2n):hover{transform:translateY(20px)}.card-open{width:100%;height:100%;min-height:246px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:grid}.card-open img{aspect-ratio:1/1.05;object-fit:cover;background:#ead9b7;width:100%;transition:transform .18s}.recipe-card:hover .card-open img,.recipe-card:focus-within .card-open img{transform:scale(1.025)}.card-open strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:46px;padding:10px 12px 0;font-size:.9rem;line-height:1.2;display:-webkit-box;overflow:hidden}.card-open small{color:#7a5932;padding:4px 12px 14px;font-weight:700}.recipe-number{color:#2c1b0f;background:#ffcf6c;border-radius:999px;padding:5px 8px;font-weight:900;position:absolute;top:8px;left:8px}.bookmark-sticker{color:#52341a;cursor:pointer;background:#fffaedeb;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #26170a1f}.chess-mark{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.recipe-screen{color:#fff9ed;background:#1e130b;min-height:100vh;position:relative;overflow:hidden}.recipe-hero-image{width:100vw;height:calc(100dvh - var(--recipe-bottom-bar-height));object-fit:contain;object-position:center center;background:#1e130b;position:fixed;top:0;left:0;right:0}.recipe-side-controls{z-index:6;pointer-events:none;position:fixed;inset:0}.recipe-side-button{top:calc((100dvh - var(--recipe-bottom-bar-height)) / 2);color:#fffaf0;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d110885;border:1px solid #fff4dc47;border-radius:8px;place-items:center;width:46px;height:72px;display:grid;position:absolute;transform:translateY(-50%);box-shadow:0 18px 46px #00000042}.recipe-side-button.previous{left:max(12px, env(safe-area-inset-left))}.recipe-side-button.next{right:max(12px, env(safe-area-inset-right))}.recipe-side-button:disabled{opacity:.18;cursor:default}.recipe-bottom-bar{z-index:8;min-height:var(--recipe-bottom-bar-height);padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#110a05e0;position:fixed;bottom:0;left:0;right:0}.recipe-action-scroll{z-index:4;overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:center;align-items:center;gap:7px;max-width:min(780px,100%);margin:0 auto;display:flex;position:relative;overflow-x:visible}.open-recipe-button{white-space:nowrap;flex:none;min-width:0;min-height:34px;padding:0 13px;font-size:.82rem}.recipe-open-label-short{display:none}.recipe-more{flex:none;position:relative}.recipe-more-backdrop{z-index:3;cursor:default;background:0 0;border:0;position:fixed;inset:0}.recipe-more-trigger.active{color:#2c1b0f;background:#ffce5a}.recipe-more-menu{z-index:5;color:#2d2117;background:#fffaf0fa;border:1px solid #4e311629;border-radius:8px;gap:2px;width:min(286px,100vw - 24px);padding:8px;display:grid;position:absolute;bottom:calc(100% + 18px);right:0;box-shadow:0 18px 46px #140a0447}.recipe-more-item{color:#332315;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;width:100%;min-height:38px;padding:0 10px;font-size:.82rem;font-weight:850;text-decoration:none;display:flex}.recipe-more-item:hover,.recipe-more-item:focus-visible{background:#fff0ca;outline:none}.recipe-drawer{z-index:7;right:0;bottom:var(--recipe-bottom-bar-height);color:#2d2117;background:#fffaf0;border-radius:8px 8px 0 0;max-height:min(78vh,760px);padding:24px clamp(18px,4vw,46px) 32px;transition:transform .18s;position:fixed;left:0;overflow:auto;transform:translateY(105%);box-shadow:0 -24px 70px #00000059}.recipe-open .recipe-drawer{transform:translateY(0)}.drawer-close,.modal-close{color:#3b2817;cursor:pointer;background:#f1ddb5;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.drawer-meta{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 46px 18px 0;display:grid}.drawer-meta div{background:#fff4dc;border:1px solid #5a381724;border-radius:8px;min-width:0;padding:10px 12px}.drawer-meta dt{color:#7f4b1d;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900}.drawer-meta dd{color:#2d2117;margin:0;font-size:.9rem;font-weight:800;line-height:1.35}.drawer-columns{grid-template-columns:minmax(220px,.78fr) minmax(280px,1.35fr);gap:clamp(18px,4vw,42px);display:grid}.drawer-columns h3{color:#7f4b1d;margin-bottom:8px}.drawer-columns li,.drawer-columns p{font-size:1rem;line-height:1.6}.toast{z-index:9;right:18px;bottom:calc(var(--recipe-bottom-bar-height) + 14px);color:#2d2117;background:#ffcf6c;border-radius:8px;max-width:min(360px,100vw - 36px);padding:10px 12px;font-weight:800;position:fixed}.modal-backdrop{z-index:30;background:#160c0594;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{color:#2d2117;background:#fffaf0;border-radius:8px;gap:12px;width:min(520px,100%);padding:24px;display:grid;position:relative}.modal label{color:#684522;gap:6px;font-size:.78rem;font-weight:800;display:grid}.form-message{color:#6b4018;margin:0;font-weight:800}.dobro-screen,.dobro-collection,.library-page{color:#2d2117;background:radial-gradient(circle at 18% 12%,#ffce5a5c,#0000 28%),linear-gradient(145deg,#fff7df,#f2d18b 48%,#8b4f25);min-height:100dvh}.dobro-screen{place-items:center;padding:18px;display:grid}.dobro-intro,.dobro-card,.dobro-recipe,.library-hero{background:#fffaf0eb;border:1px solid #5a381729;border-radius:8px;width:min(100%,980px);box-shadow:0 18px 42px #3c27122e}.dobro-intro,.dobro-card{text-align:center;justify-items:center;gap:14px;padding:clamp(22px,6vw,56px);display:grid}.dobro-intro h1,.dobro-card h1,.library-hero h1{letter-spacing:0;margin:0;font-size:clamp(2.2rem,8vw,5.5rem)}.dobro-bobr{filter:drop-shadow(0 14px 18px #3e230e2e);width:150px;height:132px;position:relative}.bob-body,.bob-tail,.bob-face{color:#fffaf0;place-items:center;font-weight:950;display:grid;position:absolute}.bob-body{background:#7f4b1d;border-radius:46% 46% 38% 38%;inset:30px 18px 8px;box-shadow:inset 0 -12px #2d21172e}.bob-belly{background:#c9823a;border-radius:50% 50% 44% 44%;align-self:end;width:46px;height:34px;margin-bottom:10px}.bob-tail{background:#b64c2a;border-radius:50%;width:42px;height:54px;bottom:14px;left:0;transform:rotate(-18deg)}.bob-face{background:#2d2117;border-radius:50%;width:76px;height:74px;top:0;right:2px}.bob-ear,.bob-eyes,.bob-nose,.bob-teeth{display:block;position:absolute}.bob-ear{background:#7f4b1d;border:4px solid #2d2117;border-radius:50%;width:22px;height:25px;top:9px}.bob-ear.left{left:3px;transform:rotate(-22deg)}.bob-ear.right{right:3px;transform:rotate(22deg)}.bob-eyes{background:#fffaf0;border-radius:999px;width:8px;height:8px;top:27px;left:20px;box-shadow:28px 0 #fffaf0}.bob-nose{background:#b64c2a;border-radius:999px;width:13px;height:9px;top:39px;left:50%;transform:translate(-50%)}.bob-teeth{background:#fffaf0;border-radius:3px;width:20px;height:16px;bottom:10px;left:50%;transform:translate(-50%)}.bob-teeth:after{content:"";background:#d7bd91;width:1px;position:absolute;top:2px;bottom:2px;left:50%}.dobro-brand-pill{color:#fffaf0;background:#7f4b1d;border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:950}.dobro-intro-copy{color:#5f4022;max-width:520px;margin:0;font-size:1rem;font-weight:800;line-height:1.5}.dobro-chip{background:#ffce5a;border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:900}.dobro-player-shell{aspect-ratio:9/16;width:min(92vw,390px);margin-bottom:52px;position:relative}.dobro-player{background:linear-gradient(#261c141a,#261c1461),radial-gradient(circle at 50% 28%,#ffce5a,#0000 28%),linear-gradient(160deg,#5a361d,#17251f);border:10px solid #fffaf0;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000052}.dobro-video{object-fit:cover;display:block}.lab-lamp{background:#ffce5a94;border-radius:999px 999px 20px 20px;width:72px;height:104px;animation:3s ease-in-out infinite lamp-swing;position:absolute;top:28px}.lamp-one{left:38px}.lamp-two{animation-delay:.8s;right:42px}.coffee-glass{background:#fffaf029;border:8px solid #fffaf0c2;border-radius:22px 22px 44px 44px;width:150px;height:210px;position:absolute;top:34%;left:50%;transform:translate(-50%)}.foam,.coffee{border-radius:18px;position:absolute;left:12px;right:12px}.foam{background:#fffaf0;height:44px;animation:2.4s ease-in-out infinite foam-breathe;top:22px}.coffee{background:linear-gradient(#8a4b26,#2c1b0f);height:116px;bottom:12px}.kindness-meter,.energy-meter,.tiny-turtle{color:#fffaf0;gap:5px;font-size:.78rem;font-weight:900;display:grid;position:absolute;left:22px;right:22px}.kindness-meter{bottom:148px}.energy-meter{bottom:104px}.kindness-meter strong,.energy-meter strong{background:#fffaf040;border-radius:999px;width:100%;height:10px;display:block;overflow:hidden}.kindness-meter strong:after,.energy-meter strong:after{content:"";border-radius:inherit;background:#ffce5a;width:68%;height:100%;animation:18s linear forwards meter-fill;display:block}.energy-meter strong:after{background:#f08b4f;width:42%}.tiny-turtle{background:#2d211794;border-radius:999px;justify-items:center;padding:7px;bottom:58px}.dobro-player-caption{color:#2d2117;background:#fffaf0e6;border-radius:8px;gap:4px;padding:12px;display:grid;position:absolute;bottom:14px;left:18px;right:18px}.dobro-subtitle{color:#fffaf0;text-align:center;background:#2d2117c7;border-radius:8px;margin:0;padding:10px 12px;font-weight:900;line-height:1.35;position:absolute;bottom:74px;left:18px;right:18px}.dobro-caption-toggle{position:absolute;top:12px;right:12px}.dobro-player-controls{align-items:center;gap:8px;display:flex;position:absolute;bottom:-48px;left:0;right:0}.dobro-progress{background:#fffaf07a;border-radius:999px;flex:auto;height:9px;overflow:hidden;box-shadow:inset 0 0 0 1px #5a38171f}.dobro-progress span{border-radius:inherit;transform-origin:0;background:#ffce5a;width:100%;height:100%;animation:18s linear forwards dobro-progress;display:block;transform:scaleX(0)}.dobro-skip{flex:none}.dobro-recipe{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:18px;padding:18px;display:grid}.dobro-recipe-hero{background:#fff4dc;border-radius:8px;min-height:460px;overflow:hidden}.dobro-recipe-image,.dobro-artifact-image{object-fit:contain;border-radius:8px;width:100%}.dobro-recipe-image{height:100%}.dobro-recipe-copy{align-content:start;gap:14px;display:grid}.dobro-recipe-copy h2{letter-spacing:0;margin:0;font-size:clamp(1.6rem,4vw,3rem)}.totem-card,.dobro-recipe-text{background:#fff4dc;border-radius:8px;gap:8px;padding:14px;display:grid}.dobro-actions{flex-wrap:wrap;gap:8px;display:flex}.dobro-actions.centered{justify-content:center}.dobro-share-button{min-width:0}.dobro-share-message{color:#7f4b1d;margin:-4px 0 0;font-size:.82rem;font-weight:900}.dobro-smart-line{margin:0;font-weight:850}.dobro-collection,.library-page{padding:18px}.library-hero{justify-content:space-between;align-items:center;gap:16px;margin:0 auto 16px;padding:18px;display:flex}.library-hero h1{font-size:clamp(1.8rem,5vw,3.6rem)}.library-hero>div{min-width:0}.library-lead{color:#684522;max-width:680px;margin:8px 0 0;font-weight:800;line-height:1.45}.dobro-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;width:min(100%,980px);margin:0 auto;display:grid}.dobro-slot{color:#2d2117;text-align:left;background:#fffaf0;border:1px solid #5a38172e;border-radius:8px;align-content:space-between;gap:8px;min-height:160px;padding:14px;display:grid}.dobro-slot.locked{color:#7a5932;background:repeating-linear-gradient(135deg,#fffaf0,#fffaf0 10px,#f4e6c6 10px 20px)}.dobro-slot span{font-size:1.4rem;font-weight:950}.library-picks{flex-wrap:wrap;gap:8px;width:min(100%,980px);margin:0 auto 16px;display:flex}.library-picks span{background:#fffaf0;border-radius:999px;padding:8px 12px;font-weight:900}.admin-shell{color:#2d2117;background:#f8f1df;min-height:100vh}.admin-header{z-index:15;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf0f0;border-bottom:1px solid #5a381724;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(14px,3vw,30px);display:flex;position:sticky;top:0}.admin-header h1,.admin-login-box h1,.admin-editor-header h2{color:#2d2117;letter-spacing:0;margin:0}.admin-header h1{font-size:clamp(1.2rem,2vw,1.65rem)}.admin-kicker{color:#7f4b1d;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:900}.admin-header-actions,.admin-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-message{color:#2c1b0f;background:#ffce5a;border-radius:6px;max-width:340px;padding:7px 10px;font-size:.82rem;font-weight:800}.admin-login,.admin-loading,.admin-empty{color:#5a3b20;background:#f8f1df;place-items:center;min-height:100vh;padding:20px;display:grid}.admin-login-box{background:#fffaf0;border:1px solid #5a381729;border-radius:8px;gap:14px;width:min(380px,100%);padding:24px;display:grid;box-shadow:0 18px 42px #3c27121f}.admin-login-box label,.admin-field{color:#684522;gap:6px;font-size:.77rem;font-weight:850;display:grid}.admin-layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);align-items:start;gap:16px;height:calc(100dvh - 76px);min-height:0;padding:16px clamp(12px,2.5vw,28px) 28px;display:grid}.admin-sidebar,.admin-editor,.admin-image-panel{background:#fffaf0;border:1px solid #5a381729;border-radius:8px;box-shadow:0 12px 30px #3c271214}.admin-sidebar{grid-template-rows:auto auto auto auto minmax(0,1fr);align-self:start;gap:12px;height:calc(100dvh - 108px);min-height:0;max-height:calc(100dvh - 108px);padding:12px;display:grid;position:sticky;top:84px;overflow:hidden}.admin-cover-button{color:#2d2117;cursor:pointer;text-align:left;background:#fff4dc;border:1px solid #5a38172e;border-radius:8px;grid-template-columns:54px minmax(0,1fr);gap:3px 9px;width:100%;min-height:68px;padding:9px;display:grid}.admin-cover-button.active{background:#f1ddb5;border-color:#7f4b1d}.admin-cover-button span{color:#2c1b0f;background:#ffce5a;border-radius:6px;grid-row:span 2;place-items:center;font-weight:950;display:grid}.admin-cover-button strong{align-self:end}.admin-cover-button small{color:#7a5932;font-weight:800}.admin-setting-card{color:#2d2117;background:#fff4dc;border:1px solid #5a381729;border-radius:8px;gap:7px;padding:10px;display:grid}.admin-setting-card strong{font-size:.9rem}.admin-setting-card span{color:#7a5932;font-size:.76rem;font-weight:800}.admin-switch{color:#2c1b0f;cursor:pointer;background:#ffce5a;border-radius:999px;align-items:center;gap:8px;width:max-content;min-height:32px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.admin-switch input{accent-color:#7f4b1d;width:16px;height:16px}.admin-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.admin-tabs button,.admin-actions button,.admin-primary,.admin-link-button,.admin-upload,.admin-icon-button{color:#3a2818;cursor:pointer;background:#fff4dc;border:1px solid #5a381729;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:.82rem;font-weight:850;text-decoration:none;display:inline-flex}.admin-tabs button.active,.admin-primary,.admin-actions .admin-primary,.admin-login-box .admin-primary{color:#fffaf0;background:#7f4b1d;border-color:#7f4b1d}.admin-actions button.danger{color:#fffaf0;background:#b64c2a;border-color:#b64c2a}.admin-icon-button{width:34px;padding:0}.admin-tabs button:disabled,.admin-actions button:disabled,.admin-primary:disabled,.admin-icon-button:disabled{opacity:.48;cursor:default}.admin-search{display:block;position:relative}.admin-search svg{color:#8b6335;position:absolute;top:11px;left:10px}.admin-search input{padding-left:34px}.admin-create{grid-template-columns:70px minmax(0,1fr) 34px;gap:7px;display:grid}.admin-list{overscroll-behavior:contain;gap:7px;min-height:0;padding-right:3px;display:grid;overflow-y:auto}.admin-row{color:#2d2117;cursor:pointer;text-align:left;background:#fffdf6;border:1px solid #5a38171f;border-radius:6px;grid-template-columns:48px minmax(0,1fr);gap:3px 8px;width:100%;min-height:62px;padding:8px 9px;display:grid}.admin-row.active{background:#fff4dc;border-color:#7f4b1d}.admin-row span{color:#2c1b0f;background:#ffce5a;border-radius:6px;grid-row:span 2;place-items:center;font-weight:950;display:grid}.admin-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.2;overflow:hidden}.admin-tabs button{text-overflow:ellipsis;padding-inline:5px;font-size:.66rem;overflow:hidden}.admin-row small{color:#7a5932;font-size:.74rem;font-weight:800}.admin-editor{grid-template-rows:auto minmax(0,1fr);align-self:start;min-width:0;max-height:calc(100dvh - 108px);display:grid;overflow:hidden}.admin-editor-header{border-bottom:1px solid #5a381724;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px;display:flex}.admin-editor-header h2{overflow-wrap:anywhere;max-width:760px;font-size:clamp(1.05rem,2vw,1.45rem)}.admin-status{color:#7f4b1d;background:#fff4dc;border-radius:999px;margin-top:7px;padding:4px 8px;font-size:.72rem;font-weight:900;display:inline-flex}.status-published{color:#2c1b0f;background:#ffce5a}.status-hidden,.status-draft{color:#614717;background:#f3e7c2}.status-deleted{color:#7a251c;background:#f0d1cc}.admin-editor-body{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:16px;min-height:0;padding:16px;display:grid;overflow-y:auto}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-field:nth-child(9),.admin-field:nth-child(10),.admin-field:nth-child(11),.admin-field:nth-child(12){grid-column:1/-1}.admin-field textarea{min-height:96px}.admin-image-panel{box-shadow:none;align-self:start;gap:10px;padding:12px;display:grid}.admin-image-frame{color:#7a5932;background:#f1ddb5;border-radius:6px;place-items:center;min-height:260px;font-weight:850;display:grid;overflow:hidden}.admin-image-frame img{object-fit:contain;width:100%;height:100%;max-height:420px}.admin-upload{position:relative}.admin-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.admin-image-name,.admin-error{color:#7a251c;margin:0;font-size:.82rem;font-weight:850}.admin-image-name{color:#7a5932}@media (width<=860px){.contents-layout{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr;position:static}.search-field,.count-line{grid-column:1/-1}.mini-chart{display:none}.recipe-card:nth-child(2n){transform:none}.drawer-columns,.admin-layout,.admin-editor-body{grid-template-columns:1fr}.admin-layout{height:auto}.admin-sidebar{height:min(52dvh,520px);max-height:min(52dvh,520px);position:static;overflow:hidden}.admin-editor{max-height:none}.admin-editor-body{overflow:visible}.admin-editor-header{display:grid}}@media (width>=561px) and (width<=860px){.admin-layout{grid-template-columns:minmax(250px,310px) minmax(0,1fr);height:calc(100dvh - 76px)}.admin-sidebar{height:calc(100dvh - 108px);max-height:calc(100dvh - 108px);position:sticky;top:84px}.admin-editor{max-height:calc(100dvh - 108px)}.admin-editor-body{overflow-y:auto}}@media (width<=560px){.topbar{justify-content:space-between;padding:10px}.contents-board{grid-template-columns:repeat(2,minmax(0,1fr))}.sticker{flex-basis:32px;width:32px;height:32px}.text-sticker{text-overflow:ellipsis;flex-basis:auto;width:auto;max-width:calc(50vw - 14px);padding:0 9px;font-size:.72rem;overflow:hidden}.recipe-action-scroll{justify-content:center;gap:5px;max-width:100%;padding:0 2px;overflow-x:visible}.recipe-side-button{top:calc((100dvh - var(--recipe-bottom-bar-height)) / 2);width:38px;height:58px;box-shadow:none;background:#140b0557;border-color:#fffaf03d}.recipe-bottom-bar .text-sticker.recipe-dobro-button{flex-basis:32px;width:32px;padding:0}.recipe-dobro-button .recipe-action-label,.recipe-open-label-full{display:none}.recipe-open-label-short{display:inline}.recipe-bottom-bar .open-recipe-button{gap:5px;min-height:32px;padding:0 10px;font-size:.76rem}.recipe-more-menu{right:12px;bottom:calc(var(--recipe-bottom-bar-height) + max(10px, env(safe-area-inset-bottom)));width:auto;position:fixed;left:12px}.recipe-more-item{min-height:42px;font-size:.84rem}.controls{grid-template-columns:1fr}.admin-header{flex-direction:column;align-items:flex-start}.admin-header-actions{width:100%}.admin-form-grid{grid-template-columns:1fr}.admin-actions{flex-direction:column;align-items:stretch}.admin-actions button,.admin-primary,.admin-link-button{width:100%}}
