:root{--night:#0b0e13;--night2:#12161e;--panel:#171c26;--line:#252c3a;--text:#eef1f6;--muted:#929bad;--accent:#ffc93c;--live:#2ee06f;--max:1160px}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--text);font:15px/1.55 Roboto,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--accent);color:#000;padding:10px;z-index:99}.shell-nav{border-bottom:1px solid var(--line);background:var(--night);position:sticky;top:0;z-index:20}.shell-nav-in{max-width:var(--max);height:58px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:22px}.shell-logo{font-size:1.2rem;font-weight:900}.shell-logo em{color:var(--accent);font-style:normal}.shell-links{display:flex;gap:18px;margin-left:auto}.shell-links a{color:var(--muted);font-size:.82rem}.page-hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 0,rgba(255,201,60,.12),transparent 38%)}.page-wrap{max-width:var(--max);margin:auto;padding:42px 20px}.eyebrow{color:var(--accent);font-size:.65rem;font-weight:800;letter-spacing:.18em}.page-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:8px 0}.page-hero p{color:var(--muted);max-width:62ch}.search-form{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:10px;margin-top:24px}.search-form input,.search-form select{background:var(--panel);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:12px}.search-form button,.primary{background:var(--accent);border:0;border-radius:9px;color:#000;font-weight:800;padding:12px 18px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.panel h2{margin:0 0 14px}.result-list{display:grid;gap:12px}.result-card{display:grid;grid-template-columns:1fr auto;gap:12px;background:var(--night2);border:1px solid var(--line);border-radius:11px;padding:18px}.result-card:hover{border-color:rgba(255,201,60,.45)}.result-card.with-image{grid-template-columns:84px minmax(0,1fr) auto;align-items:center}.result-thumb{width:84px;height:64px;object-fit:cover;border-radius:8px;background:var(--panel)}.result-card h2,.result-card h3{margin:0}.meta{color:var(--muted);font-size:.78rem;margin-top:5px}.empty{min-height:300px;display:grid;place-items:center;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:12px;padding:30px}.empty strong{display:block;color:var(--text);font-size:1.05rem}.detail-title{display:flex;justify-content:space-between;align-items:start;gap:18px}.detail-image{width:100%;max-height:430px;object-fit:cover;border-radius:12px;margin:18px 0}.badge{display:inline-flex;border:1px solid rgba(46,224,111,.3);color:var(--live);border-radius:99px;padding:4px 9px;font-size:.68rem}.facts{display:grid;gap:10px;margin:0}.facts div{border-bottom:1px solid var(--line);padding-bottom:10px}.facts dt{color:var(--muted);font-size:.68rem}.facts dd{margin:3px 0 0}.shell-footer{border-top:1px solid var(--line);padding:38px 20px;color:var(--muted)}.shell-footer-in{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px}.status{color:var(--muted);margin:12px 0 20px}@media(max-width:760px){.shell-links{display:none}.result-card.with-image{grid-template-columns:72px minmax(0,1fr)}.result-card.with-image>.meta{grid-column:2}.result-thumb{width:72px;height:58px}.search-form,.content-grid{grid-template-columns:1fr}.page-wrap{padding:30px 20px}.result-card{grid-template-columns:1fr}.shell-footer-in{display:grid}.detail-title{display:block}}

/* Search visual parity with frozen bt-search */
.nav{position:sticky;top:0;z-index:80;background:rgba(11,14,19,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{max-width:var(--max);margin:auto;min-height:58px;padding:9px 20px;display:flex;align-items:center;gap:22px}.logo{font-weight:900;font-size:1.2rem}.logo em{color:var(--accent);font-style:normal}.nav-links{display:flex;align-items:center;gap:18px;margin-left:auto}.nav-links a{color:var(--muted);font-size:.82rem;font-weight:650}.nav-links a.active,.nav-links a:hover{color:var(--accent)}.nav-right{display:flex;align-items:center;gap:8px}.nav-cta-btn{background:var(--accent);color:#000;border-radius:8px;padding:9px 14px;font-weight:850;font-size:.74rem}
body[data-page="search"] main{max-width:var(--max);margin:auto;padding:0 20px 70px}body[data-page="search"] .hero{padding:58px 0 34px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 20% 0,rgba(255,201,60,.12),transparent 38%)}body[data-page="search"] .hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:8px 0}body[data-page="search"] .hero p{color:var(--muted);max-width:62ch}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.food-card{background:var(--night2);border:1px solid var(--line);border-radius:var(--radius,12px);overflow:hidden;display:flex!important;flex-direction:column;min-height:230px;transition:transform .18s,border-color .18s;padding:0}.food-card:hover{transform:translateY(-4px);border-color:rgba(255,201,60,.45)}.food-card.with-image{display:grid!important;grid-template-columns:1fr}.food-card .result-thumb{width:100%;height:170px;border-radius:0;object-fit:cover}.food-card>div{padding:16px}.food-card>span.meta{padding:0 16px 16px;color:var(--accent);font-weight:800}.food-card h2{font-size:1.04rem;line-height:1.3}.search-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 18px}.search-form label{font-size:.66rem;font-weight:800;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.status,#status{display:block;color:var(--muted);margin:12px 0 20px}@media(max-width:760px){.nav-links,.nav-right{display:none}.grid-cards{grid-template-columns:1fr}.food-card{min-height:0}body[data-page="search"] main{padding-inline:14px}.search-form{grid-template-columns:1fr}}


/* Restaurant mobile parity with frozen bt-restaurant mockup */
@media(max-width:760px){
  body[data-page="restaurant"] .nav{min-height:57px;height:57px;overflow:hidden}
  body[data-page="restaurant"] .nav-in{min-height:57px;height:57px;padding:0 14px;gap:12px;flex-wrap:nowrap}
  body[data-page="restaurant"] .logo{white-space:nowrap;font-size:1.05rem}
  body[data-page="restaurant"] .nav-links,body[data-page="restaurant"] .nav-right{display:none!important}
  body[data-page="restaurant"] main{padding:0 14px 70px}
  body[data-page="restaurant"] .hero,body[data-page="restaurant"] .restaurant-hero,body[data-page="restaurant"] .profile-hero{border:1px solid var(--line);border-radius:14px;margin:14px 0 16px;padding:28px 18px;background:linear-gradient(135deg,rgba(255,201,60,.08),rgba(18,22,30,.9))}
  body[data-page="restaurant"] #detail{display:block}
  body[data-page="restaurant"] .menu-section{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:24px 18px;min-height:469px;margin:18px 0}
  body[data-page="restaurant"] footer{min-height:120px;padding:32px 14px;color:var(--muted)}
}