#first-steps{width:min(540px,calc(100vw - 24px));max-height:92dvh;padding:24px;box-sizing:border-box;overflow:auto;text-align:center}#first-steps h2{font-size:clamp(21px,5vw,30px)}.lesson-tubes{display:flex;justify-content:center;gap:12px;margin:12px 0}.lesson-tubes button{min-width:64px;min-height:130px;background:#193e44;border:3px solid transparent;border-radius:18px;padding:6px}.lesson-tubes button[aria-pressed=true]{border-color:#ffd87a;box-shadow:0 0 0 3px #ffd87a44}.lesson-tubes svg{display:block;max-width:100%;height:140px}.lesson-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.lesson-actions button{min-height:44px;padding:10px 14px}.lesson-actions button:disabled{opacity:.4}#learn-pouring{margin:8px auto 18px}