/* Shared paper-and-wood work pages. Home, print, data and calculations are unchanged. */
@media screen {
body[data-cafe-layout="modern"].cafe-work-page{--work-paper:#fffaf0;--work-ink:#344d3d;--work-line:#cfb68d;--work-green:#355b46}
body[data-cafe-layout="modern"].cafe-work-page .page-view{min-width:0}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-heading{display:grid!important;grid-template-columns:112px minmax(0,1fr) auto;align-items:center!important;gap:12px 20px!important;margin:0 0 20px!important;padding:20px 24px!important;border:2px solid #bd9b66!important;border-radius:17px!important;background:#fff9eaf2 url('./paper-grain.svg')!important;background-size:auto,180px 180px!important;box-shadow:inset 0 0 0 3px #fffdf3,0 3px 0 #a57c4020!important;min-width:0}
.cafe-page-art{display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1;width:112px;height:104px;pointer-events:none}
.cafe-page-art-image{display:block!important;width:100%!important;height:100%!important;max-width:100%;object-fit:contain!important;border:0!important;border-radius:6px;pointer-events:none}
.cafe-page-title{grid-column:2;grid-row:1;min-width:0}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-title h1{margin:0!important;font-family:inherit!important;font-size:clamp(22px,2.2vw,30px)!important;font-weight:800;line-height:1.45;letter-spacing:.02em;color:var(--work-ink)!important;overflow-wrap:anywhere}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-title :is(p,.sh-note,.sm-note){margin:5px 0 0!important;font-size:12px!important;line-height:1.75;color:#7a6b50!important}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-title .eyebrow{display:none}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls{grid-column:3;grid-row:1;display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0;max-width:550px;margin:0!important;justify-content:flex-end!important;justify-self:end}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-heading-wide>.cafe-page-controls{grid-column:1/-1;grid-row:2;max-width:none;width:100%;padding-top:15px!important;border-top:1px solid #e3d3b5;justify-content:flex-start!important;justify-self:stretch}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls:is(button,a){min-height:44px;padding:10px 16px!important;border-radius:9px!important;font-size:13px!important;line-height:1.5;text-align:center;justify-content:center!important;text-decoration:none}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-heading>.tag{display:inline-flex;width:max-content;max-width:100%}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls :is(button,a){min-height:43px!important;padding:10px 16px!important;border-radius:9px!important;line-height:1.5;white-space:normal;font-size:13px!important;text-align:center}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls :is(input,select){max-width:100%;min-width:0;min-height:43px;flex:0 1 auto}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls>label{font-size:12px;color:#72664e}
body[data-cafe-layout="modern"].cafe-work-page :is(.panel,.sh-panel,.po-card,.po-panel,.rp-panel,.sm-panel,.tool-panel){border-color:var(--work-line)!important;border-radius:14px!important;box-shadow:0 3px 0 #a57c4018!important;background-color:var(--work-paper)!important;min-width:0}
body[data-cafe-layout="modern"].cafe-work-page :is(.panel-head,.po-card-head,.rp-panel-heading,.rp-panel-head,.sm-panel-head){padding:18px 22px!important;border-bottom:1px solid #e0ceb0!important;background:#f6ecd7!important;gap:14px;flex-wrap:wrap}
body[data-cafe-layout="modern"].cafe-work-page :is(.panel-title,.panel h2,.sh-panel h2,.rp-panel h2){color:var(--work-ink)!important;line-height:1.55}
body[data-cafe-layout="modern"].cafe-work-page .page-view>:is(.panel,.sh-panel,.po-panel,.tool-panel){margin-bottom:20px}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.panel,.card):not(:has(> :is(.panel-head,.po-card-head,.rp-panel-heading,.rp-panel-head,.sm-panel-head))):has(> :is(h2,h3,p,form,details)){padding:22px!important}
body[data-cafe-layout="modern"].cafe-work-page :is(.form-panel,.form-grid,.sh-form,.task-form){gap:18px}
body[data-cafe-layout="modern"].cafe-work-page .page-view label{line-height:1.6}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea){border-color:#cbb38b;border-radius:9px!important;background:#fffdf7;box-shadow:inset 0 1px 3px #6e4c1a08;line-height:1.5}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(input,select,textarea):focus-visible{outline:3px solid #61876855;outline-offset:2px;border-color:#58745a}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(th,td){line-height:1.65}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(th){background-color:#f1e5c9;color:#5c533d}
body[data-cafe-layout="modern"].cafe-work-page .page-view tbody tr:nth-child(even)>td{background-color:#faf5e8}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.text-btn,.material-order,.filter-chip){border:1px solid #cab38b;border-radius:8px;background:#fffaf0;min-height:36px;padding:8px 12px;text-decoration:none;line-height:1.45}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.primary,.submit,.sh-primary,.po-button.primary,.rp-button.primary){background:linear-gradient(#42664b,#31543e)!important;color:#fffaf0!important;border-color:#34523d!important;box-shadow:0 2px 0 #223d2b35!important}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 22px!important;padding:0!important;border:0!important;background:none!important}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links:has(>a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links a{display:flex!important;align-items:center;justify-content:flex-start;gap:12px;min-width:0;min-height:76px;padding:10px 16px!important;border:1px solid #c6ac7b!important;border-radius:12px!important;background:linear-gradient(#fffcf3,#f8edcf)!important;color:#4f5138!important;box-shadow:0 2px 0 #b18b4e20!important;font-size:13px!important;line-height:1.55;font-weight:700;text-align:left;text-decoration:none}
.cafe-link-art{width:52px;height:47px;flex:none;pointer-events:none}.cafe-link-label{min-width:0;overflow-wrap:anywhere;pointer-events:none}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links a.active{background:#355b46!important;border-color:#355b46!important;color:#fffaf0!important;box-shadow:0 2px 0 #29402e30!important}
body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links a.active .cafe-link-art{background:#fff9ea;border-radius:9px;padding:3px}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.sh-tabs,.po-tabs,.rp-view-tabs){padding:12px!important;gap:10px!important;background:#efe2c6!important;border:1px solid #ccb58b!important;border-radius:14px!important;margin-bottom:20px}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.sh-tabs,.po-tabs,.rp-view-tabs) button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:52px!important;padding:12px 14px!important;border:1px solid #c3aa7e!important;border-radius:10px!important;background:#fffbf0!important;color:#4f553d!important;box-shadow:0 2px 0 #b18b4e15!important;white-space:normal;line-height:1.55;font-size:13px!important}
[data-cafe-tab-icon]::before{content:'';width:21px;height:21px;flex:none;background:currentColor;mask:var(--cafe-tab-icon) center/contain no-repeat;-webkit-mask:var(--cafe-tab-icon) center/contain no-repeat}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.sh-tabs,.po-tabs,.rp-view-tabs) button:is(.active,[aria-selected=true],[aria-pressed=true]){background:#355b46!important;border-color:#355b46!important;color:#fffaf0!important;box-shadow:0 2px 0 #29402e35!important}
body[data-cafe-layout="modern"].cafe-work-page #shiftsPage .sh-tab-group{background:transparent!important;border:0!important;padding:0!important}
body[data-cafe-layout="modern"].cafe-work-page #shiftsPage .sh-tab-group h2{margin:0 0 9px;color:#736345;font-size:12px}
body[data-cafe-layout="modern"].cafe-work-page .photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}
body[data-cafe-layout="modern"].cafe-work-page .photo-tile{min-width:0;padding:14px;border:1px solid #d7c5a2;border-radius:12px;background:#fffdf5}
body[data-cafe-layout="modern"].cafe-work-page .photo-tile h3{font-size:14px;line-height:1.6}
body[data-cafe-layout="modern"].cafe-work-page .photo-tile label{display:inline-flex;position:relative;align-items:center;justify-content:center;min-height:42px;padding:9px 12px;border:1px solid #bba37a;border-radius:8px;background:#f5ead1;color:#355b46;font-size:13px;font-weight:700;cursor:pointer}
body[data-cafe-layout="modern"].cafe-work-page .photo-tile input[type=file]{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
body[data-cafe-layout="modern"].cafe-work-page .photo-tile label:focus-within{outline:3px solid #61876888;outline-offset:2px}
body[data-cafe-layout="modern"].cafe-work-page .photo-tile button{margin-top:8px;width:100%;min-height:38px;border:1px solid #d6bda0;border-radius:8px;background:#fffaf0;color:#8b604b}
body[data-cafe-layout="modern"].cafe-work-page .page-view :is(button,a):focus-visible{outline:3px solid #718d5e;outline-offset:3px}
@media(max-width:780px){
 body[data-cafe-layout="modern"].cafe-work-page .reference-sidebar .brand{min-height:0!important;width:170px!important;max-width:100%;padding:5px!important;margin:8px auto 10px!important}
 body[data-cafe-layout="modern"].cafe-work-page .reference-sign-face{padding:6px 14px!important}
 body[data-cafe-layout="modern"].cafe-work-page .reference-sidebar .brand-title{font-size:24px!important}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-heading{grid-template-columns:80px minmax(0,1fr);gap:10px 13px!important;padding:16px!important;margin-bottom:16px!important;border-radius:14px!important}
 .cafe-page-art{width:80px;height:76px}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-title h1{font-size:22px!important}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-title :is(p,.sh-note,.sm-note){font-size:11px!important}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls{grid-column:1/-1;grid-row:2;max-width:none;gap:8px;padding-top:12px!important;justify-content:flex-start!important;justify-self:stretch;border-top:1px solid #e3d3b5}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls:is(button,a){width:auto;justify-self:end;padding:10px 14px!important;border-top-color:inherit}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-controls :is(button,a){flex:1 1 42%;padding:10px 11px!important;font-size:12px!important;min-height:44px!important}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px!important}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links a{min-height:65px;padding:9px 11px!important;gap:8px;font-size:12px!important}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links:has(>a:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links:has(>a:nth-child(4)) a{flex-direction:column;justify-content:center;gap:5px;padding:8px 5px!important;min-height:79px;font-size:11px!important;text-align:center}
 body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links:has(>a:nth-child(4)) .cafe-link-art{width:34px;height:30px}
 .cafe-link-art{width:40px;height:39px}
 body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.panel,.card):not(:has(> :is(.panel-head,.po-card-head,.rp-panel-heading,.rp-panel-head,.sm-panel-head))):has(> :is(h2,h3,p,form,details)){padding:18px!important}
 body[data-cafe-layout="modern"].cafe-work-page :is(.panel-head,.po-card-head,.rp-panel-heading,.rp-panel-head,.sm-panel-head){padding:16px!important}
 body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.sh-tabs,.po-tabs,.rp-view-tabs){gap:8px!important;padding:9px!important}
 body[data-cafe-layout="modern"].cafe-work-page .page-view :is(.sh-tabs,.po-tabs,.rp-view-tabs) button{min-height:52px!important;padding:10px!important;font-size:12px!important;gap:6px}
 [data-cafe-tab-icon]::before{width:18px;height:18px}
 body[data-cafe-layout="modern"].cafe-work-page .photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body[data-cafe-layout="modern"].cafe-work-page .photo-tile{padding:10px}.cafe-page-art-svg{max-width:100%}
 body[data-cafe-layout="modern"].cafe-work-page .photo-tile :is(img,.photo-empty){width:100%;max-width:100%}
}
@media(prefers-reduced-motion:no-preference){body[data-cafe-layout="modern"].cafe-work-page .cafe-page-links a:hover{transform:translateY(-1px)}}
}
@media print{.cafe-page-art,.cafe-page-description,.cafe-page-links{display:none!important}[data-cafe-tab-icon]::before{display:none!important}}

/* Watercolor accents occupy margins and their own footer space, never controls. */
@media screen {
body[data-cafe-layout="modern"].cafe-work-page .page-view::after{content:'';display:block;box-sizing:border-box;width:100%;height:120px;margin:26px 0 10px;border-top:1px solid #c4a57455;background:url('./cafe-decor-bread-v28.webp') left 24px center/150px auto no-repeat,url('./cafe-decor-cup-v28.webp') right 24px center/150px auto no-repeat,url('./cafe-decor-leaves-v28.webp') center/100px auto no-repeat;pointer-events:none;opacity:.85}
body[data-cafe-layout="modern"].cafe-work-page :is(div.po-empty,div.empty,p.empty,.home-empty):not(:has(input,button,textarea,select))::before{content:'';display:block;width:95px;height:57px;margin:0 auto 14px;background:url('./cafe-decor-cup-v28.webp') center/contain no-repeat;pointer-events:none;opacity:.8}
@media(max-width:780px){
body[data-cafe-layout="modern"].cafe-work-page .page-view::after{height:88px;margin:22px 0 8px;background-position:left 8px center,right 8px center,center;background-size:94px auto,94px auto,58px auto}
}
}

/* 60CAFE: a sunlit bakery beside a forest. Screen presentation only. */
@media screen {
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]){--paper:#f5f0df;--white:#fffdf4;--ink:#332c25;--muted:#625c50;--line:#c9bda4;--green:#385540;--green-soft:#e4ebd8;--orange:#925532;--orange-soft:#f4e1c5;--work-paper:#fffdf4;--work-ink:#332c25;--work-line:#c9bda4;--work-green:#385540;background:radial-gradient(ellipse at 0 0,#dce9e3 0,transparent 46%),radial-gradient(ellipse at 100% 0,#f5e3b7 0,transparent 45%),#f5f0df!important;color:#332c25;line-height:1.65}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .topbar{border-bottom:2px solid #b3b69c;padding-bottom:14px;margin-bottom:0}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .brand-title{font-family:Georgia,'Yu Mincho','Hiragino Mincho ProN',serif;color:#354d39;font-size:28px;letter-spacing:.05em}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .mark{background:#f6e7c5;border:1.5px solid #9f8151;border-radius:42% 48% 44% 50%;box-shadow:0 3px 0 #b29a6b40;color:#4c593d}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]):not([data-cafe-world="ghibli"]) :is(.panel,.sh-panel,.po-card,.po-panel,.rp-panel,.sm-panel,.tool-panel,.card,.modal,dialog){background:#fffdf4!important;border:1px solid #c9bda4!important;border-radius:14px 17px 13px 16px!important;box-shadow:0 3px 0 #80663c15,0 12px 28px #5c502a08!important}
@media print{html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(.panel,.sh-panel,.po-card,.po-panel,.rp-panel,.sm-panel,.tool-panel,.card,.modal,dialog){background:#fffdf4!important;border:1px solid #c9bda4!important;border-radius:14px 17px 13px 16px!important;box-shadow:0 3px 0 #80663c15,0 12px 28px #5c502a08!important}}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(.panel-head,.po-card-head,.rp-panel-heading,.rp-panel-head,.sm-panel-head){background:#f2e8cf!important;border-bottom:1px solid #d5c6a5!important;padding:14px 18px!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(h1,.panel-title,.cafe-page-title h1){font-family:'Yu Mincho','Hiragino Mincho ProN',Georgia,serif!important;color:#332c25!important;font-weight:800;letter-spacing:.035em}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button,.primary,.secondary,.submit,.text-btn){font-family:inherit;border-radius:12px 15px 11px 14px!important;transition:background-color .16s,box-shadow .16s,transform .12s;touch-action:manipulation}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button.primary,.primary,button.submit,.submit){background:#385540!important;color:#fffdf4!important;border:1.5px solid #2e4734!important;box-shadow:inset 0 0 0 3px #ffffff12,0 3px 0 #263c2d!important;min-height:44px;font-weight:700;letter-spacing:.025em;padding:10px 18px!important;text-decoration:none}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button.secondary,.secondary){background:#faf3df!important;color:#473927!important;border:1.5px solid #b5a17b!important;box-shadow:inset 0 0 0 3px #fffdf4,0 2px 0 #ad946530!important;min-height:44px;padding:9px 15px!important;font-weight:650;text-decoration:none}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button,.primary,.secondary):disabled{background:#e9e5d9!important;color:#716d62!important;border-color:#d2ccbc!important;box-shadow:none!important;cursor:not-allowed;opacity:1}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button,.primary,.secondary):not(:disabled):active{transform:translateY(2px);box-shadow:inset 0 2px 3px #332c2518!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #3e6b7a!important;outline-offset:3px!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:#fffef8!important;color:#332c25!important;border-color:#b6aa90!important;border-radius:9px!important;box-shadow:inset 0 2px 2px #8a74430b;font-size:16px}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) input::placeholder,html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) textarea::placeholder{color:#756e60;opacity:1}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(.value,.activity-qty,.menu-count-input,.stock-num,.price){font-variant-numeric:tabular-nums;color:#332c25;font-weight:750}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .cafe-page-heading{background:transparent!important;border:0!important;border-bottom:2px solid #c5b793!important;border-radius:0!important;box-shadow:none!important;padding:12px 0 14px!important;gap:12px!important;margin-bottom:16px!important;grid-template-columns:76px minmax(0,1fr) auto!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .cafe-page-art{width:76px;height:72px}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .cafe-page-title :is(p,.sm-note,.sh-note){color:#625c50!important;font-size:13px!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .app-nav{background:#e3ede7!important;border-color:#b7c8be!important;border-radius:12px!important;box-shadow:0 3px 0 #738c7420!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .app-nav a{color:#344f43!important;border-radius:10px 12px 9px 11px!important;min-height:44px}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .app-nav a.active,html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .app-nav a[aria-current=page]{background:#385540!important;color:#fffdf4!important;box-shadow:inset 0 0 0 2px #ffffff20}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-card{background:#fffdf3!important;border:1px solid #c9bda4!important;border-radius:15px 18px 13px 16px!important;box-shadow:0 3px 0 #9a83542b!important;padding:14px!important;gap:8px!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-label strong{color:#3e432e!important;font-size:17px!important;letter-spacing:.025em}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-label small{color:#625c50!important;font-size:12px!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-art{filter:saturate(.9);height:85px!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-hero{border:1px solid #b5a17b!important;border-radius:17px 20px 15px 18px!important;box-shadow:0 4px 0 #9a835420!important;margin:14px 0!important;overflow:visible}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-interior{object-position:center 53%!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(th,.menu-board thead th){background:#e9e6d3!important;color:#3f4533!important;border-color:#c9bda4!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) td{border-color:#e1d9c5!important;color:#332c25}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(.menu-board tbody th,.inventory-table tbody th){background:#f3ead4!important;color:#473927!important}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .table-wrap{border-radius:11px;border:1px solid #d5c6a5}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) details>summary{color:#4b5038;min-height:44px;padding-top:10px;padding-bottom:10px;font-weight:650}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .overlay{background:#262f26a8;backdrop-filter:blur(2px)}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) #saveSyncPanel button{min-height:44px;min-width:44px}
@media(hover:hover){html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(.primary,.submit):not(:disabled):hover{background:#45664b!important}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-card:hover{background:#fbf5e3!important;border-color:#8c9d78!important;box-shadow:0 4px 0 #9a835430!important}}
@media(max-width:640px){html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .brand-title{font-size:22px}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-card{padding:11px!important}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-art{height:65px!important}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .reference-feature-label strong{font-size:15px!important}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .cafe-page-heading{grid-template-columns:56px minmax(0,1fr)!important;padding:8px 0 12px!important}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .cafe-page-art{width:56px;height:58px}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) .cafe-page-controls{grid-column:1/-1!important;justify-self:stretch!important}}
@media(prefers-reduced-motion:reduce){html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) :is(button,a){transition:none!important;transform:none!important}}
}
@media screen {
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) button.forest-quantity{position:relative!important;min-width:44px!important;width:44px!important;min-height:44px!important;height:44px!important;padding:1px!important;background:#f8eed5!important;border:1px solid #b7a47c!important;box-shadow:0 2px 0 #ae976b40!important;border-radius:13px 15px 12px 14px!important;overflow:visible!important}
.forest-spirit{display:block;width:36px!important;height:34px!important;fill:none;stroke:none;pointer-events:none;filter:drop-shadow(0 1px 0 #ffffff)}
.forest-delta{position:absolute;right:-2px;bottom:-1px;background:#fffdf5;border:1px solid #b3a17e;border-radius:7px;padding:0 3px;color:#334b37;font:800 11px/16px system-ui,sans-serif;font-variant-numeric:tabular-nums;pointer-events:none}
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) button.forest-quantity:disabled{background:#eee9de!important;box-shadow:none!important}
button.forest-quantity:disabled .forest-spirit{opacity:.3;filter:grayscale(1)}
button.forest-quantity:disabled .forest-delta{color:#797367;background:#eee9de}
.forest-hop{animation:forestHop .28s ease-out}
@keyframes forestHop{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px) rotate(-5deg)}75%{transform:translateY(1px) rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.forest-hop{animation:none!important}}
}
@media print{.forest-spirit,.forest-delta{display:none!important}}

@media screen {html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) button.forest-quantity{height:56px!important;min-height:56px!important;width:48px!important;min-width:48px!important;display:flex;flex-direction:column;justify-content:center;gap:0!important;background:#faf2dd!important;padding:0!important}.forest-spirit{width:42px!important;height:42px!important;filter:none!important}.forest-action{font:650 9px/12px system-ui,sans-serif;color:#5b5546;white-space:nowrap;pointer-events:none}.forest-delta{display:none!important}.forest-hop{animation:forestLift .4s ease-out}@keyframes forestLift{0%,100%{transform:translateY(0) scale(1)}28%{transform:translateY(1px) scale(1.03,.94)}62%{transform:translateY(-4px) scale(.98,1.03)}82%{transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.forest-hop{animation:none!important}}}
@media print{.forest-action{display:none!important}}

@media screen {html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) button.forest-quantity{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;padding:2px!important}.forest-spirit{width:48px!important;height:48px!important;overflow:hidden!important}.forest-action,.forest-delta{display:none!important}}

@media screen and (max-width:780px){html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) #menuPage .menu-item-inline > .menu-count{grid-template-columns:44px auto;gap:4px}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) #menuPage .menu-item-inline .menu-count-input{width:44px;max-width:44px}html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) #menuPage button.forest-quantity{width:44px!important;min-width:44px!important}.menu-count-arrows .forest-spirit{width:40px!important}}
@media screen {
html body[data-cafe-layout="modern"]:not([data-cafe-world="normal"]) button.forest-quantity:active{transform:none!important}
.forest-load{transform-box:fill-box;transform-origin:center}
.forest-hop{animation:forestWork .5s ease-out}
.forest-hop .forest-load{animation:forestStoneUp .5s ease-out}
[data-forest-delta="2"] .forest-hop{animation-duration:.68s}
[data-forest-delta="2"] .forest-hop .forest-load{animation-duration:.68s}
[data-forest-delta^="-"] .forest-hop{animation-name:forestBend}
[data-forest-delta^="-"] .forest-hop .forest-load{animation-name:forestStoneDown}
@keyframes forestWork{0%,100%{transform:translateY(0)}25%{transform:translateY(1px) scale(1.02,.96)}65%{transform:translateY(-1px)}}
@keyframes forestBend{0%,100%{transform:translateY(0)}50%{transform:translateY(1px) rotate(3deg)}}
@keyframes forestStoneUp{0%,100%{transform:translateY(0)}25%{transform:translateY(6px)}65%{transform:translateY(-40px)}}
@keyframes forestStoneDown{0%,100%{transform:translateY(0)}25%{transform:translateY(-12px)}65%{transform:translateY(20px)}}
@media(prefers-reduced-motion:reduce){.forest-hop,.forest-hop .forest-load{animation:none!important;transform:none!important}}
}

.world-mode-control{display:flex;align-items:center;gap:6px;font-size:12px;margin-left:auto;max-width:100%}.world-mode-control select{min-height:44px;max-width:160px;font-size:14px;padding:6px 9px}.world-mode-control span{white-space:nowrap}
@media screen{.forest-cast.forest-hop{animation:cafe-effort .9s ease-out both}.forest-quantity[data-forest-delta="1"] .forest-cast.forest-hop{animation:forestWork .5s ease-out}.forest-quantity[data-forest-delta^="-"] .forest-cast.forest-hop{animation:forestBend .5s ease-out}}
@keyframes cafe-effort{0%,100%{transform:translate(0,0)}12%,32%{transform:translate(-1px,2px) rotate(-1.5deg) scaleY(.97)}22%,42%{transform:translate(1px,2px) rotate(1.5deg) scaleY(.97)}65%{transform:translate(0,-5px) scaleY(1.03)}82%{transform:translate(0,-2px)}}
@media(prefers-reduced-motion:reduce){.forest-cast.forest-hop{animation:none!important;transform:none!important}}
@media print{.world-mode-control{display:none!important}}

/* One fixed companion occupies the existing page illustration space. */
.forest-heading-art{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}
@media print{.forest-heading-art{display:none!important}}

#cafeWorldSettings .world-mode-control{margin:0;justify-content:flex-start}
#cafeWorldSettings .world-mode-control select{width:240px;max-width:100%;min-height:44px}