refactor(D03·D04): 진행 막대 · 고르는 카드 · 입력 · 고르기 · 체크 · 띠 알림을 부품으로 (PLAN 553-4)

D03_PlanAnalysis/D03_PlanAnalysis_UI_Style.css

@@ -63,17 +63,10 @@
 
 .d03-plan__cross-body p {
   margin: 12px 0;
-  color: var(--color-text-secondary);
 }
 
 .d03-plan__hint {
   margin: 0 0 6px;
-  font-size: 0.85rem;
-  color: var(--color-text-secondary);
-}
-
-.d03-plan__bar {
-  width: 100%;
 }
 
 .d03-plan__years {
@@ -93,37 +86,10 @@
   font-size: 0.85rem;
 }
 
-.d03-plan__mode {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 2px;
-  padding: 6px 8px;
-  border: 1px solid var(--color-border);
-  border-radius: var(--radius-md);
-  background: var(--color-surface);
-  color: var(--color-text);
-  font-size: 0.8rem;
-  text-align: left;
-  cursor: pointer;
-}
-
-.d03-plan__mode.is-picked {
-  border-color: var(--color-primary);
-  box-shadow: inset 0 0 0 1px var(--color-primary);
-}
-
-.d03-plan__mode:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-
-.d03-plan__mode span {
-  color: var(--color-text-secondary);
-}
-
 .d03-plan__3d-top {
   display: flex;
+  gap: var(--spacing-8);
+  align-items: center;
   justify-content: flex-end;
   margin-bottom: 6px;
 }