WIP: 인스트루먼트 UI 시도 (DS 컴포넌트 + CRT 셰이더)

- DS 컴포넌트: CrtDisplay, InstrumentPanel, Led, PhysicalButton, MetalCard, PhosphorText
- Dashboard: CRT WebGL 셰이더 + 물리 버튼 + LED 클러스터
- 사이드바: 72px 미니 네비게이션
- 문제: SSOT 위반(매직넘버 41곳), 시안 A 정체성 부족, 모달/팝업 방치
- 다음: 디자인 근본 재설계 필요

src/renderer/components/ds/PhosphorText.tsx

@@ -0,0 +1,39 @@
+// src/renderer/components/ds/PhosphorText.tsx
+// 시안 A: 인광 텍스트 — 앰버 glow, 모노 폰트, CRT 느낌
+
+import { Typography, type TypographyProps } from '@mui/material'
+
+type PhosphorVariant = 'hero' | 'value' | 'label' | 'dim'
+
+const VARIANTS: Record<PhosphorVariant, { fontSize: string; color: string; glow: string; fontWeight: number }> = {
+  hero:  { fontSize: '42px', color: '#f25b29', glow: 'rgba(242, 91, 41, 0.4)', fontWeight: 300 },
+  value: { fontSize: '20px', color: '#f25b29', glow: 'rgba(242, 91, 41, 0.3)', fontWeight: 400 },
+  label: { fontSize: '10px', color: '#5c2615', glow: 'none', fontWeight: 700 },
+  dim:   { fontSize: '10px', color: '#77797c', glow: 'none', fontWeight: 400 },
+}
+
+interface PhosphorTextProps extends Omit<TypographyProps, 'variant'> {
+  variant?: PhosphorVariant
+}
+
+export function PhosphorText({ variant = 'value', sx, ...props }: PhosphorTextProps): React.ReactElement {
+  const v = VARIANTS[variant]
+
+  return (
+    <Typography
+      {...props}
+      sx={{
+        fontFamily: 'ui-monospace, SFMono-Regular, Menlo, Consolas, monospace',
+        fontSize: v.fontSize,
+        fontWeight: v.fontWeight,
+        color: v.color,
+        textShadow: v.glow !== 'none' ? `0 0 6px ${v.glow}` : 'none',
+        letterSpacing: variant === 'label' ? '2px' : variant === 'hero' ? '-2px' : '0.02em',
+        lineHeight: 1,
+        fontVariantNumeric: 'tabular-nums',
+        textTransform: variant === 'label' ? 'uppercase' : 'none',
+        ...sx,
+      }}
+    />
+  )
+}