.qol_page{width:min(100vw - clamp(5vw, (.0390625 * (var(--current-width) - 640) * 1vw), 20vw), 1700px);flex-direction:column;gap:16px;max-width:100%;margin:0 auto;padding:0 4px 8px;display:flex}@media screen and (width<=640px){.qol_page{gap:12px}}.qol_hero{text-align:center;border:var(--border);background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent) 0%, transparent 55%), linear-gradient(165deg, color-mix(in srgb, var(--card) 88%, var(--more-contrast-card)) 0%, color-mix(in srgb, var(--card) 72%, #1a1430) 100%);border-radius:14px;padding:10px 8px 8px;box-shadow:inset 0 1px #ffffff0f,0 18px 48px #080c2838}.qol_hero_kicker{font-size:clamp(.702rem, (.0000677083 * (var(--current-width) - 768) * 1rem), .78rem);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 88%, var(--muted));margin:0 0 4px;font-weight:700}.qol_hero_title{font-size:clamp(1.395rem, (.000134549 * (var(--current-width) - 768) * 1rem), 1.55rem);letter-spacing:-.035em;color:var(--text-color);margin:0 0 6.4px;max-width:22ch;margin-inline:auto;font-weight:800;line-height:1.15}.qol_hero_lead{max-width:500px;font-size:clamp(.81rem, (.000078125 * (var(--current-width) - 768) * 1rem), .9rem);color:var(--muted);margin:0 auto;font-weight:500;line-height:1.45}.qol_hero_cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:6.4px;margin-top:10px;display:flex}.qol_cta{min-height:44px;font-weight:700;font-size:clamp(.828rem, (.0000798611 * (var(--current-width) - 768) * 1rem), .92rem);border-radius:12px;justify-content:center;align-items:center;padding:0 8px;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.qol_cta_primary{color:#0c1020;background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 92%, #fff) 0%, color-mix(in srgb, var(--accent) 70%, #c4b5fd) 100%);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 2px 0 #fff3 inset, 0 10px 28px color-mix(in srgb, var(--accent) 28%, transparent)}.qol_cta_primary:hover{box-shadow:0 2px 0 #ffffff40 inset, 0 14px 36px color-mix(in srgb, var(--accent) 38%, transparent);color:#fff}.qol_cta_primary:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 70%, #fff);outline-offset:2px}.qol_cta_ghost{color:var(--text-color);border:var(--border);background:#ffffff0a}.qol_cta_ghost:hover{background:#ffffff14;border-color:#ffffff2e}.qol_cta_ghost:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.qol_banner{font-size:clamp(.81rem, (.000078125 * (var(--current-width) - 768) * 1rem), .9rem);border-radius:10px;margin:0;padding:8px 7.27273px;line-height:1.45}.qol_banner_warn{background:color-mix(in srgb, #f59e0b 12%, var(--card));color:color-mix(in srgb, var(--text-color) 92%, #fde68a);text-align:center;border:1px solid #f59e0b73}.qol_empty{text-align:center;background:color-mix(in srgb, var(--card) 90%, var(--more-contrast-card));border:1px dashed #ffffff1f;border-radius:12px;padding:16px 8px}.qol_empty_title{font-size:clamp(1.125rem, (.000108507 * (var(--current-width) - 768) * 1rem), 1.25rem);letter-spacing:-.02em;color:var(--text-color);margin:0 0 6.4px;font-weight:800}.qol_empty_text{max-width:46ch;font-size:clamp(.855rem, (.0000824653 * (var(--current-width) - 768) * 1rem), .95rem);color:var(--muted);margin:0 auto 10px;line-height:1.55}.qol_section{flex-direction:column;gap:8px;display:flex}.qol_section_head{text-align:center;padding:0 4px}.qol_section_title{font-size:clamp(1.44rem, (.000138889 * (var(--current-width) - 768) * 1rem), 1.6rem);letter-spacing:-.025em;color:var(--text-color);margin:0 0 2.66667px;font-weight:800}.qol_section_lead{font-size:clamp(.81rem, (.000078125 * (var(--current-width) - 768) * 1rem), .9rem);color:var(--muted);margin:0;max-width:44ch;margin-inline:auto;font-weight:450;line-height:1.45}.qol_section_empty{font-size:clamp(.837rem, (.0000807292 * (var(--current-width) - 768) * 1rem), .93rem);color:var(--muted);text-align:center;background:#ffffff05;border:1px dashed #ffffff1a;border-radius:10px;max-width:52ch;margin:0;margin-inline:auto;padding:8px;line-height:1.5}.qol_grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:7.27273px;margin:0;padding:0;list-style:none;display:grid}.qol_card{border:var(--border);background:color-mix(in srgb, var(--card) 94%, var(--more-contrast-card));border-radius:12px;min-height:100%;transition:border-color .2s,box-shadow .25s,transform .2s;position:relative;overflow:hidden}.qol_card:hover{border-color:color-mix(in srgb, var(--accent) 35%, #ffffff1a);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent), 0 16px 40px #0008182e}.qol_card_wip{border-color:#60caf946}.qol_card_wip:hover{border-color:#51c5f97a;box-shadow:0 0 0 1px #38bdf82e,0 16px 40px #0008182e}.qol_card_glow{background:radial-gradient(closest-side, hsl(calc(var(--qol-hue,210) * 1deg), 100%, 60%, .2), transparent 75%);pointer-events:none;height:80%;position:absolute;inset:-40% -20% auto}.qol_card_body{flex-direction:column;gap:5.92593px;padding:8px 7.61905px;display:flex;position:relative}.qol_card_badge{font-size:clamp(.675rem, (.0000651042 * (var(--current-width) - 768) * 1rem), .75rem);letter-spacing:.02em;color:color-mix(in srgb, var(--accent) 90%, var(--text-color));background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:999px;align-self:flex-start;margin:0;padding:.28rem .65rem;font-weight:700}.qol_card_badge_wip{color:color-mix(in srgb, #e0f2fe 88%, var(--text-color));background:#38bdf82e;border-color:#38bdf859}.qol_card_subbadge{font-size:clamp(.63rem, (.0000607639 * (var(--current-width) - 768) * 1rem), .7rem);color:var(--muted);border:var(--border);background:#ffffff0d;border-radius:999px;align-self:flex-start;margin:-2.66667px 0 0;padding:.22rem .55rem;font-weight:650}.qol_card_summary{font-size:clamp(.855rem, (.0000824653 * (var(--current-width) - 768) * 1rem), .95rem);letter-spacing:-.015em;color:var(--text-color);margin:0;font-weight:650;line-height:1.35}.qol_card_meta{border-top:1px solid #ffffff0f;flex-direction:column;gap:4px;padding-top:3.2px;display:flex}.qol_card_who,.qol_card_ctx{flex-direction:column;gap:.15rem;margin:0;display:flex}.qol_card_label{font-size:clamp(.63rem, (.0000607639 * (var(--current-width) - 768) * 1rem), .7rem);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-weight:700}.qol_card_value{font-size:clamp(.765rem, (.0000737847 * (var(--current-width) - 768) * 1rem), .85rem);color:color-mix(in srgb, var(--text-color) 92%, var(--muted));font-weight:600;line-height:1.35}.qol_footer{border:var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--card) 88%, #2a1f45) 0%, color-mix(in srgb, var(--card) 95%, var(--more-contrast-card)) 100%);font-size:clamp(.855rem, (.0000824653 * (var(--current-width) - 768) * 1rem), .95rem);color:var(--muted);text-align:center;border-radius:12px;margin-top:4px;padding:8px;line-height:1.55}.qol_footer strong{color:color-mix(in srgb, var(--text-color) 88%, var(--accent));font-weight:800}