@import"https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible:wght@400;700&family=Fraunces:opsz,wght@9..144,700&display=swap";:root{color:#f8f4eb;background:#111;font-family:Atkinson Hyperlegible,Verdana,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f8f4eb;--muted: #cfc7b7;--panel: #191816;--accent: #e8b44f;--accent-strong: #ffcd67;--line: rgba(248, 244, 235, .18)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100dvh;margin:0;overflow:hidden}body{touch-action:none}.screen{display:grid;min-height:100dvh;padding:clamp(1rem,4vw,2rem);background:linear-gradient(135deg,rgba(232,180,79,.2),transparent 36%),radial-gradient(circle at 75% 15%,rgba(126,190,166,.2),transparent 30%),#111;place-items:stretch}.reader-panel{display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto auto;width:min(100%,34rem);height:calc(100dvh - clamp(2rem,8vw,4rem));max-height:48rem;margin:auto;padding:clamp(1.25rem,5vw,2.5rem);border:1px solid var(--line);border-radius:8px;background:color-mix(in srgb,var(--panel) 92%,transparent);box-shadow:0 1.5rem 4rem #0000006b}.eyebrow,.section-label,.gesture-note{margin:0;color:var(--muted);font-size:.875rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,p{overflow-wrap:anywhere}h1{margin:.4rem 0 0;color:var(--ink);font-family:Fraunces,Georgia,serif;font-size:clamp(3rem,18vw,6rem);line-height:.88;letter-spacing:0}.restaurant-info{margin:1.2rem 0 0}.restaurant{margin:0;color:var(--accent-strong);font-size:clamp(1.3rem,7vw,2.1rem);font-weight:700}.reading-speed{margin:.35rem 0 0;color:var(--muted);font-size:.875rem;font-variant-numeric:tabular-nums}.menu-item{display:grid;grid-template-rows:auto minmax(0,1fr);height:clamp(7.5rem,35dvh,16rem);min-height:0;margin:clamp(1.4rem,5vh,2.5rem) 0 clamp(1rem,4vh,2rem);padding-top:clamp(1.25rem,5vw,2rem);border-top:1px solid var(--line)}.item-text{height:100%;min-height:0;margin:.9rem 0 0;padding:1rem;overflow:hidden;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:clamp(1rem,4.5vw,1.25rem);line-height:1.45}.gesture-note{color:var(--accent)}.reader-screen{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hold-progress{position:fixed;inset:auto 0 0;width:100%;height:.5rem;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel);color:var(--accent-strong);pointer-events:none}.hold-progress::-webkit-progress-bar{background:var(--panel)}.hold-progress::-webkit-progress-value{background:var(--accent-strong)}.hold-progress::-moz-progress-bar{background:var(--accent-strong)}.selection-panel{grid-template-rows:auto auto auto minmax(0,1fr);gap:1.25rem}.selection-panel h1{font-size:clamp(2.25rem,10vw,3.75rem);line-height:1.05}.selection-note{margin:0;color:var(--muted);line-height:1.5}.restaurant-options{display:grid;align-content:start;gap:1rem}.restaurant-options button{min-height:4rem;padding:1.25rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent-strong);font:inherit;font-size:clamp(1.1rem,5vw,1.5rem);font-weight:700;text-align:left;cursor:pointer;touch-action:manipulation}.restaurant-options button:hover{border-color:var(--accent-strong);background:#25221c}.restaurant-options button:focus-visible{outline:3px solid var(--accent-strong);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-height:620px){.reader-panel{align-content:start}.menu-item{margin:1.25rem 0}.selection-panel{gap:.75rem;padding:1rem}.selection-panel h1{margin:0;font-size:clamp(1.5rem,5dvh,2rem)}.restaurant-options{gap:.75rem}.restaurant-options button{min-height:3rem;padding:.75rem 1rem;font-size:1.125rem}}