#family-meal-app [data-view="eatout"]{background:#fffdf9;padding-bottom:100px;color:#28241f}
#family-meal-app [data-view="eatout"] .head{background:transparent;padding:24px 16px 16px}
#family-meal-app [data-view="eatout"] .head .line{display:grid;grid-template-columns:30px 1fr auto;gap:8px}
#family-meal-app [data-view="eatout"] .head h2{text-align:center;font-size:23px!important;white-space:nowrap}
#family-meal-app .near-me{background:#fff;border-radius:30px;padding:10px 12px;font-size:12px;box-shadow:0 4px 18px #56452a12;color:#302b25}
#family-meal-app [data-view="eatout"]>.head+div{padding:0 12px!important}
#family-meal-app [data-view="eatout"]>.head+div>.muted{text-align:center;font-size:13px!important;color:#75716c;margin-bottom:16px!important}
#family-meal-app #eatout-cat{display:flex;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:7px;padding:2px 0 12px;scrollbar-width:thin}
#family-meal-app #eatout-cat .chip{flex:none;display:flex;align-items:center;gap:5px;padding:10px 13px;background:#fff;border:1px solid #f0e7dc;box-shadow:0 3px 9px #78573708;border-radius:16px;font-size:13px;color:#302b25}
#family-meal-app #eatout-cat .chip span{font-size:22px}
#family-meal-app #eatout-cat .chip.active{background:#ff6616!important;color:white!important}
#family-meal-app .wheel-outer{width:min(100% - 16px,340px);margin:17px auto 18px;border-color:#ffbd70;background:linear-gradient(120deg,#ffcb80,#ff8e38);box-shadow:0 5px 0 #d97822,0 12px 26px #d88b2f20}
#family-meal-app .wheel-pointer{background:linear-gradient(90deg,#ff8d2a,#ffb653,#ff7f18);height:35px;width:30px;border-radius:5px;top:-15px}
#family-meal-app .eatout-label{width:82px}
#family-meal-app .eatout-label-text{font-size:12px;line-height:1.3;color:#27241d;overflow-wrap:anywhere}
#family-meal-app .food-art{display:block;font-size:36px;line-height:1.2;margin-bottom:5px;filter:drop-shadow(0 3px 2px #72502818)}
#family-meal-app .wheel-center{width:66px;height:66px;border:3px solid #fff4e4;background:#fffdf7;font-size:32px}
#family-meal-app .wheel-spin-btn-below{width:min(100%,340px);height:56px;font-size:19px;background:linear-gradient(100deg,#ff951b,#ff5e0a);border-radius:23px;margin:3px auto 0}
#family-meal-app .wheel-spin-btn-below span{font-size:29px}
#family-meal-app .nearby-panel{background:#fff;padding:15px 11px;border-radius:22px;margin:14px 0;box-shadow:0 5px 19px #6e4a1e09;border:1px solid #faf3ec}
#family-meal-app .nearby-panel h3{font-size:16px;margin:0;color:#26221d}
#family-meal-app .nearby-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
#family-meal-app #eatout-list-toggle{border:0;background:none;padding:2px;margin:0;width:auto;font-size:12px;color:#777}
#family-meal-app .nearby-empty{font-size:13px;line-height:1.6;color:#7b7167;text-align:center;padding:15px 6px}
#family-meal-app .nearby-cards{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}
#family-meal-app .nearby-card{flex:0 0 145px;text-decoration:none;color:inherit;overflow:hidden;border-radius:14px;border:1px solid #f1e8dd;background:#fff;padding-bottom:9px}
#family-meal-app .place-art{height:88px;display:grid;place-items:center;font-size:54px;background:linear-gradient(140deg,#fff4df,#ffe4cb)}
#family-meal-app .nearby-card strong{display:block;font-size:14px;padding:8px 8px 4px;overflow-wrap:anywhere}
#family-meal-app .nearby-card small{display:block;font-size:11px;color:#7b756f;padding:1px 8px;line-height:1.5}
#family-meal-app .discovery-row{display:flex;overflow-x:auto;gap:8px;padding-top:12px}
#family-meal-app .discovery-chip{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid #f5ece2;background:#fffaf4;border-radius:13px;padding:9px;font-size:12px;color:#302b25}
#family-meal-app .discovery-chip span{font-size:29px}
@media(max-width:365px){#family-meal-app [data-view="eatout"] .head h2{font-size:20px!important}#family-meal-app .near-me{padding:8px;font-size:11px}#family-meal-app .food-art{font-size:29px}#family-meal-app .eatout-label{width:65px}#family-meal-app .eatout-label-text{font-size:10px}#family-meal-app .wheel-center{width:54px;height:54px;font-size:27px}}

#family-meal-app .food-sprite{display:inline-block;width:48px;height:48px;background-image:url('./assets/eatout-foods.png');background-size:300% 300%;background-repeat:no-repeat;border-radius:50%;vertical-align:middle;mask-image:radial-gradient(ellipse,#000 53%,transparent 73%)}
#family-meal-app .food-art{margin:0 auto 3px;line-height:1}
#family-meal-app .food-art .food-sprite{width:57px;height:57px}
#family-meal-app #eatout-cat .food-sprite{width:26px;height:26px}
#family-meal-app .place-art .food-sprite{width:90px;height:90px}
#family-meal-app .discovery-chip .food-sprite{width:35px;height:35px}
@media(max-width:365px){#family-meal-app .food-art .food-sprite{width:45px;height:45px}}

#family-meal-app .food-glyph{display:inline-grid;place-items:center;font-size:39px;line-height:1.2;width:57px;height:57px}#family-meal-app .place-art{position:relative}#family-meal-app .place-art .food-glyph{font-size:57px;width:90px;height:80px}#family-meal-app .art-caption{position:absolute;right:5px;bottom:3px;font-size:9px;color:#776759;background:#ffffffc9;padding:1px 4px;border-radius:4px}@media(max-width:365px){#family-meal-app .food-glyph{width:45px;height:45px;font-size:31px}}

/* Simplified dining screen; all overrides stay inside this view. */
#family-meal-app [data-view="eatout"] {font-family:'Pretendard','Apple SD Gothic Neo','Malgun Gothic',sans-serif;background:#faf9f6}
#family-meal-app [data-view="eatout"] .head {padding:24px 18px 18px}
#family-meal-app [data-view="eatout"] .head h2 {font-family:inherit;font-weight:800;font-size:24px!important;letter-spacing:-.7px}
#family-meal-app [data-view="eatout"] .head .back {width:36px;height:44px}
#family-meal-app [data-view="eatout"] .near-me {min-height:44px;border:1px solid #e5dfd5;border-radius:12px;padding:9px 11px;box-shadow:none;font-size:12px}
#family-meal-app [data-view="eatout"]>.head+div {padding:0 18px!important}
#family-meal-app [data-view="eatout"]>.head+div>.muted {font-size:14px!important;line-height:1.7;color:#70685f;margin-bottom:18px!important}
#family-meal-app [data-view="eatout"] #eatout-cat {display:flex;flex-wrap:wrap;overflow:visible;gap:7px;padding:0;justify-content:center}
#family-meal-app [data-view="eatout"] #eatout-cat .chip {justify-content:center;min-height:40px;padding:9px 13px;border:1px solid #e3ddd4;border-radius:11px;font-size:13px;box-shadow:none;background:white;color:#625a51}
#family-meal-app [data-view="eatout"] #eatout-cat .chip.active {background:#fff0e7!important;color:#ad3b0d!important;border-color:#eea47e}
#family-meal-app [data-view="eatout"] .wheel-outer {width:min(100%,276px);height:auto;aspect-ratio:1;padding:7px;margin:27px auto 21px;border:1px solid #e7c9aa;background:#f3dfc8;box-shadow:none}
#family-meal-app [data-view="eatout"] .eatout-lights {display:none}
#family-meal-app [data-view="eatout"] .wheel {border:2px solid #fffaf2;box-shadow:none}
#family-meal-app [data-view="eatout"] .wheel-pointer {width:23px;height:26px;top:-12px;background:#d66b30}
#family-meal-app [data-view="eatout"] .wheel-center {width:44px;height:44px;border:2px solid white;background:#fffaf3;box-shadow:0 1px 5px #68452712}
#family-meal-app [data-view="eatout"] .wheel-center .food-sprite {width:34px;height:34px}
#family-meal-app [data-view="eatout"] .eatout-label {width:66px}
#family-meal-app [data-view="eatout"] .eatout-label-text {font-size:12px;line-height:1.4;color:#3c352e}
#family-meal-app [data-view="eatout"] .food-art {filter:none}
#family-meal-app [data-view="eatout"] .food-art .food-sprite,#family-meal-app [data-view="eatout"] .food-glyph {width:40px;height:40px;font-size:31px}
#family-meal-app [data-view="eatout"] .wheel-spin-btn-below {width:100%;max-width:none;height:50px;border-radius:13px;background:#d84d18;font-size:16px;font-weight:750;box-shadow:none;margin:0;gap:8px}
#family-meal-app [data-view="eatout"] .wheel-spin-btn-below span {font-size:23px}
#family-meal-app [data-view="eatout"] .roulette-sub {font-size:13px;line-height:1.6;color:#74695d!important;margin:11px 0 20px}
#family-meal-app [data-view="eatout"] .nearby-panel {padding:19px 16px;margin:18px 0 24px;border-radius:17px;border:1px solid #e6dfd5;box-shadow:none}
#family-meal-app [data-view="eatout"] .nearby-heading {align-items:flex-start;flex-direction:column;gap:5px}
#family-meal-app [data-view="eatout"] .nearby-heading h3 {font-size:18px;font-family:inherit;font-weight:750}
#family-meal-app [data-view="eatout"] .nearby-caption {font-size:12px;color:#7d7368}
#family-meal-app [data-view="eatout"] .nearby-empty {font-size:14px;line-height:1.8;padding:15px 0;color:#756b60}
#family-meal-app [data-view="eatout"] #eatout-list-toggle {width:100%;min-height:46px;padding:11px;margin-top:10px;background:#fff8f1;border:1px solid #e5c8af;border-radius:11px;font-size:14px;font-weight:700;color:#985027}
#family-meal-app [data-view="eatout"] .nearby-cards {display:grid;grid-template-columns:minmax(0,1fr);gap:10px;overflow:visible;padding:0}
#family-meal-app [data-view="eatout"] .nearby-card {display:block;position:relative;min-height:94px;padding:12px 10px 12px 82px;border-radius:12px;border-color:#e9e3db}
#family-meal-app [data-view="eatout"] .place-art {position:absolute;left:8px;top:12px;width:65px;height:65px;border-radius:10px;background:#faf5ed}
#family-meal-app [data-view="eatout"] .place-art .food-sprite,#family-meal-app [data-view="eatout"] .place-art .food-glyph {width:51px;height:51px;font-size:36px}
#family-meal-app [data-view="eatout"] .art-caption {display:none}
#family-meal-app [data-view="eatout"] .nearby-card strong {font-size:15px;padding:0 0 5px;line-height:1.5}
#family-meal-app [data-view="eatout"] .nearby-card small {font-size:12px;padding:0;line-height:1.6;overflow-wrap:anywhere}
#family-meal-app [data-view="eatout"] button:focus-visible,#family-meal-app [data-view="eatout"] a:focus-visible {outline:3px solid #c66b38;outline-offset:3px}
#family-meal-app [data-view="eatout"] button:disabled {opacity:.6;cursor:wait}