.lunch-page{color:#172033}.lunch-heading{margin-bottom:28px}.lunch-eyebrow{margin:0 0 9px!important;color:#087f6d;font-size:14px!important;font-weight:800}.lunch-heading h1{margin:0 0 16px;color:#111827;font-size:43px;line-height:1.2;letter-spacing:0}.lunch-heading>p:last-child{max-width:800px;margin:0;color:#526078;font-size:18px;line-height:1.75}.lunch-tool{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(270px,.82fr);overflow:hidden;margin-top:24px;border:1px solid #d6e0eb;border-radius:8px;background:#fff}.wheel-panel,.lunch-settings{min-width:0;padding:24px}.wheel-panel{border-right:1px solid #dbe4ee;background:#f7f9fc}.wheel-panel>header,.lunch-settings>header,.lunch-list>header,.lunch-history>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.wheel-panel header span:first-child,.lunch-settings header span{display:block;color:#087f6d;font-size:10px;font-weight:900}.wheel-panel h2,.lunch-settings h2{margin:2px 0 0;font-size:21px}.wheel-panel>header>strong{padding:5px 8px;border-radius:5px;background:#e2f3ef;color:#087f6d;font-size:9px}.wheel-wrap{position:relative;width:min(100%,480px);aspect-ratio:1;margin:18px auto 0}.wheel-wrap canvas{display:block;width:100%;height:100%}.wheel-pointer{position:absolute;z-index:3;top:-3px;left:50%;width:0;height:0;border-top:26px solid #152033;border-right:14px solid transparent;border-left:14px solid transparent;filter:drop-shadow(0 3px 2px rgba(0,0,0,.2));transform:translateX(-50%)}.wheel-wrap>button{position:absolute;z-index:4;top:50%;left:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;width:104px;height:104px;margin:0;border:8px solid #fff;border-radius:50%;background:#087f6d;color:#fff;box-shadow:0 3px 12px rgba(22,32,51,.24);transform:translate(-50%,-50%)}.wheel-wrap>button span{font-size:9px;opacity:.75}.wheel-wrap>button strong{font-size:13px}.wheel-wrap>button:disabled{opacity:.75}.wheel-status{min-height:24px;margin:10px 0 0;color:#657489;font-size:10px;text-align:center}.lunch-result{margin-top:15px;padding:18px;border:1px solid #b9ded5;border-radius:8px;background:#edf8f5;text-align:center}.lunch-result[hidden]{display:none!important}.lunch-result>span,.lunch-result>strong,.lunch-result>p{display:block}.lunch-result>span{color:#087f6d;font-size:9px;font-weight:900}.lunch-result>strong{margin:5px 0 3px;font-size:25px}.lunch-result>p{margin:0;color:#657489;font-size:10px}.lunch-result>div{display:flex;justify-content:center;gap:7px;margin-top:12px}.lunch-result button{min-height:38px;margin:0;padding:0 14px;border:1px solid #bfd2cf;border-radius:6px;background:#fff;color:#405067;box-shadow:none;font-size:9px;font-weight:900}.lunch-result button:first-child{border-color:#087f6d;background:#087f6d;color:#fff}.lunch-settings fieldset{margin:16px 0 0;padding:0;border:0}.lunch-settings legend,.lunch-field>span{display:block;margin-bottom:7px;color:#35455c;font-size:11px;font-weight:900}.category-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.category-options label{display:flex;align-items:center;gap:7px;margin:0;padding:9px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc;cursor:pointer}.category-options input,.lunch-toggles input{flex:0 0 17px;width:17px!important;height:17px!important;margin:0!important;opacity:1!important;appearance:auto!important}.category-options span{font-size:9px;font-weight:800}.lunch-field{display:block;margin-top:15px}.lunch-field textarea,.lunch-field input,.lunch-field select,.lunch-settings select{width:100%;border:1px solid #cfdbe6;border-radius:7px;background:#fff;color:#172033;font-size:10px}.lunch-field textarea{min-height:76px;padding:10px;resize:vertical}.lunch-field input{height:43px;padding:0 10px}.lunch-field select,.lunch-settings select{height:43px;padding:0 36px 0 10px}.lunch-field small{display:block;margin-top:4px;color:#8894a4;font-size:8px;line-height:1.55}.lunch-toggles{display:grid;gap:6px;margin-top:15px}.lunch-toggles label{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc;cursor:pointer}.lunch-toggles strong,.lunch-toggles small{display:block}.lunch-toggles strong{font-size:9px}.lunch-toggles small{margin-top:2px;color:#8491a2;font-size:8px}.apply-menus,.reset-menus{width:100%;min-height:45px;margin:15px 0 0;border:0;border-radius:7px;background:#087f6d;color:#fff;box-shadow:none;font-size:11px;font-weight:900}.reset-menus{margin-top:7px;border:1px solid #ccd8e5;background:#fff;color:#405067}.lunch-list,.lunch-history,.lunch-guide{margin-top:24px;padding:24px;border:1px solid #d6e0eb;border-radius:8px;background:#fff}.lunch-list h2,.lunch-history h2{margin:0;font-size:22px}.lunch-list>header>p,.lunch-history>header>p{margin:0;color:#7a8798;font-size:10px}.active-menu-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.active-menu-list button{min-height:35px;margin:0;padding:0 12px;border:1px solid #cfdbe6;border-radius:18px;background:#f8fafc;color:#405067;box-shadow:none;font-size:9px;font-weight:800}.active-menu-list button.is-off{text-decoration:line-through;opacity:.48}.lunch-history>header button{min-height:34px;margin:0;padding:0 11px;border:1px solid #d1dce7;border-radius:6px;background:#fff;color:#657489;box-shadow:none;font-size:9px}.lunch-history ol{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:16px 0 0;padding:0;list-style:none}.lunch-history li{padding:12px;border:1px solid #dbe4ed;border-radius:7px;background:#f8fafc;text-align:center}.lunch-history li strong,.lunch-history li span{display:block}.lunch-history li strong{font-size:11px}.lunch-history li span{margin-top:3px;color:#8491a3;font-size:8px}.lunch-history li.is-empty{grid-column:1/-1;color:#7b8899;font-size:10px}.lunch-guide{padding:28px}.lunch-guide>header h2{margin:0 0 12px;font-size:28px}.lunch-guide>header>p:last-child{margin:0;color:#58677c;font-size:14px;line-height:1.8}.lunch-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}.lunch-steps article{margin:0;padding:15px;border:1px solid #dbe4ed;border-radius:7px}.lunch-steps span{color:#087f6d;font-size:10px;font-weight:900}.lunch-steps h3{margin:8px 0 5px;font-size:13px}.lunch-steps p,.lunch-guide-grid p,.lunch-categories p{margin:0;color:#657489;font-size:10px;line-height:1.7}.lunch-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}.lunch-guide-grid section{padding:18px;border-top:3px solid #9ccfc4;background:#f8fafc}.lunch-guide-grid h3,.lunch-categories h3{margin:0 0 7px;font-size:15px}.lunch-categories{margin-top:23px}.lunch-categories>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lunch-categories article{padding:15px;border:1px solid #dbe4ed;border-radius:7px}.lunch-categories strong,.lunch-categories span{display:block}.lunch-categories strong{font-size:13px}.lunch-categories span{margin:3px 0 6px;color:#087f6d;font-size:9px;font-weight:800}.lunch-note{margin:20px 0 0;padding:15px 17px;border-left:4px solid #087f6d;background:#edf8f5;color:#4d5d71;font-size:10px;line-height:1.7}
@media screen and (max-width:980px){.lunch-tool{grid-template-columns:1fr}.wheel-panel{border-right:0;border-bottom:1px solid #dbe4ee}.wheel-wrap{max-width:520px}}
@media screen and (max-width:640px){.lunch-heading h1{font-size:33px}.lunch-heading>p:last-child{font-size:16px}.wheel-panel,.lunch-settings,.lunch-list,.lunch-history,.lunch-guide{padding:19px 16px}.wheel-wrap>button{width:82px;height:82px;border-width:6px}.wheel-wrap>button strong{font-size:11px}.lunch-history ol{grid-template-columns:1fr 1fr}.lunch-steps,.lunch-guide-grid,.lunch-categories>div{grid-template-columns:1fr}.lunch-list>header,.lunch-history>header{align-items:flex-start}.lunch-guide>header h2{font-size:24px}}
.wheel-wrap>button strong{color:#fff!important;opacity:1}
@media screen and (max-width:640px){.wheel-wrap>button strong{font-size:10px;white-space:nowrap}}