/* js-runtime.css — Phase D.5 style-src: utility classes extracted from
 * JS-generated innerHTML `style="…"` attributes by
 * scripts/migrate-js-inline-styles.cjs. Emitted at `body .ju-N` specificity
 * so they reproduce the inline style they replaced. Verified 0-drift by
 * scripts/computed-style-snapshot.cjs. Do not hand-edit — regenerate. */

body .ju-1 { width:16px !important; height:16px !important; cursor:pointer !important; accent-color:var(--amber) !important; }
body .ju-2 { display:flex !important; justify-content:space-between !important; align-items:baseline !important; margin-bottom:6px !important; }
body .ju-3 { margin:0 !important; background:#000 !important; display:flex !important; align-items:center !important; justify-content:center !important; min-height:100vh !important; }
body .ju-4 { display:inline-flex !important; align-items:center !important; gap:6px !important; padding:10px 16px !important; background:var(--surface2) !important; border:1px solid var(--surface3) !important; border-radius:8px !important; color:var(--text) !important; text-decoration:none !important; font-size:0.85rem !important; font-weight:500 !important; }
body .ju-5 { padding:14px 16px !important; cursor:pointer !important; display:flex !important; justify-content:space-between !important; align-items:center !important; gap:10px !important; background:var(--surface2) !important; }
body .ju-6 { display:flex !important; align-items:center !important; gap:10px !important; padding:10px 8px !important; border-bottom:1px solid var(--surface3) !important; flex-wrap:wrap !important; }
body .ju-7 { display:flex !important; justify-content:space-between !important; align-items:center !important; padding:18px 20px !important; border-bottom:1px solid var(--surface3) !important; }
body .ju-8 { display:flex !important; align-items:center !important; gap:8px !important; padding:4px 0 !important; cursor:pointer !important; font-size:0.88rem !important; }
body .ju-9 { display:flex !important; gap:10px !important; align-items:center !important; font-size:0.78rem !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
body .ju-10 { display:flex !important; gap:6px !important; margin-top:8px !important; flex-wrap:wrap !important; align-items:center !important; }
body .ju-11 { display:flex !important; align-items:center !important; gap:10px !important; flex:1 !important; min-width:200px !important; }
body .ju-12 { font-weight:600 !important; display:flex !important; align-items:center !important; gap:8px !important; font-size:0.95rem !important; }
body .ju-13 { position:relative !important; display:inline-flex !important; align-items:center !important; }
body .ju-14 { display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:10px !important; flex-wrap:wrap !important; }
body .ju-15 { display:flex !important; justify-content:space-between !important; align-items:flex-start !important; gap:8px !important; flex-wrap:wrap !important; }
body .ju-16 { display:flex !important; align-items:start !important; gap:10px !important; }
body .ju-17 { background:none !important; border:1px solid var(--amber) !important; color:var(--amber) !important; padding:4px 10px !important; border-radius:6px !important; cursor:pointer !important; font-size:0.75rem !important; font-family:inherit !important; }
body .ju-18 { background:none !important; border:1px solid var(--green) !important; color:var(--green) !important; padding:4px 10px !important; border-radius:6px !important; font-size:0.75rem !important; font-family:inherit !important; display:inline-block !important; }
body .ju-19 { background:none !important; border:1px solid var(--red) !important; color:var(--red) !important; padding:4px 10px !important; border-radius:6px !important; cursor:pointer !important; font-size:0.75rem !important; font-family:inherit !important; }
body .ju-20 { background:none !important; border:1px solid var(--red) !important; color:var(--red) !important; padding:3px 8px !important; border-radius:6px !important; cursor:pointer !important; font-size:0.7rem !important; font-family:inherit !important; white-space:nowrap !important; }
body .ju-21 { background:none !important; border:1px solid var(--surface3) !important; color:var(--text-dim) !important; padding:4px 10px !important; border-radius:6px !important; cursor:pointer !important; font-size:0.75rem !important; font-family:inherit !important; display:inline-block !important; }
body .ju-22 { background:none !important; border:1px solid var(--surface3) !important; color:var(--text-dim) !important; padding:4px 10px !important; border-radius:6px !important; cursor:pointer !important; font-size:0.75rem !important; font-family:inherit !important; }
body .ju-23 { background:none !important; border:1px solid var(--red) !important; color:var(--red) !important; padding:5px 9px !important; border-radius:8px !important; cursor:pointer !important; font-family:inherit !important; font-size:0.78rem !important; flex-shrink:0 !important; }
body .ju-24 { background:none !important; border:1px solid var(--red) !important; color:var(--red) !important; padding:5px 9px !important; border-radius:8px !important; cursor:pointer !important; font-family:inherit !important; font-size:0.78rem !important; }
body .ju-25 { background:none !important; border:1px solid var(--surface3) !important; color:var(--text-dim) !important; padding:5px 14px !important; border-radius:8px !important; cursor:pointer !important; font-size:0.8rem !important; font-family:inherit !important; }
body .ju-26 { background:none !important; border:none !important; color:var(--red) !important; cursor:pointer !important; font-size:1rem !important; padding:4px 8px !important; }
body .ju-27 { background:none !important; border:none !important; color:var(--text-dim) !important; padding:3px 0 !important; cursor:pointer !important; font-size:0.78rem !important; font-family:inherit !important; text-decoration:underline !important; }
body .ju-28 { background:none !important; border:none !important; color:var(--text-dim) !important; font-size:1.4rem !important; cursor:pointer !important; }
body .ju-29 { background:transparent !important; color:var(--text-dim) !important; border:1px solid var(--surface3) !important; padding:6px 12px !important; border-radius:6px !important; font-family:inherit !important; font-size:0.78rem !important; cursor:pointer !important; }
body .ju-30 { background:var(--gold) !important; color:#000 !important; border:none !important; padding:6px 12px !important; border-radius:6px !important; font-family:inherit !important; font-size:0.78rem !important; font-weight:600 !important; cursor:pointer !important; }
body .ju-31 { background:var(--gold) !important; color:var(--bg) !important; border:none !important; padding:6px 16px !important; border-radius:8px !important; margin-left:12px !important; cursor:pointer !important; font-weight:600 !important; }
body .ju-32 { padding:10px 18px !important; background:var(--gold) !important; color:#000 !important; border:none !important; border-radius:var(--radius-sm) !important; font-family:inherit !important; font-size:0.85rem !important; font-weight:600 !important; cursor:pointer !important; }
body .ju-33 { padding:10px 18px !important; background:var(--green) !important; color:#000 !important; border:none !important; border-radius:var(--radius-sm) !important; font-family:inherit !important; font-size:0.85rem !important; font-weight:600 !important; cursor:pointer !important; }
body .ju-34 { position:absolute !important; top:-6px !important; right:-6px !important; background:var(--red) !important; color:white !important; border:none !important; width:20px !important; height:20px !important; border-radius:50% !important; cursor:pointer !important; font-size:0.7rem !important; line-height:1 !important; font-family:inherit !important; }
body .ju-35 { background:var(--surface) !important; }
body .ju-36 { background:var(--surface) !important; border-radius:12px !important; padding:14px 16px !important; margin-bottom:12px !important; }
body .ju-37 { margin-bottom:14px !important; border-radius:12px !important; background:var(--surface) !important; overflow:hidden !important; }
body .ju-38 { margin-bottom:6px !important; padding:6px !important; background:var(--surface) !important; border-radius:4px !important; }
body .ju-39 { margin-top:10px !important; padding:10px 12px !important; background:var(--surface) !important; border-radius:8px !important; }
body .ju-40 { background:var(--surface) !important; border:1px solid var(--surface3) !important; border-radius:var(--radius) !important; max-width:560px !important; width:100% !important; max-height:88vh !important; display:flex !important; flex-direction:column !important; }
body .ju-41 { background:var(--surface) !important; border:1px solid var(--surface3) !important; border-radius:var(--radius) !important; max-width:720px !important; width:100% !important; max-height:88vh !important; display:flex !important; flex-direction:column !important; }
body .ju-42 { background:var(--surface2) !important; border-radius:10px !important; padding:10px 12px !important; text-align:center !important; border:1px solid var(--surface3) !important; }
body .ju-43 { background:var(--surface2) !important; border-radius:10px !important; padding:14px 16px !important; }
body .ju-44 { font-size:0.75rem !important; color:var(--accent) !important; padding:6px 8px !important; font-weight:600 !important; background:var(--surface2) !important; border-radius:4px !important; margin-bottom:4px !important; }
body .ju-45 { flex:1 !important; text-align:center !important; padding:10px !important; background:var(--surface2) !important; border-radius:8px !important; }
body .ju-46 { padding:10px 14px !important; background:var(--surface2) !important; border-radius:8px !important; margin-bottom:6px !important; font-size:0.85rem !important; }
body .ju-47 { padding:10px 18px !important; background:var(--surface2) !important; color:var(--text) !important; border:1px solid var(--surface3) !important; border-radius:var(--radius-sm) !important; font-family:inherit !important; font-size:0.85rem !important; font-weight:600 !important; cursor:pointer !important; }
body .ju-48 { margin:0 20px !important; flex:1 !important; min-height:300px !important; background:var(--surface2) !important; border:1px solid var(--surface3) !important; color:var(--text) !important; padding:14px !important; border-radius:var(--radius-sm) !important; font-family:ui-monospace,Menlo,Consolas,monospace !important; font-size:0.78rem !important; line-height:1.5 !important; resize:vertical !important; }
body .ju-49 { margin:0 20px 14px !important; flex:1 !important; min-height:220px !important; background:var(--surface2) !important; border:1px solid var(--surface3) !important; color:var(--text) !important; padding:14px !important; border-radius:var(--radius-sm) !important; font-family:ui-monospace,Menlo,Consolas,monospace !important; font-size:0.82rem !important; line-height:1.6 !important; white-space:pre-wrap !important; overflow:auto !important; }
body .ju-50 { background:var(--surface3) !important; border-radius:100px !important; height:8px !important; overflow:hidden !important; }
body .ju-51 { height:5px !important; background:var(--surface3) !important; border-radius:3px !important; overflow:hidden !important; }
body .ju-52 { height:10px !important; background:var(--surface3) !important; border-radius:5px !important; overflow:hidden !important; margin-bottom:14px !important; }
body .ju-53 { border-bottom:1px solid var(--surface2) !important; margin-bottom:4px !important; }
body .ju-54 { padding:12px 8px !important; border-bottom:1px solid var(--surface3) !important; }
body .ju-55 { width:100% !important; border-collapse:collapse !important; font-size:0.82rem !important; margin-top:4px !important; }
body .ju-56 { width:100% !important; border-collapse:separate !important; border-spacing:0 4px !important; font-size:0.85rem !important; }
body .ju-57 { padding:10px !important; border-radius:0 8px 8px 0 !important; text-align:right !important; }
body .ju-58 { padding:12px 14px !important; text-align:center !important; border-radius:0 8px 8px 0 !important; }
body .ju-59 { padding:10px !important; border-radius:8px 0 0 8px !important; }
body .ju-60 { padding:12px 14px !important; border-radius:8px 0 0 8px !important; }
body .ju-61 { width:72px !important; height:72px !important; object-fit:cover !important; border-radius:8px !important; cursor:pointer !important; }
body .ju-62 { padding:18px 20px !important; display:flex !important; gap:10px !important; justify-content:flex-end !important; border-top:1px solid var(--surface3) !important; margin-top:14px !important; }
body .ju-63 { padding:18px 20px !important; display:flex !important; gap:10px !important; justify-content:flex-end !important; border-top:1px solid var(--surface3) !important; }
body .ju-64 { color:var(--accent) !important; font-size:0.7rem !important; margin-top:4px !important; }
body .ju-65 { color:var(--amber) !important; }
body .ju-66 { font-family:var(--font-display) !important; font-size:1.1rem !important; color:var(--amber) !important; margin:0 !important; }
body .ju-67 { margin-top:3px !important; font-size:0.85rem !important; color:var(--amber) !important; }
body .ju-68 { font-weight:600 !important; font-size:0.92rem !important; color:var(--amber) !important; }
body .ju-69 { color:var(--amber) !important; font-weight:600 !important; }
body .ju-70 { text-align:right !important; padding:3px 0 !important; color:var(--amber) !important; }
body .ju-71 { color:var(--amber) !important; text-decoration:underline !important; }
body .ju-72 { color:var(--dim) !important; }
body .ju-73 { font-size:0.65rem !important; color:var(--dim) !important; }
body .ju-74 { font-size:0.6rem !important; color:var(--dim) !important; }
body .ju-75 { font-size:0.72rem !important; color:var(--dim) !important; margin-top:8px !important; text-align:center !important; }
body .ju-76 { font-size:0.72rem !important; color:var(--dim) !important; padding:4px !important; }
body .ju-77 { font-size:0.75rem !important; color:var(--dim) !important; }
body .ju-78 { color:var(--gold) !important; }
body .ju-79 { font-family:'Fraunces',serif !important; font-size:1.1rem !important; font-weight:600 !important; color:var(--gold) !important; }
body .ju-80 { font-weight:700 !important; color:var(--gold) !important; font-size:1.1rem !important; }
body .ju-81 { padding:10px !important; text-align:right !important; font-weight:600 !important; color:var(--gold) !important; }
body .ju-82 { color:var(--green) !important; }
body .ju-83 { font-weight:700 !important; color:var(--green) !important; font-size:1.1rem !important; }
body .ju-84 { color:var(--green) !important; font-weight:600 !important; }
body .ju-85 { color:var(--red) !important; }
body .ju-86 { color:var(--red) !important; font-weight:600 !important; }
body .ju-87 { padding:6px 8px !important; cursor:pointer !important; font-size:0.72rem !important; font-weight:600 !important; color:var(--text) !important; user-select:none !important; }
body .ju-88 { color:var(--text-dim) !important; }
body .ju-89 { color:var(--text-dim) !important; font-size:0.75rem !important; text-transform:uppercase !important; letter-spacing:0.04em !important; display:block !important; margin-bottom:2px !important; }
body .ju-90 { color:var(--text-dim) !important; font-size:.9rem !important; }
body .ju-91 { padding:40px 20px !important; text-align:center !important; color:var(--text-dim) !important; font-size:.9rem !important; }
body .ju-92 { font-size:0.72rem !important; color:var(--text-dim) !important; }
body .ju-93 { font-weight:400 !important; font-size:0.75rem !important; color:var(--text-dim) !important; }
body .ju-94 { color:var(--text-dim) !important; font-size:0.75rem !important; margin-left:6px !important; }
body .ju-95 { font-size:0.75rem !important; color:var(--text-dim) !important; margin-top:4px !important; }
body .ju-96 { color:var(--text-dim) !important; font-size:0.78rem !important; }
body .ju-97 { font-size:0.78rem !important; font-weight:600 !important; color:var(--text-dim) !important; text-transform:uppercase !important; letter-spacing:0.06em !important; }
body .ju-98 { font-size:0.78rem !important; color:var(--text-dim) !important; text-transform:uppercase !important; letter-spacing:0.05em !important; margin-bottom:8px !important; }
body .ju-99 { color:var(--text-dim) !important; font-size:0.78rem !important; margin-bottom:10px !important; }
body .ju-100 { font-size:0.78rem !important; color:var(--text-dim) !important; margin-top:2px !important; }
body .ju-101 { font-size:0.78rem !important; color:var(--text-dim) !important; margin-top:4px !important; }
body .ju-102 { font-size:0.7rem !important; color:var(--text-dim) !important; }
body .ju-103 { font-size:0.7rem !important; text-transform:uppercase !important; letter-spacing:0.08em !important; color:var(--text-dim) !important; }
body .ju-104 { padding:4px 8px !important; font-size:0.7rem !important; color:var(--text-dim) !important; }
body .ju-105 { color:var(--text-dim) !important; font-size:0.82rem !important; }
body .ju-106 { color:var(--text-dim) !important; font-weight:400 !important; font-size:0.82rem !important; }
body .ju-107 { font-size:0.82rem !important; color:var(--text-dim) !important; grid-column:1/-1 !important; padding:8px 0 !important; }
body .ju-108 { margin-top:4px !important; color:var(--text-dim) !important; font-size:0.82rem !important; line-height:1.4 !important; }
body .ju-109 { margin-top:6px !important; color:var(--text-dim) !important; font-size:0.82rem !important; line-height:1.4 !important; }
body .ju-110 { margin-top:6px !important; color:var(--text-dim) !important; font-size:0.82rem !important; line-height:1.4 !important; white-space:pre-wrap !important; }
body .ju-111 { color:var(--text-dim) !important; font-size:0.82rem !important; margin-top:2px !important; }
body .ju-112 { margin-top:4px !important; color:var(--text-dim) !important; font-size:0.82rem !important; }
body .ju-113 { padding:10px !important; color:var(--text-dim) !important; font-size:0.82rem !important; }
body .ju-114 { padding:14px 20px !important; font-size:0.82rem !important; color:var(--text-dim) !important; }
body .ju-115 { color:var(--text-dim) !important; font-size:0.82rem !important; padding:6px 0 !important; }
body .ju-116 { color:var(--text-dim) !important; font-size:0.85rem !important; }
body .ju-117 { color:var(--text-dim) !important; font-size:0.88rem !important; }
body .ju-118 { text-align:center !important; color:var(--text-dim) !important; padding:24px !important; font-size:0.88rem !important; }
body .ju-119 { color:var(--text-dim) !important; font-size:0.8rem !important; }
body .ju-120 { text-align:center !important; color:var(--text-dim) !important; padding:24px !important; font-size:0.9rem !important; }
body .ju-121 { text-align:center !important; color:var(--text-dim) !important; padding:32px !important; font-size:0.9rem !important; }
body .ju-122 { text-align:left !important; color:var(--text-dim) !important; font-weight:400 !important; padding:3px 0 !important; }
body .ju-123 { text-align:right !important; color:var(--text-dim) !important; font-weight:400 !important; padding:3px 0 !important; }
body .ju-124 { text-align:left !important; color:var(--text-dim) !important; font-weight:400 !important; padding:3px 4px !important; }
body .ju-125 { font-weight:600 !important; color:var(--text-dim) !important; }
body .ju-126 { padding:3px 4px !important; color:var(--text-dim) !important; }
body .ju-127 { padding:4px 8px !important; color:var(--text-dim) !important; }
body .ju-128 { padding:5px 8px !important; color:var(--text-dim) !important; }
body .ju-129 { padding:5px 8px !important; text-align:right !important; color:var(--text-dim) !important; }
body .ju-130 { color:var(--text-muted) !important; font-size:0.82rem !important; }
body .ju-131 { text-align:center !important; color:var(--text-muted) !important; padding:24px !important; font-size:0.85rem !important; }
body .ju-132 { cursor:default !important; }
body .ju-133 { cursor:pointer !important; }
body .ju-134 { max-width:100% !important; max-height:100vh !important; display:block !important; }
body .ju-135 { display:flex !important; flex-direction:column !important; gap:8px !important; }
body .ju-136 { display:flex !important; gap:16px !important; flex-wrap:wrap !important; margin-bottom:10px !important; font-size:0.88rem !important; }
body .ju-137 { display:flex !important; gap:18px !important; flex-wrap:wrap !important; justify-content:center !important; }
body .ju-138 { display:flex !important; gap:4px !important; flex-wrap:wrap !important; justify-content:flex-end !important; }
body .ju-139 { display:flex !important; gap:4px !important; margin-top:10px !important; flex-wrap:wrap !important; }
body .ju-140 { display:flex !important; gap:6px !important; margin-top:8px !important; flex-wrap:wrap !important; }
body .ju-141 { display:flex !important; gap:10px !important; margin-top:14px !important; font-size:0.78rem !important; }
body .ju-142 { display:flex !important; justify-content:space-between !important; font-size:0.78rem !important; margin-bottom:2px !important; }
body .ju-143 { display:flex !important; gap:6px !important; }
body .ju-144 { width:100% !important; display:flex !important; gap:8px !important; justify-content:flex-end !important; }
body .ju-145 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:8px !important; margin-top:10px !important; font-size:0.85rem !important; }
body .ju-146 { display:grid !important; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)) !important; gap:10px !important; }
body .ju-147 { display:grid !important; grid-template-columns:1fr 1fr !important; gap:4px !important; }
body .ju-148 { position:relative !important; display:inline-block !important; }
body .ju-149 { display:none !important; }
body .ju-150 { display:none !important; margin-top:6px !important; }
body .ju-151 { flex:0 0 70px !important; }
body .ju-152 { flex:1 !important; }
body .ju-153 { flex:1 !important; min-width:160px !important; }
body .ju-154 { flex:1 !important; min-width:180px !important; }
body .ju-155 { flex:1 !important; min-width:200px !important; }
body .ju-156 { flex:1 !important; min-width:220px !important; }
body .ju-157 { flex:2 !important; }
body .ju-158 { font-size:0.65rem !important; }
body .ju-159 { margin-top:2px !important; font-size:0.68rem !important; }
body .ju-160 { margin-top:4px !important; padding:5px !important; font-size:0.72rem !important; }
body .ju-161 { font-size:0.78rem !important; font-weight:500 !important; }
body .ju-162 { font-size:0.78rem !important; opacity:0.6 !important; }
body .ju-163 { font-size:0.7rem !important; font-weight:600 !important; margin-bottom:3px !important; }
body .ju-164 { font-size:0.82rem !important; font-weight:500 !important; margin-bottom:2px !important; }
body .ju-165 { margin-top:8px !important; font-size:0.82rem !important; }
body .ju-166 { margin-top:4px !important; font-size:0.88rem !important; }
body .ju-167 { width:100% !important; padding:4px !important; font-size:0.8rem !important; }
body .ju-168 { font-size:0.92rem !important; line-height:1.4 !important; font-weight:500 !important; }
body .ju-169 { font-weight:600 !important; font-size:0.92rem !important; }
body .ju-170 { font-size:0.92rem !important; line-height:1.4 !important; }
body .ju-171 { padding:6px 8px !important; font-size:0.9rem !important; }
body .ju-172 { padding:6px 8px !important; text-align:right !important; font-size:0.9rem !important; }
body .ju-173 { font-size:1.1rem !important; }
body .ju-174 { font-size:1.4rem !important; line-height:1 !important; }
body .ju-175 { font-size:1.4rem !important; margin-bottom:6px !important; }
body .ju-176 { font-size:1.6rem !important; }
body .ju-177 { font-weight:700 !important; font-size:1rem !important; }
body .ju-178 { font-weight:600 !important; }
body .ju-179 { font-weight:600 !important; margin-bottom:4px !important; }
body .ju-180 { text-align:center !important; padding:8px 10px !important; font-weight:600 !important; }
body .ju-181 { text-align:left !important; padding:8px 10px !important; font-weight:600 !important; }
body .ju-182 { text-align:right !important; padding:8px 10px !important; font-weight:600 !important; }
body .ju-183 { grid-template-columns:1fr !important; }
body .ju-184 { margin-top:-4px !important; }
body .ju-185 { margin-top:10px !important; }
body .ju-186 { margin-top:4px !important; }
body .ju-187 { margin-top:8px !important; text-align:right !important; }
body .ju-188 { margin-top:8px !important; width:100% !important; }
body .ju-189 { max-height:300px !important; overflow-y:auto !important; }
body .ju-190 { overflow-x:auto !important; }
body .ju-191 { padding:10px !important; }
body .ju-192 { padding:10px !important; text-align:center !important; }
body .ju-193 { padding:12px 14px !important; text-align:right !important; }
body .ju-194 { padding:3px 0 !important; }
body .ju-195 { padding:4px 0 !important; }
body .ju-196 { padding:4px 8px !important; text-align:right !important; }
body .ju-197 { padding:5px 8px !important; }
body .ju-198 { padding:5px 8px !important; text-align:right !important; }
body .ju-199 { padding:6px 8px !important; }
body .ju-200 { padding:6px 8px !important; text-align:right !important; }
body .ju-201 { padding:8px 10px !important; }
body .ju-202 { padding:8px 12px !important; }