CSSスクワークリコーナー

Outcome：Complete the task with CSSスクワークリコーナー (CSS Squircle Corner)。 User context：カードには24ピクセルの半径があり、ドラフトのコーナー形状：スクワールルールを使用しています。対応ブラウザはこれをレンダリングし、@supportsは他の場所でテスト済みのborder-radiusフォールバックを保持し、ズームはクリッピングとシャドウを確認します。丸みを帯びた見た目のスクリーンショットだけでは、スクワール値が有効であることを証明できません。 Design concept to apply：CSSスクワークリコーナー (CSS Squircle Corner)。 Why it fits：この用語は、ドラフト CSS スクワークリ曲線に対してのみ使用してください。ブラウザのサポートを確認し、テスト済みの代替手段を提供してください。 Do not use it when：すべての角丸矩形をスクワイルと呼ばないでください。ドラフトキーワードをアプリアイコンマスクと混合しないでください。ブラウザのサポートと代替形状をテストしてから出荷してください。 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.