:root{--bg-primary: #f7f7f9;--bg-card: #ffffff;--text-primary: #222;--text-secondary: #666;--text-muted: #aaa;--accent: #4ecdc4;--danger: #e74c3c;--border: #dcdce0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}.comp-page{display:flex;justify-content:center;padding:24px 16px;min-height:100vh}.comp-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:24px;width:100%;max-width:800px;box-shadow:0 2px 8px #0000000a}.comp-header{padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:20px}.comp-header h1{font-size:24px;margin-bottom:4px}.comp-meta{font-size:13px;color:var(--text-secondary);margin-top:2px}.comp-section{margin:20px 0}.comp-section h2{font-size:15px;font-weight:600;margin-bottom:10px;color:var(--text-primary)}.comp-video{width:100%;max-height:480px;background:#000;border-radius:4px}.comp-table{width:100%;border-collapse:collapse;font-size:13px}.comp-table th{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.3px;font-size:11px}.comp-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.comp-table .num-col{text-align:right;font-variant-numeric:tabular-nums}.empty-state{padding:24px;text-align:center;color:var(--text-muted);font-size:13px;background:#f9f9fb;border-radius:4px}.error-message{color:var(--danger);font-size:13px}.comp-card code{background:#eef;padding:2px 6px;border-radius:3px;font-family:Menlo,Consolas,monospace;font-size:12px}