:root{--ink:#171a17;--paper:#f3f5f1;--card:#fff;--line:#dfe3dc;--green:#a7f26a}*{box-sizing:border-box}body{margin:0;background:#e8ebe5;color:var(--ink);font:14px Arial,sans-serif}main{max-width:560px;min-height:100vh;margin:auto;padding:18px 16px 48px;background:var(--paper)}header{height:54px;display:flex;align-items:center;justify-content:space-between}header b{border:1px solid #999;padding:8px 10px}header span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#242724;color:#fff;font-size:11px}.hero{margin:8px 0 24px;padding:25px;border-radius:28px;background:#202320;color:#fff;box-shadow:0 16px 32px #1820182b}.hero small{color:#c9cec6;letter-spacing:.14em}.hero h1{margin:45px 0 25px;font-size:40px;letter-spacing:-2px}.hero p{padding:14px;border:1px solid #ffffff24;border-radius:16px;background:#ffffff0d}nav{display:flex;gap:8px;overflow:auto;padding-bottom:8px}button{font:inherit;cursor:pointer}nav button{min-width:58px;padding:10px 6px;border:1px solid var(--line);border-radius:16px;background:#fff}nav button.active{background:#202320;color:#fff}h2{margin:25px 2px 10px;font-size:17px}.booking,.empty{display:flex;justify-content:space-between;align-items:center;margin:7px 0;padding:14px;border:1px solid var(--line);border-radius:17px;background:#fff}.booking span{color:#70766e;font-size:12px}.booking button{border:0;background:#f4e2df;color:#8a3d36;padding:8px;border-radius:10px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slots button{padding:14px 5px;border:1px solid var(--line);border-radius:14px;background:#fff;font-weight:bold}.slots button:active{background:var(--green)}#message{position:sticky;bottom:10px;padding:12px;border-radius:13px;background:#202320;color:#fff;text-align:center;display:none}.denied{margin-top:30vh;text-align:center;line-height:1.5}@media(min-width:700px){main{margin-top:24px;min-height:calc(100vh - 48px);border-radius:30px}}