.problems-page[data-v-0c0c3c8e]{background:radial-gradient(circle at top left,rgba(14,165,233,.13),transparent 28%),linear-gradient(135deg,#f8fbff 0%,#fff8f2 46%,#f8fff9 100%);color:#17202a;min-block-size:100%;overflow-x:hidden}.problems-page__inner[data-v-0c0c3c8e]{inline-size:min(920px,100%);margin-inline:auto;padding:10px 12px 96px}.problems-page__topbar[data-v-0c0c3c8e]{align-items:center;display:flex;gap:10px;justify-content:space-between}.problems-page__topbar span[data-v-0c0c3c8e]{color:#64748b;display:block;font-size:.72rem;font-weight:900;text-transform:uppercase}.problems-page__topbar h1[data-v-0c0c3c8e]{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:950;line-height:1;margin:0}.problems-page__post[data-v-0c0c3c8e]{border-radius:8px}.problems-page__search-wrap[data-v-0c0c3c8e]{inline-size:min(760px,100%);margin-block:8px;position:relative}.problems-page__search[data-v-0c0c3c8e] .q-field__control{background:rgba(255,255,255,.94);border:1px solid rgba(23,32,42,.08);border-radius:18px;box-shadow:0 12px 30px #212d3d17;min-block-size:48px}.problems-page__search-icon[data-v-0c0c3c8e]{background:#e0f2fe;border-radius:999px;padding:8px}.problems-page__menu[data-v-0c0c3c8e]{background:#fff;border:1px solid rgba(23,32,42,.08);border-radius:8px;box-shadow:0 18px 44px #0f172a2e;inline-size:min(350px,calc(100vw - 28px));padding:12px;position:absolute;right:0;top:calc(100% + 8px);z-index:50}.problems-page__menu-header[data-v-0c0c3c8e]{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-block-end:10px}.problems-page__menu-header strong[data-v-0c0c3c8e]{flex:1}.problems-page__menu-grid[data-v-0c0c3c8e]{display:grid;gap:10px}.problems-page__reset[data-v-0c0c3c8e]{background:#17202a;color:#fff}.problems-page__banner[data-v-0c0c3c8e]{background:rgba(255,255,255,.86);color:#334155;margin-block:14px}.problems-page__feed[data-v-0c0c3c8e]{block-size:calc(100dvh - 146px);display:grid;gap:18px;overflow-x:hidden;overflow-y:auto;padding-block:4px 124px;scroll-behavior:smooth;scroll-padding-block:4px 124px;scroll-snap-type:y mandatory}.problems-page__feed[data-v-0c0c3c8e]::-webkit-scrollbar{inline-size:0}.problem-card[data-v-0c0c3c8e]{animation:problem-card-in-0c0c3c8e .34s ease both;background:linear-gradient(90deg,#0284c7 0 5px,transparent 5px),linear-gradient(145deg,#ffffff 0%,#f8fbff 100%);border:1px solid rgba(14,165,233,.16);border-radius:8px;box-shadow:0 14px 34px #0f172a14;cursor:pointer;display:grid;gap:10px;grid-template-rows:auto auto minmax(0,auto) auto;max-block-size:calc(100dvh - 238px);min-block-size:calc(100dvh - 238px);min-inline-size:0;overflow:hidden;padding:16px 16px 82px 20px;position:relative;scroll-snap-align:start}.problem-card__glow[data-v-0c0c3c8e]{background:linear-gradient(135deg,rgba(14,165,233,.16),rgba(34,197,94,.12));block-size:140px;border-radius:999px;inline-size:140px;inset-block-start:-62px;inset-inline-end:-40px;position:absolute}.problem-card__header[data-v-0c0c3c8e]{align-items:flex-start;display:flex;gap:12px;position:relative}.problem-card__icon[data-v-0c0c3c8e]{background:#e0f2fe;border-radius:8px;color:#0369a1;flex:0 0 auto;font-size:26px;padding:10px}.problem-card__eyebrow[data-v-0c0c3c8e]{align-items:center;background:rgba(224,242,254,.86);border:1px solid rgba(14,165,233,.16);border-radius:999px;color:#64748b;display:inline-flex;font-size:.78rem;font-weight:900;gap:6px;padding:3px 9px;text-transform:uppercase}.problem-card__eyebrow[data-v-0c0c3c8e]:before{background:#0284c7;border-radius:999px;content:"";display:inline-block;block-size:7px;inline-size:7px}.problem-card__header h2[data-v-0c0c3c8e]{color:#111827;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:950;line-height:1.12;margin:4px 0 0;overflow-wrap:anywhere}.problem-card__chips[data-v-0c0c3c8e]{display:flex;flex-wrap:wrap;gap:6px;max-block-size:72px;overflow:hidden}.problem-card__summary[data-v-0c0c3c8e]{color:#334155;display:-webkit-box;font-size:.95rem;line-height:1.45;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.problem-card__media[data-v-0c0c3c8e]{background:rgba(239,246,255,.92);border:1px solid rgba(14,165,233,.16);border-radius:8px;display:grid;gap:8px;padding:10px;position:relative;z-index:2}.problem-card__media audio[data-v-0c0c3c8e],.problem-card__media video[data-v-0c0c3c8e]{border-radius:8px;inline-size:100%;max-block-size:170px}.problem-card__media video[data-v-0c0c3c8e]{background:#0f172a}.problem-card__media span[data-v-0c0c3c8e]{color:#64748b;font-size:.85rem;font-weight:700}.problem-card__stats[data-v-0c0c3c8e]{background:linear-gradient(135deg,rgba(248,250,252,.92),rgba(255,255,255,.82));border:1px solid rgba(148,163,184,.16);border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px}.problem-card__stats div[data-v-0c0c3c8e]{background:rgba(255,255,255,.64);border-radius:8px;display:grid;gap:2px;padding:8px}.problem-card__stats strong[data-v-0c0c3c8e]{color:#0369a1;font-size:1.05rem}.problem-card__answer-stat[data-v-0c0c3c8e]{background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;border:1px solid rgba(22,163,74,.16)}.problem-card__answer-stat strong[data-v-0c0c3c8e]{color:#15803d}.problem-card__stats span[data-v-0c0c3c8e]{color:#64748b;font-size:.72rem;font-weight:800;text-transform:uppercase}.problem-card__footer[data-v-0c0c3c8e]{align-items:center;backdrop-filter:blur(12px);background:rgba(255,255,255,.9);border:1px solid rgba(148,163,184,.22);border-radius:8px;box-shadow:0 14px 30px #0f172a24;display:flex;gap:8px;inset-block-end:14px;inset-inline:14px;min-block-size:54px;padding:8px;position:absolute;z-index:3}.problem-card__details[data-v-0c0c3c8e]{border-radius:8px;font-weight:800;margin-inline-start:auto;min-inline-size:112px}.problem-card--skeleton[data-v-0c0c3c8e]{cursor:default}.problems-page__loading-more[data-v-0c0c3c8e]{align-items:center;display:flex;justify-content:center;padding:18px}@keyframes problem-card-in-0c0c3c8e{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 720px){.problems-page__inner[data-v-0c0c3c8e]{padding:8px 10px 96px}.problems-page__topbar span[data-v-0c0c3c8e]{font-size:.66rem;line-height:1}.problems-page__topbar h1[data-v-0c0c3c8e]{font-size:1.28rem;line-height:1}.problems-page__post[data-v-0c0c3c8e]{min-inline-size:0;padding-inline:10px}.problems-page__search[data-v-0c0c3c8e] .q-field__control{min-block-size:46px}.problems-page__feed[data-v-0c0c3c8e]{block-size:calc(100dvh - 144px);padding-block-end:128px;scroll-padding-block-end:128px}.problem-card[data-v-0c0c3c8e]{min-block-size:max(340px,calc(100dvh - 278px));max-block-size:max(340px,calc(100dvh - 278px));padding:14px 14px 80px 18px}.problem-card__footer[data-v-0c0c3c8e]{inset-block-end:12px;inset-inline:12px;min-block-size:52px}}
