:root{font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background:linear-gradient(180deg,#0f172a,#111827);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #0f172a;--panel: rgba(15, 23, 42, .78);--panel-border: rgba(148, 163, 184, .18);--surface: #1e293b;--surface-strong: #0f172a;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-soft: rgba(56, 189, 248, .15);--success: #34d399;--warning: #fbbf24}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#1e293b,#0f172a 40%,#020617);color:var(--text)}button{font:inherit}#root{min-height:100vh}.app-shell{width:min(100%,480px);margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1.5rem,env(safe-area-inset-bottom))}.topbar,.panel-header,.hero-card,.reservation-item,.shortcut-item{display:flex;align-items:center;justify-content:space-between}.topbar{margin-top:.5rem;margin-bottom:1rem}.eyebrow{margin:0 0 .15rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--muted)}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(2rem,6vw,2.6rem)}.icon-button,.shortcut-item,.text-button{border:1px solid var(--panel-border);background:#0f172a80;color:var(--text)}.icon-button{width:2.75rem;height:2.75rem;border-radius:999px;font-size:1.7rem;line-height:1}.hero-card{padding:1rem 1.1rem;border:1px solid var(--panel-border);border-radius:1.25rem;background:#0f172acc;box-shadow:0 18px 45px #0f172a4d}.badge,.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:.72rem;font-weight:700;padding:.35rem .7rem}.badge.success,.status.confirmed{background:#34d3991f;color:#a7f3d0}.status.pending{background:#fbbf241f;color:#fcd34d}.shortcut-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1.1rem 0}.shortcut-item{border-radius:1rem;min-height:3.5rem;padding:.85rem .55rem;text-align:center;color:var(--text)}.panel{background:#0f172ab3;border:1px solid var(--panel-border);border-radius:1.25rem;padding:1rem .9rem}.panel-header{margin-bottom:.9rem}.text-button{border-radius:999px;padding:.4rem .75rem;color:var(--accent)}.reservation-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.reservation-item{gap:.75rem;padding:.8rem .7rem;border-radius:.9rem;background:#1e293bcc;border:1px solid rgba(148,163,184,.12)}.reservation-time{color:var(--accent);font-size:.76rem;font-weight:700;margin-bottom:.15rem}.reservation-item h4{font-size:1rem;font-weight:600}@media (min-width: 640px){.app-shell{padding-top:3rem}}