.I4o8pW_toon{--ink:#0f172a;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:#0f172a;background:#fff;border-radius:18px}.dark .I4o8pW_toon{--ink:#e2e8f0;color:#f8fafc;background:#111827}.I4o8pW_press{transition:transform .15s,box-shadow .15s}@media (prefers-reduced-motion:no-preference){.I4o8pW_press:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.I4o8pW_press:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}}.I4o8pW_press:focus-visible{outline-offset:3px;outline:3px solid #2563eb}.I4o8pW_podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;display:grid}@media (min-width:640px){.I4o8pW_podium{gap:18px}}.I4o8pW_step{--ink:#0f172a;border:3px solid var(--ink);color:#0f172a;text-align:center;border-bottom-width:0;border-radius:16px 16px 0 0;flex-direction:column;justify-content:flex-start;align-items:center;padding:14px 8px 12px;display:flex;position:relative}.dark .I4o8pW_step{--ink:#e2e8f0}.I4o8pW_first{background:#fcd34d;height:168px}.I4o8pW_second{background:#e2e8f0;height:132px}.I4o8pW_third{background:#fdba74;height:108px}@media (min-width:640px){.I4o8pW_first{height:196px}.I4o8pW_second{height:156px}.I4o8pW_third{height:128px}}.I4o8pW_place{font-size:2rem;font-weight:900;line-height:1}.I4o8pW_base{--ink:#0f172a;border:3px solid var(--ink);height:14px;box-shadow:0 5px 0 var(--ink);background:#1e3a8a;border-radius:0 0 10px 10px}.dark .I4o8pW_base{--ink:#e2e8f0}.I4o8pW_avatar{--ink:#0f172a;border:3px solid var(--ink);color:#0f172a;border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.dark .I4o8pW_avatar{--ink:#e2e8f0}.I4o8pW_me{outline-offset:2px;outline:3px solid #2563eb}.I4o8pW_row{--ink:#0f172a;border:3px solid var(--ink);background:#fff;border-radius:14px}.dark .I4o8pW_row{--ink:#334155;background:#111827}.I4o8pW_rowMe{background:#dbeafe;border-color:#2563eb;box-shadow:4px 4px #2563eb}.dark .I4o8pW_rowMe{background:#172554;border-color:#60a5fa;box-shadow:4px 4px #60a5fa}.I4o8pW_code{--ink:#0f172a;border:3px dashed var(--ink);color:#0f172a;background:#fef3c7;border-radius:14px}.dark .I4o8pW_code{--ink:#fcd34d;color:#fef3c7;background:#422006}.I4o8pW_sampleTag{color:#422006;letter-spacing:.06em;text-transform:uppercase;background:#fcd34d;border:2px solid #0f172a;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:800;display:inline-block}