@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@500;600;700;900&display=swap";
:root{--ink:#20231d;--paper:#f4efdf;--cream:#fffaf0;--leaf:#2f5d43;--tomato:#c84832;--mustard:#e9ad27;--line:#d8cfbd;--muted:#726f65}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Noto Serif SC,serif}button,textarea{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 10% 10%, #ffffffb3, transparent 28%), repeating-linear-gradient(0deg, #37302307 0 1px, transparent 1px 4px), var(--paper);min-height:100vh}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,5vw,78px);display:flex}.brand{align-items:center;gap:11px;font-size:18px;font-weight:900;display:flex}.brand-mark{color:#fffaf0;background:var(--tomato);border-radius:50%;place-items:center;width:34px;height:34px;font-family:Ma Shan Zheng,cursive;font-size:22px;display:grid;transform:rotate(-8deg)}.topbar-actions{align-items:center;gap:12px;display:flex}.anonymous-pill{color:var(--leaf);border:1px solid #9cb69d;border-radius:30px;padding:6px 9px;font:500 11px DM Mono,monospace}.mode-switch{color:var(--ink);border:0;border-bottom:1px solid var(--ink);background:0 0;padding:3px 0;font-size:13px;text-decoration:none}.employee-layout{grid-template-columns:120px minmax(0,1fr) minmax(330px,420px);max-width:1510px;min-height:calc(100vh - 76px);margin:auto;display:grid}.rail{border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:14px;padding:60px 24px;display:flex}.rail-label,.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:500 11px DM Mono,monospace}.day-dot{color:var(--muted);text-align:center;background:0 0;border:0;gap:2px;padding:6px;display:grid}.day-dot b{font-size:14px}.day-dot small{font:11px DM Mono,monospace}.day-dot.is-today{color:#fff;background:var(--tomato);border-radius:20px;min-width:37px}.rail-line{border-left:1px dashed #aaa08e;height:45px}.week-link{text-align:center;background:0 0;border:0;font-size:12px;line-height:1.7}.menu-stage{padding:clamp(38px,7vw,90px) clamp(28px,6vw,90px)}.menu-stage h1,.admin-heading h1{letter-spacing:-.05em;margin:8px 0 7px;font-size:clamp(32px,4vw,58px);line-height:1.05}.intro{max-width:440px;color:var(--muted);margin:0 0 34px;font-size:14px;line-height:1.8}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.dish-card{border:1px solid #21231d24;flex-direction:column;justify-content:space-between;min-height:165px;padding:22px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:4px 5px #2d2c2314}.dish-card:hover,.dish-card.is-selected{transform:translate(-2px,-3px);box-shadow:7px 8px #2d2c231f}.tone-red{background:#f4d4c7}.tone-green{background:#dce8c7}.tone-yellow{background:#f6e8ad}.tone-orange{background:#f4d7a4}.dish-number{font:12px DM Mono,monospace}.dish-card h2{margin:0 0 5px;font-size:22px}.dish-card p{color:#55564c;margin:0;font-size:12px}.dish-card button{background:0 0;border:0;border-bottom:1px solid;align-self:flex-end;padding:0 0 3px;font-size:12px}.feedback-panel{border-left:1px solid var(--line);background:#fffaf0ad;padding:clamp(32px,4vw,58px) clamp(25px,3vw,45px)}.feedback-panel h2{margin:7px 0;font-size:27px}.helper{color:var(--muted);margin:0 0 23px;font-size:12px;line-height:1.7}.rating{margin:19px 0}.rating>span,.tag-section>span{margin-bottom:9px;font-size:13px;font-weight:700;display:block}.rating>div{align-items:center;gap:2px;display:flex}.star{color:#c9c0ad;background:0 0;border:0;padding:0;font-size:25px}.star.active{color:var(--mustard);text-shadow:0 1px #a8750b}.rating small{color:var(--leaf);margin-left:8px;font-size:12px}.tag-section{margin:24px 0 17px}.tag-section em{color:var(--muted);font:10px DM Mono,monospace}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--line);background:0 0;border-radius:16px;padding:5px 8px;font-size:11px}.tag.active{background:var(--ink);color:#fff;border-color:var(--ink)}.wish{text-align:left;width:100%;color:var(--tomato);background:0 0;border:1px solid #d3c5aa;border-radius:5px;padding:10px;font-size:12px}.wish.active{border-color:var(--tomato);background:#f7ded7}.feedback-panel textarea{resize:none;border:1px solid var(--line);outline-color:var(--leaf);background:#fffdf7;width:100%;min-height:74px;margin-top:14px;padding:10px;font-size:12px}.rating.compact{border-top:1px dashed var(--line);padding-top:3px}.submit{background:var(--leaf);color:#fff;border:0;width:100%;padding:13px;font-weight:700}.submit:disabled{cursor:not-allowed;background:#b6b4aa}.receipt{text-align:center;padding-top:70px}.receipt>span{background:var(--leaf);color:#fff;border-radius:50%;place-items:center;width:54px;height:54px;margin:auto;font-size:28px;display:grid}.receipt h2{font-size:28px;line-height:1.35}.receipt p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.8}.receipt button{background:0 0;border:0;border-bottom:1px solid;margin-top:24px}.admin-layout{max-width:1240px;margin:auto;padding:72px clamp(24px,5vw,72px)}.admin-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.publish-button{background:var(--tomato);color:#fff;border:0;padding:13px 17px;font-weight:700;text-decoration:none;box-shadow:4px 4px #8d2f20}.access-denied{background:radial-gradient(circle at 20% 15%, #f9e3b0, transparent 32%),var(--paper);max-width:650px;min-height:100vh;margin:auto;padding:18vh 28px}.access-denied h1{margin:10px 0;font-size:clamp(38px,6vw,66px);line-height:1.1}.access-denied p:not(.eyebrow){max-width:460px;color:var(--muted);line-height:1.9}.access-denied a{color:var(--leaf);border-bottom:1px solid;margin-top:18px;text-decoration:none;display:inline-block}@media (max-width:1000px){.employee-layout{grid-template-columns:74px minmax(0,1fr)}.feedback-panel{border-left:0;border-top:1px solid var(--line);grid-column:2}.rail{padding:40px 12px}.admin-columns{grid-template-columns:1fr}}@media (max-width:620px){.topbar{height:64px;padding:0 17px}.anonymous-pill{display:none}.employee-layout{display:block}.rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;height:56px;padding:6px 17px}.rail-label,.rail-line,.week-link{display:none}.day-dot{align-items:center;gap:5px;display:flex}.menu-stage{padding:35px 20px}.menu-grid{grid-template-columns:1fr}.dish-card{min-height:138px}.feedback-panel{padding:30px 20px}.metric-grid{grid-template-columns:1fr;margin:28px 0 16px}.admin-layout{padding:40px 20px}.admin-heading{flex-direction:column;align-items:flex-start}.admin-heading h1{font-size:40px}.admin-card{padding:21px}.rank-row{grid-template-columns:24px 1fr 1.2fr 30px}}