ビューポート単位

Outcome：Complete the task with ビューポート単位 (Viewport Units)。 User context：モバイル用ウェルカムパネルは `min-block-size: 100svh` を使用します。ブラウザバーが開いているときも、同意ボタンは表示されたままです。全画面ギャラリーは、バーが隠れると `100dvh` を使用します。どちらもセーフエリアのパディングを追加し、コンテンツが1つのビューポートを超えて成長できるようにします。 Design concept to apply：ビューポート単位 (Viewport Units)。 Why it fits：安定した小さいビューには `sv*`、大きいビューには `lv*` を選択します。ブラウザバーに応じてサイズが変わるものには `dv*` を選択します。 Do not use it when：モバイルブラウザのバーの後ろにコントロールが隠れたり、ズームしたコンテンツがスクロールできなくなるような固定 `100vh` ページは避けてください。 Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary)：きちんとした書類でも、まだドラフトやリリース候補、あるいは最終版かもしれません。ステータスや、ブラウザやプラットフォームの対応状況を確認しましょう。 Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.