:root{font-family:Segoe UI,Noto Sans KR,sans-serif;color:#edf2f7;background:#07111f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(56,189,248,.22),transparent 28%),radial-gradient(circle at right 10%,rgba(14,165,233,.12),transparent 24%),linear-gradient(180deg,#07111f,#0f1b2d 48%,#132238)}button,input,a{font:inherit}a{color:#8bd3ff;text-decoration:none}a:hover{color:#d6f1ff}#root{width:100%}.top-nav{max-width:1440px;margin:0 auto;padding:20px 20px 0;display:flex;gap:10px}.nav-link{padding:10px 14px;border-radius:999px;border:1px solid rgba(139,211,255,.14);background:#080f1cbd;color:#aac0d6}.nav-link.active{color:#edf2f7;border-color:#8bd3ff4d}.page{max-width:1440px;margin:0 auto;padding:24px 20px 64px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;align-items:start;margin-bottom:20px}.workflow-hero{grid-template-columns:1fr}.eyebrow{margin:0 0 8px;color:#8bd3ff;text-transform:uppercase;letter-spacing:.1em;font-size:12px}h1,h2{margin:0;letter-spacing:-.03em}h1{font-size:clamp(34px,4vw,52px);margin-bottom:12px}h2{font-size:32px}.subtle{margin:0;color:#aac0d6;max-width:760px;line-height:1.6}.meta-grid,.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.panel,.stat-card{background:#080f1cbd;border:1px solid rgba(139,211,255,.14);border-radius:20px;box-shadow:0 24px 50px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-card,.workflow-card{padding:16px;min-height:108px;display:flex;flex-direction:column;justify-content:center;gap:8px}.stat-card strong{font-size:20px}.meta-label,.stat-detail,.result-count{color:#9ab0c5}.stat-detail{font-size:13px}.controls-panel{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:16px 18px;margin-bottom:16px}.filter-grid{display:grid;grid-template-columns:minmax(220px,1.3fr) repeat(4,minmax(140px,1fr)) auto}.filter-field{display:grid;gap:8px;color:#9ab0c5;font-size:13px}.search{width:100%;padding:13px 16px;border-radius:14px;border:1px solid rgba(139,211,255,.16);background:#121f31d1;color:#edf2f7}.search.small{padding:10px 12px}.search::placeholder{color:#7d95ab}.panel{padding:18px}.panel.error{color:#ffd2d2;border-color:#f8717159}.content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:16px}.table-panel{padding:0;overflow:hidden}.table-wrap{overflow:auto;max-height:75vh}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;border-bottom:1px solid rgba(139,211,255,.1);white-space:nowrap}th{text-align:left;font-size:13px;color:#99b3c9;background:#07111ff0;position:sticky;top:0;z-index:1}tbody tr{cursor:pointer;transition:background-color .2s ease}tbody tr:hover td{background:#192a4085}.selected-row td{background:#2563eb2e}.ticker{font-weight:700;color:#f8fbff}.sort-btn{border:0;background:transparent;color:inherit;padding:0;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.sort-btn.active{color:#edf2f7}.sort-indicator{color:#5ed0ff}.detail-panel{min-height:400px}.detail-header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:18px}.tone-badge,.tag{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(139,211,255,.16);background:#132238e6}.tone-badge{padding:10px 14px;color:#bfe8ff;font-size:14px}.pattern-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.tag{padding:8px 12px;color:#c8d8e8;font-size:13px}.meter-group{display:grid;gap:14px;margin-bottom:22px}.metric-bar{display:grid;gap:8px}.metric-head{display:flex;justify-content:space-between;gap:12px;color:#d8e5f2}.bar-track{height:10px;border-radius:999px;overflow:hidden;background:#94a3b829}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.analysis-copy,.rules-list{display:grid;gap:12px;color:#c7d5e5;line-height:1.65}.analysis-copy p,.rules-list p{margin:0}.link-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.link-row a{padding:10px 12px;border-radius:12px;border:1px solid rgba(139,211,255,.16);background:#132238d1}.empty-detail{color:#9ab0c5}.compact-rules{margin-bottom:16px}@media (max-width: 1180px){.hero,.content-grid,.workflow-grid,.filter-grid{grid-template-columns:1fr}}@media (max-width: 720px){.top-nav,.page{padding-left:14px;padding-right:14px}.top-nav{padding-top:14px}.meta-grid{grid-template-columns:1fr}.controls-panel,.detail-header,.metric-head{flex-direction:column;align-items:stretch}th,td{padding:12px 14px}}