From d8649c0b9fec02cc7baf29db69d254f55ee587e0 Mon Sep 17 00:00:00 2001
From: okorion <ok.or.orion@gmail.com>
Date: Fri, 26 Jun 2026 22:04:33 +0900
Subject: [PATCH] =?UTF-8?q?[style]=20=ED=99=94=EB=A9=B4=20=EC=8A=A4?=
 =?UTF-8?q?=ED=83=80=EC=9D=BC=20=EC=A0=95=EB=8F=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 변경 유형: style
- 주된 영역: styles.css
- 변경 의도: styles.css의 시각 표현, 레이아웃, 접근성을 더 읽기 좋게 다듬습니다.

Co-authored-by: Codex
---
 styles.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/styles.css b/styles.css
index ca507ac..75bde79 100644
--- a/styles.css
+++ b/styles.css
@@ -262,7 +262,34 @@
     display: flex;
     align-items: center;
     gap: 10px;
+    min-height: 44px;
+    border: 1px solid transparent;
+    border-radius: var(--radius-frame);
+    padding: 8px 10px;
+    background: #f8fafc;
+    cursor: pointer;
     font-weight: 600;
+    transition:
+      background var(--motion-standard),
+      border-color var(--motion-standard),
+      box-shadow var(--motion-standard);
+  }
+
+  .choice-line:hover {
+    background: #f1f5f9;
+  }
+
+  @supports selector(.choice-line:has(input:checked)) {
+    .choice-line:has(input:checked) {
+      border-color: color-mix(in srgb, var(--color-focus) 42%, var(--color-border));
+      background: #eff6ff;
+      box-shadow: inset 0 0 0 1px rgb(37 99 235 / 8%);
+    }
+
+    .choice-line:has(input:focus-visible) {
+      border-color: var(--color-focus);
+      box-shadow: 0 0 0 3px rgb(37 99 235 / 14%);
+    }
   }
 
   .picker-grid {