/* ============================================================
   Evassentials — Migrated inline styles (utility classes)
   assets/css/utilities.css

   Every rule here used to be a `style="..."` attribute directly
   on an element in a PHP/template file. Mechanically extracted —
   class names are stable-by-order (u-001, u-002, ...), not
   semantic, so treat this as a holding pen: fold any of these
   into a real, named class in the relevant component stylesheet
   as you touch that part of the UI.

   Selectors are doubled (`.u-001.u-001`) to bump specificity above
   a plain single class. An inline style always won the cascade
   regardless of load order; a plain class wouldn't have, and this
   file loads before evassentials-theme.css. The doubling keeps
   every migrated value winning exactly as it did before, without
   reordering the stylesheet load order.
   ============================================================ */

.u-001.u-001 { background:var(--paper);min-height:calc(100vh - 100px); }
.u-002.u-002 { padding-left:1.5rem;margin-bottom:1rem; }
.u-003.u-003 { margin-bottom:0.75rem;line-height:1.8;color:var(--text2); }
.u-004.u-004 { color:var(--text); }
.u-005.u-005 { line-height:1.8;color:var(--text2); }
.u-006.u-006 { width:100%;border-collapse:collapse;margin-bottom:1rem; }
.u-007.u-007 { background:var(--paper2); }
.u-008.u-008 { text-align:left;padding:0.75rem;border:1px solid var(--paper3);font-size:0.82rem;text-transform:uppercase;letter-spacing:0.05em; }
.u-009.u-009 { padding:0.7rem 0.75rem;border:1px solid var(--paper3);font-weight:600; }
.u-010.u-010 { padding:0.7rem 0.75rem;border:1px solid var(--paper3);color:var(--text2); }
.u-011.u-011 { max-width:680px;margin:2rem auto;padding:0 1.5rem; display:flex;align-items:center;justify-content:space-between; flex-wrap:wrap;gap:1rem; }
.u-012.u-012 { font-size:0.85rem;color:var(--text2);text-decoration:none; }
.u-013.u-013 { display:flex;align-items:center;gap:0.5rem;background:none; border:1px solid var(--paper3);border-radius:8px; padding:0.5rem 1rem;font-family:inherit;font-size:0.82rem; font-weight:600;color:var(--text2);cursor:pointer; transition:border-color 0.15s,color 0.15s; }
.u-014.u-014 { margin-top:2.5rem;padding:1.75rem;background:var(--paper2); border:1px solid var(--paper3);border-radius:14px;text-align:center; }
.u-015.u-015 { font-family:'Fraunces',serif;font-size:1rem;font-weight:700; color:var(--ink);margin-bottom:0.4rem; }
.u-016.u-016 { font-size:0.85rem;color:var(--text2);margin-bottom:1rem; }
.u-017.u-017 { background:var(--ink);border-radius:16px; padding:2rem;margin-bottom:2.5rem;display:flex;gap:1.5rem; flex-wrap:wrap;align-items:center; }
.u-018.u-018 { flex:1;min-width:200px; }
.u-019.u-019 { font-family:'Fraunces',serif;font-size:1.2rem; font-weight:700;color:white;margin-bottom:0.4rem; }
.u-020.u-020 { font-size:0.85rem;color:rgba(255,255,255,0.7);line-height:1.6; }
.u-021.u-021 { flex:1;min-width:260px; }
.u-022.u-022 { text-align:center;color:var(--text3);padding:3rem 0; }
.u-023.u-023 { text-align:center;padding:5rem 2rem; }
.u-024.u-024 { font-size:3rem;margin-bottom:1rem; }
.u-025.u-025 { font-family:'Fraunces',serif;color:var(--ink);margin-bottom:0.75rem; }
.u-026.u-026 { color:var(--text2);margin-bottom:1.5rem; }
.u-027.u-027 { color:var(--forest);font-weight:700; }
.u-028.u-028 { width:100%; }
.u-029.u-029 { text-align:center;padding:4rem 2rem;color:var(--text2); }
.u-030.u-030 { font-family:'Fraunces',serif;color:var(--ink);margin-bottom:0.5rem; }
.u-031.u-031 { color:var(--forest);font-weight:600; }
.u-032.u-032 { padding:2.5rem 2rem 2rem; }
.u-033.u-033 { display:flex;flex-wrap:wrap;gap:0.4rem 1rem;margin-bottom:2rem; }
.u-034.u-034 { font-size:0.85rem;color:var(--text2);text-decoration:none; display:inline-flex;align-items:center;gap:0.4rem; }
.u-035.u-035 { margin-bottom:1rem; }
.u-036.u-036 { font-size:0.75rem;font-weight:700;text-transform:uppercase; letter-spacing:0.08em;color:var(--text2);margin-bottom:0.5rem; }
.u-037.u-037 { padding:0.75rem;background:var(--paper2);border-radius:8px; font-size:0.85rem;color:var(--text2);text-align:center; }
.u-038.u-038 { display:none;margin-top:1rem; }
.u-039.u-039 { display:flex;align-items:center;justify-content:center;gap:0.5rem; width:100%;padding:0.65rem;background:none;border:1px solid var(--paper3); border-radius:10px;font-family:inherit;font-size:0.85rem;font-weight:600; color:var(--text2);cursor:pointer;margin-bottom:0.75rem; transition:border-color 0.15s,color 0.15s; }
.u-040.u-040 { margin-top:0.75rem;font-size:0.72rem;color:var(--text2);text-align:center; }
.u-041.u-041 { font-size:0.85rem;color:var(--text2);text-decoration:none; display:inline-flex;align-items:center;gap:0.4rem;margin-bottom:1.5rem; }
.u-042.u-042 { font-size:4rem;margin-bottom:1rem; }
.u-043.u-043 { text-decoration:none;color:inherit; }
.u-044.u-044 { font-size:1.4rem; }
.u-045.u-045 { padding:0.55rem 1.25rem;font-size:0.85rem; }
.u-046.u-046 { max-width:420px; }
.u-047.u-047 { font-size:0.75rem;color:var(--text2);margin-top:0.35rem; }
.u-048.u-048 { font-size:0.85rem;color:var(--text2);margin-bottom:1.25rem; }
.u-049.u-049 { text-align:center;padding:2rem;color:var(--text2); }
.u-050.u-050 { font-size:3rem;margin-bottom:0.75rem; }
.u-051.u-051 { overflow-x:auto; }
.u-052.u-052 { width:100%;border-collapse:collapse; }
.u-053.u-053 { border-bottom:2px solid var(--paper3); }
.u-054.u-054 { text-align:left;padding:0.6rem 0.75rem;font-size:0.75rem; text-transform:uppercase;letter-spacing:0.06em; color:var(--text2);font-weight:700; }
.u-055.u-055 { border-bottom:1px solid var(--paper3); }
.u-056.u-056 { padding:0.75rem;font-family:monospace;font-size:0.85rem; }
.u-057.u-057 { font-size:0.7rem;color:var(--text2); }
.u-058.u-058 { padding:0.75rem; }
.u-059.u-059 { padding:0.75rem;font-family:'Fraunces',serif; font-weight:700;color:var(--forest); }
.u-060.u-060 { padding:0.75rem;color:var(--text2);font-size:0.85rem; }
.u-061.u-061 { display:inline-block;margin-top:1rem;padding:0.6rem 1.4rem; background:var(--ink);color:white;border-radius:8px; font-weight:700;font-size:0.88rem;text-decoration:none; }
.u-062.u-062 { margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--paper3); display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.75rem; }
.u-063.u-063 { font-size:0.8rem;color:var(--text3);margin:0; }
.u-064.u-064 { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:1.25rem; }
.u-065.u-065 { border:1px solid var(--paper3);border-radius:12px; overflow:hidden;background:white; box-shadow:0 2px 8px rgba(26,26,46,0.06); transition:transform 0.2s,box-shadow 0.2s;cursor:pointer; }
.u-066.u-066 { aspect-ratio:1;background:linear-gradient(135deg,var(--paper2),var(--paper3)); display:flex;align-items:center;justify-content:center; font-size:2.5rem;position:relative; }
.u-067.u-067 { position:absolute;inset:0;display:flex;align-items:center; justify-content:center;font-size:1.5rem; }
.u-068.u-068 { font-family:'Fraunces',serif;font-size:0.88rem; font-weight:700;color:var(--ink);margin-bottom:0.25rem; line-height:1.3; }
.u-069.u-069 { font-size:0.82rem;color:var(--forest);font-weight:700; margin-bottom:0.5rem; }
.u-070.u-070 { display:flex;gap:0.4rem; }
.u-071.u-071 { flex:1;padding:0.4rem;background:var(--ink);color:white; border:none;border-radius:7px;font-family:inherit; font-size:0.78rem;font-weight:700;cursor:pointer; }
.u-072.u-072 { padding:0.4rem 0.6rem;background:none; border:1px solid var(--paper3);border-radius:7px; font-size:0.85rem;cursor:pointer; }
.u-073.u-073 { margin-top:1.25rem;font-size:0.78rem;color:var(--text2); }
.u-074.u-074 { display:flex;flex-direction:column;gap:1.25rem; }
.u-075.u-075 { border:1px solid var(--paper3);border-radius:12px; padding:1.25rem;display:flex;gap:1.25rem; align-items:flex-start;flex-wrap:wrap; }
.u-076.u-076 { width:64px;height:85px;border-radius:8px;overflow:hidden; background:linear-gradient(135deg,#2D0B4E,#541575); display:flex;align-items:center;justify-content:center; font-size:2rem;flex-shrink:0; }
.u-077.u-077 { width:100%;height:100%;object-fit:cover; }
.u-078.u-078 { flex:1;min-width:0; }
.u-079.u-079 { font-family:'Fraunces',serif;font-weight:700; font-size:1rem;color:var(--ink);margin-bottom:0.25rem; }
.u-080.u-080 { font-size:0.75rem;color:var(--text2);margin-bottom:0.75rem; }
.u-081.u-081 { background:#fef0ed;border:1px solid #f4c9c1; border-radius:8px;padding:0.5rem 0.75rem; font-size:0.78rem;color:#8b2316;margin-bottom:0.75rem; }
.u-082.u-082 { color:#8b2316;font-weight:700; }
.u-083.u-083 { display:inline-flex;align-items:center;gap:0.4rem; padding:0.5rem 1.1rem;background:var(--ink);color:white; border-radius:8px;font-weight:700;font-size:0.85rem; text-decoration:none;transition:background 0.15s; }
.u-084.u-084 { margin-top:1.5rem;padding-top:1.25rem; border-top:1px solid var(--paper3);font-size:0.78rem;color:var(--text2); }
.u-085.u-085 { margin-bottom:1.25rem;padding:1rem 1.25rem; }
.u-086.u-086 { display:flex;gap:0.75rem;flex-wrap:wrap;align-items:flex-end; }
.u-087.u-087 { flex:1;min-width:180px;margin-bottom:0; }
.u-088.u-088 { min-width:140px;margin-bottom:0; }
.u-089.u-089 { min-width:160px;margin-bottom:0; }
.u-090.u-090 { min-width:150px;margin-bottom:0; }
.u-091.u-091 { min-width:130px;margin-bottom:0; }
.u-092.u-092 { display:flex;gap:0.5rem;margin-bottom:0; }
.u-093.u-093 { display:flex;align-items:center;justify-content:space-between;margin-bottom:0.75rem; }
.u-094.u-094 { font-size:0.82rem; }
.u-095.u-095 { display:none;background:var(--ink);color:white;padding:0.75rem 1rem;border-radius:10px;margin-bottom:0.75rem;align-items:center;gap:1rem; }
.u-096.u-096 { font-weight:600; }
.u-097.u-097 { padding:0; }
.u-098.u-098 { width:36px; }
.u-099.u-099 { accent-color:var(--gold); }
.u-100.u-100 { max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.u-101.u-101 { font-size:0.75rem; }
.u-102.u-102 { white-space:nowrap; }
.u-103.u-103 { color:var(--gold); }
.u-104.u-104 { display:grid;grid-template-columns:2fr 1fr;gap:1.25rem; }
.u-105.u-105 { margin-left:auto;font-size:0.78rem;color:var(--gold);font-family:'Cabinet Grotesk',sans-serif;font-weight:500; }
.u-106.u-106 { font-size:0.85rem; }
.u-107.u-107 { display:flex;align-items:center;gap:0.75rem;padding:0.6rem 0;border-bottom:1px solid var(--border); }
.u-108.u-108 { width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--forest),var(--gold));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;flex-shrink:0; }
.u-109.u-109 { font-size:0.85rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.u-110.u-110 { font-size:0.75rem;color:var(--text2); }
.u-111.u-111 { position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden; }
.u-112.u-112 { background:var(--paper2);border:1px solid var(--paper3);margin-bottom:1.25rem; }
.u-113.u-113 { font-size:0.75rem;color:var(--text2);margin-bottom:0.4rem;text-transform:uppercase;letter-spacing:0.06em;font-weight:700; }
.u-114.u-114 { max-width:180px;max-height:180px;object-fit:cover;border-radius:10px;border:2px solid var(--paper3); }
.u-115.u-115 { font-weight:400;color:var(--text2); }
.u-116.u-116 { display:block;padding:0.5rem;background:white;border:2px solid var(--paper3);border-radius:8px;width:100%;font-family:inherit;font-size:0.85rem;cursor:pointer; }
.u-117.u-117 { font-size:0.72rem;color:var(--text2);margin-top:0.25rem; }
.u-118.u-118 { display:flex;align-items:center;gap:1rem;margin:0.5rem 0;color:var(--text2);font-size:0.82rem; }
.u-119.u-119 { flex:1;border:none;border-top:1px solid var(--paper3); }
.u-120.u-120 { margin-bottom:0; }
.u-121.u-121 { display:flex;align-items:flex-end;padding-bottom:0.1rem; }
.u-122.u-122 { display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.88rem; }
.u-123.u-123 { accent-color:var(--gold);width:16px;height:16px; }
.u-124.u-124 { display:flex;gap:0.75rem;margin-top:0.5rem; }
.u-125.u-125 { margin-bottom:1.5rem; }
.u-126.u-126 { margin-bottom:0.75rem; }
.u-127.u-127 { flex:3; }
.u-128.u-128 { flex:0 0 100px; }
.u-129.u-129 { font-size:1.4rem;text-align:center; }
.u-130.u-130 { display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem; }
.u-131.u-131 { margin:0; }
.u-132.u-132 { padding:0.3rem 0.85rem;background:var(--ink);color:white; border:none;border-radius:7px;font-size:0.78rem;font-weight:700; cursor:pointer;display:flex;align-items:center;gap:0.4rem; font-family:inherit;opacity:0.5; }
.u-133.u-133 { font-size:0.68rem;opacity:0.7; }
.u-134.u-134 { display:flex;gap:0.35rem;margin-bottom:0.4rem;flex-wrap:wrap; }
.u-135.u-135 { padding:0.25rem 0.6rem;border:1px solid var(--paper3); border-radius:5px;background:white;cursor:pointer; font-size:0.8rem;font-family:inherit; }
.u-136.u-136 { min-height:320px;border:1px solid var(--paper3);border-radius:10px; padding:1rem 1.25rem;background:white;font-size:0.92rem; line-height:1.85;outline:none;font-family:'Cabinet Grotesk',sans-serif; color:var(--ink); }
.u-137.u-137 { display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap; }
.u-138.u-138 { display:flex;align-items:center;gap:0.5rem;cursor:pointer; font-weight:600;font-size:0.9rem; }
.u-139.u-139 { accent-color:var(--forest);width:16px;height:16px; }
.u-140.u-140 { font-size:0.82rem;color:var(--forest);font-weight:600; }
.u-141.u-141 { font-size:0.82rem;color:var(--text2);font-weight:400; }
.u-142.u-142 { text-align:center;padding:1.5rem; }
.u-143.u-143 { font-size:0.75rem;color:var(--text2);margin-top:0.15rem; }
.u-144.u-144 { cursor:pointer;border:none;font-family:inherit; }
.u-145.u-145 { color:var(--text2);font-size:0.82rem; }
.u-146.u-146 { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;flex-wrap:wrap;gap:0.75rem; }
.u-147.u-147 { margin-bottom:0;flex:1; }
.u-148.u-148 { display:flex;gap:0.75rem;flex-wrap:wrap; }
.u-149.u-149 { font-size:0.82rem;color:var(--text2);margin-bottom:0.75rem; }
.u-150.u-150 { display:none;background:var(--ink);color:white;padding:0.75rem 1rem; border-radius:10px;margin-bottom:0.75rem;align-items:center;gap:1rem; }
.u-151.u-151 { text-align:center;padding:2rem; }
.u-152.u-152 { font-weight:700; }
.u-153.u-153 { font-family:'Fraunces',serif;font-weight:700; }
.u-154.u-154 { text-align:center; }
.u-155.u-155 { font-size:0.72rem;color:var(--text2); }
.u-156.u-156 { margin-top:1.5rem;background:var(--paper2);border:1px solid var(--paper3); }
.u-157.u-157 { font-size:0.85rem;color:var(--text2);line-height:1.8; }
.u-158.u-158 { color:var(--ink); }
.u-159.u-159 { display:flex;align-items:center;gap:0.75rem; }
.u-160.u-160 { width:48px;height:36px;border:1px solid var(--border); border-radius:6px;cursor:pointer;padding:2px; }
.u-161.u-161 { max-width:110px;font-family:monospace; }
.u-162.u-162 { font-size:0.78rem;color:var(--text2); }
.u-163.u-163 { display:flex;align-items:flex-end;padding-bottom:0.5rem; }
.u-164.u-164 { margin-bottom:1.25rem;border-radius:12px;overflow:hidden; min-height:80px;padding:1.25rem 1.5rem; background:linear-gradient(135deg,#1E072F,#C41E3A,#4A127A); display:flex;flex-direction:column;justify-content:center; }
.u-165.u-165 { font-family:'Fraunces',serif;font-size:1.1rem;font-weight:700; color:white;margin-bottom:0.2rem; }
.u-166.u-166 { font-size:0.8rem;color:rgba(255,255,255,0.75); }
.u-167.u-167 { font-size:0.82rem;color:var(--gold);font-weight:600; display:flex;align-items:center;gap:0.3rem; }
.u-168.u-168 { display:flex;align-items:center;justify-content:space-between; margin-bottom:0.75rem; }
.u-169.u-169 { color:var(--text2);font-size:0.82rem;text-align:center; }
.u-170.u-170 { display:flex;align-items:center;gap:0.5rem; }
.u-171.u-171 { font-family:monospace;font-size:0.78rem;color:var(--text2); }
.u-172.u-172 { margin-top:1.25rem;background:rgba(200,169,110,0.06); border:1px solid rgba(200,169,110,0.2); }
.u-173.u-173 { font-size:0.82rem;color:var(--text2);line-height:1.8; }
.u-174.u-174 { margin-bottom:1rem;display:flex;gap:0.75rem; }
.u-175.u-175 { display:grid;grid-template-columns:1fr 1fr;gap:1.25rem; }
.u-176.u-176 { display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem; }
.u-177.u-177 { width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--forest),var(--gold));display:flex;align-items:center;justify-content:center;font-family:'Fraunces',serif;font-weight:700;font-size:1.4rem;flex-shrink:0; }
.u-178.u-178 { font-size:0.83rem; }
.u-179.u-179 { margin-top:0.3rem; }
.u-180.u-180 { color:var(--red); }
.u-181.u-181 { font-size:0.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:0.06em;font-weight:700;margin-bottom:0.5rem; }
.u-182.u-182 { padding:0.5rem 0;border-bottom:1px solid var(--border);font-size:0.82rem; }
.u-183.u-183 { grid-column:1/-1; }
.u-184.u-184 { display:flex;align-items:center;gap:0.6rem; }
.u-185.u-185 { width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--forest),var(--gold));display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;flex-shrink:0;color:white; }
.u-186.u-186 { font-size:0.65rem; }
.u-187.u-187 { font-family:'Fraunces',serif;font-size:0.95rem;font-weight:700;margin:1.25rem 0 0.75rem;color:var(--text2);text-transform:uppercase;letter-spacing:0.06em; }
.u-188.u-188 { display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem; }
.u-189.u-189 { accent-color:#c4624a;width:16px;height:16px; }
.u-190.u-190 { color:#c4624a;font-weight:600; }
.u-191.u-191 { font-size:0.9rem;line-height:1.8;color:var(--text);white-space:pre-wrap; }
.u-192.u-192 { margin-left:0.4rem; }
.u-193.u-193 { margin-left:auto;font-size:0.82rem; }
.u-194.u-194 { font-size:0.78rem; }
.u-195.u-195 { min-width:120px;margin-bottom:0; }
.u-196.u-196 { margin-bottom:1rem;display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap; }
.u-197.u-197 { color:var(--forest); }
.u-198.u-198 { font-style:italic; }
.u-199.u-199 { font-size:0.9rem;line-height:1.8; }
.u-200.u-200 { display:none;background:var(--ink);color:white;padding:0.75rem 1rem;border-radius:10px;margin-bottom:0.75rem;display:flex;align-items:center;gap:1rem; }
.u-201.u-201 { display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem; }
.u-202.u-202 { margin-bottom:2rem; }
.u-203.u-203 { color:var(--gold);font-weight:600; }
.u-204.u-204 { padding:0;margin-bottom:2rem; }
.u-205.u-205 { width:40px;height:40px;object-fit:cover;border-radius:6px; }
.u-206.u-206 { width:40px;height:40px;background:var(--paper2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem; }
.u-207.u-207 { width:40px;height:40px;background:var(--paper2);border-radius:6px;display:flex;align-items:center;justify-content:center; }
.u-208.u-208 { font-size:0.72rem; }
.u-209.u-209 { display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:9999;align-items:center;justify-content:center; }
.u-210.u-210 { background:var(--paper, #fff);padding:1.5rem;border-radius:12px;max-width:480px;width:90%;box-shadow:0 10px 25px rgba(0,0,0,0.2); }
.u-211.u-211 { margin-top:0;margin-bottom:1rem; }
.u-212.u-212 { display:block;font-size:0.82rem;font-weight:600;margin-bottom:0.4rem; }
.u-213.u-213 { width:100%;margin-bottom:0.5rem;padding:0.5rem;border:1px solid var(--border, #ccc);border-radius:8px;font-family:inherit; }
.u-214.u-214 { font-size:0.76rem;margin-top:0;margin-bottom:1.25rem; }
.u-215.u-215 { display:flex;justify-content:flex-end;gap:0.5rem; }
.u-216.u-216 { display:flex;align-items:flex-start;gap:0.75rem; }
.u-217.u-217 { accent-color:var(--gold);margin-top:0.25rem;width:16px;height:16px;flex-shrink:0; }
.u-218.u-218 { flex:1; }
.u-219.u-219 { display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap; }
.u-220.u-220 { display:flex;align-items:center;gap:0.5rem;margin-bottom:0.5rem; }
.u-221.u-221 { color:#c8a96e;font-size:1.1rem; }
.u-222.u-222 { font-size:0.88rem;color:var(--text2);line-height:1.7;margin-bottom:0.75rem; }
.u-223.u-223 { font-size:0.78rem;color:var(--text2);display:flex;gap:1rem;flex-wrap:wrap; }
.u-224.u-224 { display:flex;flex-direction:column;gap:0.5rem;flex-shrink:0; }
.u-225.u-225 { font-size:0.78rem;padding:0.3rem 0.6rem;margin-bottom:0.3rem; }
.u-226.u-226 { text-transform:uppercase; }
.u-227.u-227 { display:flex;align-items:flex-end;gap:1.5rem;padding-bottom:0.1rem; }
.u-228.u-228 { font-family:monospace;font-weight:700;font-size:0.95rem;color:var(--gold); }
.u-229.u-229 { display:flex;align-items:center;gap:0.5rem;cursor:pointer;font-size:0.9rem;font-weight:600; }
.u-230.u-230 { margin-bottom:1.25rem; }
.u-231.u-231 { font-size:0.82rem;color:var(--text2); }
.u-232.u-232 { background:var(--paper2);border:1px solid var(--paper3);border-radius:12px;padding:1.25rem; }
.u-233.u-233 { font-weight:700;font-size:0.88rem;margin-bottom:1rem; }
.u-234.u-234 { flex:2; }
.u-235.u-235 { display:block;padding:0.5rem;background:white;border:2px solid var(--paper3); border-radius:8px;width:100%;font-family:inherit;font-size:0.85rem;cursor:pointer; }
.u-236.u-236 { font-size:0.85rem;color:var(--text2); }
.u-237.u-237 { width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--paper3); }
.u-238.u-238 { display:flex;gap:0.75rem; }
.u-239.u-239 { width:28px;height:28px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-right:0.5rem; }
.u-240.u-240 { padding-left:2.5rem; }
.u-241.u-241 { color:var(--text2);margin-right:0.4rem; }
.u-242.u-242 { width:24px;height:24px;object-fit:cover;border-radius:5px;vertical-align:middle;margin-right:0.4rem; }
.u-243.u-243 { font-size:0.68rem; }
.u-244.u-244 { background:#fff8e6; }
.u-245.u-245 { font-size:0.82rem;color:#b07800;padding:0.6rem 0.75rem; }
.u-246.u-246 { color:#b07800;font-weight:700; }
.u-247.u-247 { background:var(--paper);display:flex;align-items:center; justify-content:center;min-height:100vh;padding:2rem; }
.u-248.u-248 { background:white;border-radius:16px;padding:2rem;max-width:420px;width:100%; box-shadow:0 8px 32px rgba(26,26,46,0.12); }
.u-249.u-249 { font-family:Fraunces,serif;margin-bottom:0.5rem; }
.u-250.u-250 { font-size:0.85rem;color:#5a5a7a;margin-bottom:1.25rem; }
.u-251.u-251 { font-size:0.78rem;font-weight:700;text-transform:uppercase; letter-spacing:0.06em;color:#5a5a7a;display:block;margin-bottom:0.35rem; }
.u-252.u-252 { width:100%;padding:0.7rem;border:2px solid #e8e3d8;border-radius:10px; font-size:0.9rem;font-family:inherit; }
.u-253.u-253 { width:100%;padding:0.8rem;background:#1a1a2e;color:white;border:none; border-radius:10px;font-family:Fraunces,serif;font-weight:700; font-size:1rem;cursor:pointer; }
.u-254.u-254 { background:white;border-radius:16px;padding:2rem;max-width:420px;width:100%; box-shadow:0 8px 32px rgba(26,26,46,0.12);text-align:center; }
.u-255.u-255 { font-family:Fraunces,serif;margin-bottom:0.5rem;color:#d32f2f; }
.u-256.u-256 { display:inline-block;padding:0.8rem 1.5rem; background:#1a1a2e;color:white;text-decoration:none;border-radius:10px; font-family:Fraunces,serif;font-weight:700;font-size:0.9rem; }
.u-257.u-257 { animation:none; }
.u-258.u-258 { max-width:600px;margin:0 auto; }
.u-259.u-259 { font-size:0.78rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--gold);font-weight:700;margin-bottom:0.5rem; }
.u-260.u-260 { font-family:'Fraunces',serif;font-style:italic;font-size:2rem;font-weight:700;color:var(--ink); }
.u-261.u-261 { text-align:center;padding:3rem 2rem;background:white;border-radius:20px;border:1px solid var(--paper3);box-shadow:var(--shadow-sm); }
.u-262.u-262 { font-family:'Fraunces',serif;font-size:1.5rem;margin-bottom:0.75rem; }
.u-263.u-263 { text-decoration:none;display:inline-flex; }
.u-264.u-264 { background:white;border-radius:20px;padding:2.5rem;border:1px solid var(--paper3);box-shadow:var(--shadow-sm); }
.u-265.u-265 { font-family:'Fraunces',serif;font-size:1.4rem;margin-bottom:1.5rem; }
.u-266.u-266 { margin-top:1.25rem; }
.u-267.u-267 { background:white;border-radius:14px;padding:1.5rem;border:1px solid var(--paper3);text-align:center; }
.u-268.u-268 { font-size:2rem;margin-bottom:0.5rem; }
.u-269.u-269 { font-family:'Fraunces',serif;font-size:0.95rem;margin-bottom:0.4rem; }
.u-270.u-270 { display:none;align-items:center;justify-content:center;gap:0.5rem; height:72px;font-size:0.78rem;font-weight:700; color:rgba(255,255,255,0.8);cursor:pointer;letter-spacing:0.05em; text-transform:uppercase;position:absolute;inset:0;z-index:10; }
.u-271.u-271 { text-align:left; }
.u-272.u-272 { margin-top:1rem; }
.u-273.u-273 { text-align:center;margin-bottom:1.5rem; }
.u-274.u-274 { margin-top:0.4rem; }
.u-275.u-275 { font-size:0.75rem;margin-top:0.3rem; }
.u-276.u-276 { margin-top:0.5rem; }
.u-277.u-277 { display:flex;gap:3px;margin-bottom:3px; }
.u-278.u-278 { font-size:0.72rem;color:' + colors[score] + ';font-weight:600; }
.u-279.u-279 { display:none; }
.u-280.u-280 { min-height:180px; }
.u-281.u-281 { font-size:2.2rem; }
.u-282.u-282 { text-align:center;margin-top:2rem; }
.u-283.u-283 { background:linear-gradient(135deg,#160626 0%,#2D0B4E 50%,#541575 100%); color:rgba(255,255,255,0.5);text-align:center; padding:1.25rem 2rem;font-size:0.78rem;margin-top:auto; }
.u-284.u-284 { color:#F0D095;text-decoration:none; }
.u-285.u-285 { background:rgba(248,245,240,0.97);backdrop-filter:blur(16px); }
.u-286.u-286 { max-width:1160px; }
.u-287.u-287 { text-decoration:none;color:white; }
.u-288.u-288 { width:30px;height:30px;font-size:0.85rem; }