.rfield::placeholder { color: var(--rfield-ph-c, inherit); font-size: var(--rfield-ph-s, inherit); font-weight: var(--rfield-ph-w, inherit); opacity: 1; }
.rfield:focus { box-shadow: var(--rfield-focus, none); }
.rfield-box:focus-within { box-shadow: var(--rfield-focus, none); }
.rfield:disabled { color: var(--textMuted, rgba(0,0,0,0.38)); }
.rfield-err { box-shadow: var(--rfield-error, inset 0 0 0 1px var(--error, #B3261E)) !important; }
[data-reeel-label] { top: 24px; font-size: var(--text-bodyLarge-size, 16px); line-height: 24px; color: var(--textMuted, #6B7280); }
.rfield-lab:focus ~ [data-reeel-label], .rfield-lab:not(:placeholder-shown) ~ [data-reeel-label], [data-reeel-label][style*="--rfield-lab-up"] { top: 8px; font-size: 12px; line-height: 16px; }
.rfield-lab:not(:focus)::placeholder { color: transparent; }
.ra { display: grid; isolation: isolate; overflow: visible; place-items: flex-start flex-start; position: relative }
.rb { align-items: stretch; display: flex; flex-direction: column }
.rc { background: var(--backgroundSurface); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 64px; padding: 10px 24px; width: 100% }
.rd { align-items: center; display: flex; justify-content: center }
.re { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 1200px; width: 100% }
.rf { align-items: center; display: flex; flex-direction: row; gap: 12px }
.rg { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rh { align-items: center; display: flex; flex-direction: row; gap: 8px }
.ri { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 20px; place-items: stretch; width: 20px }
.rj { display: grid; height: 100%; isolation: isolate; overflow: visible; place-items: flex-start flex-start; position: relative; width: 100% }
.rk { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 0px; width: 3.5px; z-index: 0 }
.rl { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 6px; position: absolute; top: 0px; width: 3.5px; z-index: 1 }
.rm { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 10px; position: absolute; top: 0px; width: 3.5px; z-index: 2 }
.rn { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 14px; position: absolute; top: 0px; width: 3.5px; z-index: 3 }
.ro { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 4px; width: 3.5px; z-index: 4 }
.rp { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 8px; width: 3.5px; z-index: 5 }
.rq { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 6px; position: absolute; top: 8px; width: 3.5px; z-index: 6 }
.rr { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 10px; position: absolute; top: 8px; width: 3.5px; z-index: 7 }
.rs { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 12px; width: 3.5px; z-index: 8 }
.rt { display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: 3.5px; left: 2px; position: absolute; top: 16px; width: 3.5px; z-index: 9 }
.ru { color: var(--textMuted); font-size: 19px; font-weight: 800; letter-spacing: -0.2px; white-space: nowrap }
.rv { display: grid }
.rw { grid-area: 1 / 1; height: 0px; min-width: 0; width: 0px }
.rx { align-content: flex-start; align-items: center; column-gap: 4px; flex-direction: row; flex-wrap: wrap; grid-area: 1 / 1; justify-content: flex-end; min-width: 0; row-gap: 4px }
.ry { background: #00000000; border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px 12px }
.rz { color: var(--textMuted); font-size: 15px; font-weight: 500 }
.raa { background: var(--primarySoft); border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px 12px }
.rab { color: var(--textStrong); font-size: 15px; font-weight: 700 }
.rac { align-items: center; background: var(--backgroundElevated); border-radius: 10px; display: flex; height: 40px; justify-content: center; width: 40px }
.rad { color: var(--textMuted); font-size: 20px; height: 20px; width: 20px }
.rae { align-items: center; display: flex; flex-direction: column }
.raf { background: var(--textStrong); border-radius: 2px; height: 2px; width: 20px }
.rag { background: var(--border); height: 1.5px; width: 100% }
.rah { align-items: stretch; display: flex; flex-direction: column; width: 100% }
.rai { background: var(--backgroundPage); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 48px 24px; width: 100% }
.raj { color: var(--textMuted); font-size: 14px }
.rak { align-items: stretch; display: flex; flex-direction: column; gap: 12px; width: 100% }
.ral { color: var(--textStrong); font-size: 38px; font-weight: 800; letter-spacing: -0.4px; line-height: 1.15; width: 100% }
.ram { container-type: inline-size; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); width: 100% }
.ran { background: #15171c; border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); height: calc((100cqi * 16) / 9); overflow: hidden; width: 100cqi }
.rao { display: grid; height: 100%; isolation: isolate; overflow: hidden; place-items: stretch stretch; position: relative; width: 100% }
.rap { align-self: stretch; box-sizing: border-box; container-type: size; grid-area: 1 / 1; height: 100%; justify-self: stretch; position: relative; width: 100%; z-index: 0 }
.raq { box-sizing: border-box; inset: 0; position: absolute }
.rar { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22534, 0) - 0.2) / 0.3), 1); position: absolute }
.ras { box-sizing: border-box; color: #4fb0d8; font-family: "JetBrains Mono"; font-size: calc(80 / 1280 * 100cqw); font-weight: 700; left: 50%; line-height: 1.2; position: absolute; top: 23.6111%; transform: translateX(-50%); white-space: pre }
.rat { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22534, 0) - 0.6) / 0.3), 1); position: absolute }
.rau { box-sizing: border-box; color: #ffffff; font-family: "Inter"; font-size: calc(46 / 1280 * 100cqw); font-weight: 700; left: 50%; line-height: 1.2; position: absolute; top: 41.6667%; transform: translateX(-50%); white-space: pre }
.rav { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22534, 0) - 1.4) / 0.3), 1); position: absolute }
.raw { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(24 / 1280 * 100cqw); left: 50%; line-height: 1.2; position: absolute; top: 51.3889%; transform: translateX(-50%); white-space: pre }
.rax { background: #ff5f57; border-radius: calc(6 / 1280 * 100cqw); box-sizing: border-box; height: 1.6667%; left: 4.2188%; position: absolute; top: 11.3889%; width: 0.9375% }
.ray { background: #febc2e; border-radius: calc(6 / 1280 * 100cqw); box-sizing: border-box; height: 1.6667%; left: 5.7813%; position: absolute; top: 11.3889%; width: 0.9375% }
.raz { background: #28c840; border-radius: calc(6 / 1280 * 100cqw); box-sizing: border-box; height: 1.6667%; left: 7.3438%; position: absolute; top: 11.3889%; width: 0.9375% }
.rba { box-sizing: border-box; inset: 0; opacity: 0; position: absolute }
.rbb { background: #1e1f24; border-radius: calc(14 / 1280 * 100cqw); box-sizing: border-box; height: 41.6667%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 9.7222%; width: 93.75% }
.rbc { background: #2a2c33; border-radius: calc(14 / 1280 * 100cqw); box-sizing: border-box; height: 5%; left: 3.125%; position: absolute; top: 9.7222%; width: 93.75% }
.rbd { background: #2a2c33; box-sizing: border-box; height: 1.9444%; left: 3.125%; position: absolute; top: 12.7778%; width: 93.75% }
.rbe { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(15 / 1280 * 100cqw); left: 50%; line-height: 1.2; position: absolute; top: 10.9722%; transform: translateX(-50%); white-space: pre }
.rbf { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 18.0556%; white-space: pre-wrap; width: 390.625% }
.rbg { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22534, 0) - 2) / 0.3), 1); position: absolute }
.rbh { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(17 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 23.75%; white-space: pre-wrap; width: 390.625% }
.rbi { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(17 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 27.7778%; white-space: pre-wrap; width: 390.625% }
.rbj { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(17 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 31.8056%; white-space: pre-wrap; width: 390.625% }
.rbk { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 1280 * 100cqw); left: 5.4688%; line-height: 1.2; position: absolute; text-align: left; top: 22.3611%; white-space: pre-wrap; width: 390.625% }
.rbl { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22534, 0) - 99) / 0.3), 1); position: absolute }
.rbm { background: #1e1f24; border-radius: calc(14 / 1280 * 100cqw); box-sizing: border-box; height: 50%; left: 3.125%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 9.7222%; width: 93.75% }
.rbn { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22536, 0) - 0.2) / 0.3), 1); position: absolute }
.rbo { box-sizing: border-box; color: #4fb0d8; font-family: "JetBrains Mono"; font-size: calc(80 / 720 * 100cqw); font-weight: 700; left: 88.8889%; line-height: 1.2; position: absolute; top: 13.2813%; transform: translateX(-50%); white-space: pre }
.rbp { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22536, 0) - 0.6) / 0.3), 1); position: absolute }
.rbq { box-sizing: border-box; color: #ffffff; font-family: "Inter"; font-size: calc(46 / 720 * 100cqw); font-weight: 700; left: 88.8889%; line-height: 1.2; position: absolute; top: 23.4375%; transform: translateX(-50%); white-space: pre }
.rbr { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22536, 0) - 1.4) / 0.3), 1); position: absolute }
.rbs { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(24 / 720 * 100cqw); left: 88.8889%; line-height: 1.2; position: absolute; top: 28.9063%; transform: translateX(-50%); white-space: pre }
.rbt { background: #ff5f57; border-radius: calc(6 / 720 * 100cqw); box-sizing: border-box; height: 0.9375%; left: 7.5%; position: absolute; top: 6.4062%; width: 1.6667% }
.rbu { background: #febc2e; border-radius: calc(6 / 720 * 100cqw); box-sizing: border-box; height: 0.9375%; left: 10.2778%; position: absolute; top: 6.4062%; width: 1.6667% }
.rbv { background: #28c840; border-radius: calc(6 / 720 * 100cqw); box-sizing: border-box; height: 0.9375%; left: 13.0556%; position: absolute; top: 6.4062%; width: 1.6667% }
.rbw { background: #1e1f24; border-radius: calc(14 / 720 * 100cqw); box-sizing: border-box; height: 23.4375%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 5.4688%; width: 166.6667% }
.rbx { background: #2a2c33; border-radius: calc(14 / 720 * 100cqw); box-sizing: border-box; height: 2.8125%; left: 5.5556%; position: absolute; top: 5.4688%; width: 166.6667% }
.rby { background: #2a2c33; box-sizing: border-box; height: 1.0938%; left: 5.5556%; position: absolute; top: 7.1875%; width: 166.6667% }
.rbz { box-sizing: border-box; color: #b8bcc6; font-family: "Inter"; font-size: calc(15 / 720 * 100cqw); left: 88.8889%; line-height: 1.2; position: absolute; top: 6.1719%; transform: translateX(-50%); white-space: pre }
.rca { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 10.1563%; white-space: pre-wrap; width: 694.4444% }
.rcb { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22536, 0) - 2) / 0.3), 1); position: absolute }
.rcc { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(17 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 13.3594%; white-space: pre-wrap; width: 694.4444% }
.rcd { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(17 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 15.625%; white-space: pre-wrap; width: 694.4444% }
.rce { box-sizing: border-box; color: #c9cdd4; font-family: "JetBrains Mono"; font-size: calc(17 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 17.8906%; white-space: pre-wrap; width: 694.4444% }
.rcf { box-sizing: border-box; color: #9fe6a0; font-family: "JetBrains Mono"; font-size: calc(19 / 720 * 100cqw); left: 9.7222%; line-height: 1.2; position: absolute; text-align: left; top: 12.5781%; white-space: pre-wrap; width: 694.4444% }
.rcg { box-sizing: border-box; inset: 0; opacity: clamp(0, ((var(--v-time_22536, 0) - 99) / 0.3), 1); position: absolute }
.rch { background: #1e1f24; border-radius: calc(14 / 720 * 100cqw); box-sizing: border-box; height: 28.125%; left: 5.5556%; outline: 1.5px solid #33353c; outline-offset: -1.5px; position: absolute; top: 5.4688%; width: 166.6667% }
.rci { --s0: 24px; --s1: 24px; --s2: 24px; background: linear-gradient(180deg, #00000000 0%, #00000000 35%, #00000073 100%); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: var(--s2, 24px) var(--s1, 24px) 100px var(--s0, 24px) }
.rcj { align-items: center; display: flex; flex-direction: column; justify-content: flex-end }
.rck { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); max-width: 640px; min-width: 640px; width: fit-content }
.rcl { -webkit-backdrop-filter: blur(24px) saturate(1.4); backdrop-filter: blur(24px) saturate(1.4); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) }
.rcm { background: var(--glass); border-radius: 16px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid var(--guideBorder); outline-offset: -1.5px; padding: 20px }
.rcn { align-items: stretch; display: flex; flex-direction: column; gap: 12px }
.rco { align-items: center; display: flex; flex-direction: row; gap: 8px; width: 100% }
.rcp { color: var(--courseInk); font-size: 18px; height: 18px; width: 18px }
.rcq { color: var(--courseInk); font-size: 12px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase }
.rcr { flex: 1 1 0% }
.rcs { color: var(--textStrong); font-size: 18px; font-weight: 700; line-height: 1.3; white-space: pre-wrap; width: 100% }
.rct { align-items: flex-start; display: flex; flex-direction: column; grid-area: 1 / 1; z-index: 0 }
.rcu { background: var(--backgroundElevated); border-radius: 12px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px 16px }
.rcv { align-items: flex-start; display: flex; flex-direction: column; gap: 2px }
.rcw { color: var(--textStrong); font-size: 16px; font-weight: 700 }
.rcx { bottom: -1px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: -1px; pointer-events: none; position: absolute; right: -1px; top: -1px; z-index: 1 }
.rcy { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); pointer-events: none }
.rcz { border-radius: 13px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rda { color: var(--textMuted); font-size: 13px }
.rdb { color: var(--textMuted); font-size: 13px; white-space: pre-wrap }
.rdc { align-items: center; display: flex; flex-direction: row; gap: 10px; width: 100% }
.rdd { background: var(--backgroundElevated); border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 11px 16px }
.rde { color: var(--textStrong); font-size: 15px; font-weight: 600 }
.rdf { border-radius: 11px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rdg { color: var(--textStrong); font-size: 18px; font-weight: 700; line-height: 1.3; width: 100% }
.rdh { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); place-items: stretch; width: 250px }
.rdi { align-items: stretch; display: flex; flex-direction: column; gap: 4px }
.rdj { color: var(--textMuted); font-size: 13px; width: 100% }
.rdk { --rfield-error: inset 0 -1px 0 0 var(--border, rgba(0,0,0,0.42)); --rfield-focus: inset 0 -1px 0 0 var(--border, rgba(0,0,0,0.42)); background: var(--backgroundElevated); border: none; border-radius: 0; box-shadow: inset 0 -1px 0 0 var(--border, rgba(0,0,0,0.42)); box-sizing: border-box; color: var(--textStrong); font-family: inherit; font-size: 15px; line-height: 1.5; margin: 0; min-height: 48px; outline: none; padding: 12px 16px; width: 100% }
.rdl { background: var(--action); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 7px 12px }
.rdm { color: var(--onPrimary); font-size: 14px; font-weight: 600 }
.rdn { border-radius: 17px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rdo { color: var(--textStrong); font-size: 15px; line-height: 1.5; width: 100% }
.rdp { background: #1e1f24; border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px }
.rdq { display: grid; isolation: isolate; overflow: hidden; place-items: flex-start flex-start; position: relative }
.rdr { align-items: flex-start; display: none; flex-direction: column; gap: 10px; grid-area: 1 / 1; z-index: 0 }
.rds { -webkit-box-orient: vertical; -webkit-line-clamp: 6; color: #e4e6eb; display: -webkit-box; font-family: 'JetBrains Mono', sans-serif; font-size: 11px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.rdt { background: #2a2c33; border-radius: 8px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 6px 10px }
.rdu { color: #e4e6eb; font-size: 13px }
.rdv { border-radius: 9px; outline: 2px solid var(--guideAccent); outline-offset: -2px }
.rdw { align-items: flex-start; display: flex; flex-direction: row; gap: 10px; grid-area: 1 / 1; justify-self: stretch; z-index: 1 }
.rdx { -webkit-box-orient: vertical; -webkit-line-clamp: 6; color: #e4e6eb; display: -webkit-box; flex: 1 1 0%; font-family: 'JetBrains Mono', sans-serif; font-size: 13px; line-height: 1.5; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.rdy { background: var(--action); border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 11px 18px }
.rdz { color: var(--onPrimary); font-size: 15px; font-weight: 600; white-space: pre-wrap }
.rea { align-items: stretch; display: flex; flex-direction: column; gap: 8px; width: 100% }
.reb { color: var(--textStrong); font-size: 15px; line-height: 1.5; white-space: pre-wrap; width: 100% }
.rec { -webkit-box-orient: vertical; -webkit-line-clamp: 8; color: #e4e6eb; display: -webkit-box; font-family: 'JetBrains Mono', sans-serif; font-size: 11px; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.red { -webkit-box-orient: vertical; -webkit-line-clamp: 8; color: #e4e6eb; display: -webkit-box; flex: 1 1 0%; font-family: 'JetBrains Mono', sans-serif; font-size: 13px; line-height: 1.5; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap }
.ree { background: var(--backgroundElevated); border-radius: 999px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 7px 12px }
.ref { color: var(--textMuted); font-size: 14px; font-weight: 600 }
.reg { background: var(--glass); border-radius: 18px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); outline: 1.5px solid var(--guideBorder); outline-offset: -1.5px; padding: 24px }
.reh { align-items: stretch; display: flex; flex-direction: column; gap: 14px }
.rei { color: var(--textFaint); font-size: 22px; height: 22px; width: 22px }
.rej { color: var(--textFaint); font-size: 13px; font-weight: 700; letter-spacing: 0.5px; text-transform: uppercase }
.rek { align-content: flex-start; align-items: center; column-gap: 12px; display: flex; flex-direction: row; flex-wrap: wrap; row-gap: 12px; width: 100% }
.rel { background: var(--action); border-radius: 10px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px 20px }
.rem { --s0: 24px; --s1: 24px; background: linear-gradient(180deg, #00000000 0%, #00000000 35%, #00000073 100%); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 10px var(--s1, 24px) 100px var(--s0, 24px) }
.ren { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); opacity: calc(1 + -0.65 * var(--b-adPending_22515, 0)) }
.reo { align-items: center; display: flex; flex-direction: row }
.rep { display: contents }
.req { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); pointer-events: auto }
.rer { color: #ffffff; font-size: 26px; height: 26px; width: 26px }
.res { bottom: 62px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); left: -90px; pointer-events: none; position: absolute; right: -90px; z-index: 1 }
.ret { background: #000000e6; border-radius: 6px; display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 4px 8px }
.reu { color: #ffffff; font-size: 12px; font-weight: 600; white-space: pre }
.rev { color: #ffffff; font-size: 22px; height: 22px; width: 22px }
.rew { color: #ffffff; font-size: 12px; font-weight: 600; white-space: nowrap }
.rex { bottom: 62px; display: grid; grid-area: 1 / 1; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); pointer-events: none; position: absolute; right: 0px; width: 260px; z-index: 1 }
.rey { align-items: flex-end; display: flex; flex-direction: column }
.rez { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 70px }
.rfa { margin: 3px 0 }
.rfb { list-style: decimal; padding-left: 22px }
.rfc { list-style: inherit; margin: 2px 0 }
.rfd { font-size: 1.6em; font-weight: 700; margin: 12px 0 4px; scroll-margin-top: 88px }
.rfe { text-decoration: underline }
.rff { margin: 6px 0; position: relative }
.rfg { background: rgba(128,128,128,.12); border-radius: 8px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; margin: 0; overflow-x: auto; padding: 10px; padding-top: 40px }
.rfh { display: flex; gap: 6px; position: absolute; right: 6px; top: 6px }
.rfi { background: rgba(128,128,128,.18); border-radius: 6px; color: inherit; cursor: pointer; font: 12px/1 system-ui, sans-serif; outline: 1px solid rgba(128,128,128,.4); outline-offset: -1px; padding: 5px 8px }
.rfj { background: rgba(128,128,128,.18); border-radius: 4px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.92em; padding: 1px 5px }
.rfk { background: var(--backgroundSurface); display: grid; flex-shrink: 0; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 36px 24px; width: 100% }
.rfl { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 4px 0px }
.rfm { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); min-height: 64px; padding: 10px 24px; width: 100% }
.rfn { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 12px 24px; width: 100% }
.rfo { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); padding: 14px 0px; width: 100% }
.rfp { color: var(--textMuted); font-size: 22px; font-weight: 500 }
[data-reeel-switch="0"] > [data-reeel-case] { display: none; }
[data-reeel-switch="0"] > [data-reeel-case="wide"] { display: flex; }
@media (max-width: 767.98px) {
  [data-reeel-switch="0"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="0"] > [data-reeel-case="compact"] { display: block; }
}
@media (min-width: 768px) and (max-width: 899.98px) {
  [data-reeel-switch="0"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="0"] > [data-reeel-case="compact"] { display: block; }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
  [data-reeel-switch="0"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="0"] > [data-reeel-case="expanded"] { display: flex; }
}
[data-reeel-switch="1"] > [data-reeel-case] { display: none; }
[data-reeel-switch="1"] > [data-reeel-case="wide"] { display: block; }
@media (max-width: 767.98px) {
  [data-reeel-switch="1"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="1"] > [data-reeel-case="compact"] { display: flex; }
}
@media (min-width: 768px) and (max-width: 899.98px) {
  [data-reeel-switch="1"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="1"] > [data-reeel-case="compact"] { display: flex; }
}
@media (min-width: 900px) and (max-width: 1199.98px) {
  [data-reeel-switch="1"] > [data-reeel-case] { display: none; }
  [data-reeel-switch="1"] > [data-reeel-case="expanded"] { display: block; }
}
@container (max-width: 639.98px) { #r391 { display: none; } }
@container (max-width: 479.98px) { #r393 { display: flex; } }
@container (max-width: 479.98px) { #r394 { display: none; } }
@container (max-width: 479.98px) { #r395 { display: flex; } }
@container (max-width: 479.98px) { #r396 { display: none; } }
@container (max-width: 479.98px) { #r397 { display: flex; } }
@container (max-width: 479.98px) { #r398 { display: none; } }
@container (max-width: 479.98px) { #r399 { display: flex; } }
@container (max-width: 479.98px) { #r400 { display: none; } }
@container (max-width: 479.98px) { #r401 { display: flex; } }
@container (max-width: 479.98px) { #r402 { display: none; } }
@container (max-width: 479.98px) { #r403 { display: flex; } }
@container (max-width: 479.98px) { #r404 { display: none; } }
@container (max-width: 639.98px) { #r392 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r405 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; } }
@container (max-width: 519.98px) { #r406 { min-height: 116px; } }
@container (min-width: 640px) { #r390 { height: calc((100cqi * 9) / 16); } }
@container (max-width: 639.98px) { #r392 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r392 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r392 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; --s2: 10px; } }
@container (max-width: 639.98px) { #r405 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; } }
@container (max-width: 639.98px) { #r405 { padding: 10px 10px 100px 10px; --s0: 10px; --s1: 10px; } }
@container (max-width: 519.98px) { #r406 { min-height: 116px; } }
@property --v-time_22534 { syntax: "*"; inherits: false; }
@property --v-time_22536 { syntax: "*"; inherits: false; }
@property --v-value_22539 { syntax: "*"; inherits: false; }
@property --v-value_22541 { syntax: "*"; inherits: false; }
@property --v-value_22543 { syntax: "*"; inherits: false; }
@property --v-value_22545 { syntax: "*"; inherits: false; }
@property --v-value_22547 { syntax: "*"; inherits: false; }
@property --v-value_22549 { syntax: "*"; inherits: false; }
@property --v-value_22551 { syntax: "*"; inherits: false; }
@property --v-value_22553 { syntax: "*"; inherits: false; }
@property --v-value_22555 { syntax: "*"; inherits: false; }
@property --v-value_22557 { syntax: "*"; inherits: false; }
@property --v-value_22561 { syntax: "*"; inherits: false; }
@property --v-value_22563 { syntax: "*"; inherits: false; }
@property --v-value_22565 { syntax: "*"; inherits: false; }
@property --v-value_22567 { syntax: "*"; inherits: false; }
@property --v-value_22569 { syntax: "*"; inherits: false; }
@property --v-value_22571 { syntax: "*"; inherits: false; }
@property --v-value_22575 { syntax: "*"; inherits: false; }
@property --v-value_22578 { syntax: "*"; inherits: false; }
@property --v-value_22582 { syntax: "*"; inherits: false; }
@property --v-value_22585 { syntax: "*"; inherits: false; }
@property --v-value_22589 { syntax: "*"; inherits: false; }
@property --v-value_22592 { syntax: "*"; inherits: false; }
@property --v-value_22594 { syntax: "*"; inherits: false; }
@property --v-value_22596 { syntax: "*"; inherits: false; }
@property --v-value_22600 { syntax: "*"; inherits: false; }
@property --v-value_22603 { syntax: "*"; inherits: false; }
@property --v-value_22605 { syntax: "*"; inherits: false; }
@property --v-value_22607 { syntax: "*"; inherits: false; }
@property --v-value_22609 { syntax: "*"; inherits: false; }
@property --v-value_22611 { syntax: "*"; inherits: false; }
@property --v-value_22613 { syntax: "*"; inherits: false; }
@property --v-value_22615 { syntax: "*"; inherits: false; }
@property --v-value_22619 { syntax: "*"; inherits: false; }
@property --v-value_22622 { syntax: "*"; inherits: false; }
@property --v-value_22624 { syntax: "*"; inherits: false; }
@property --v-value_22626 { syntax: "*"; inherits: false; }
@property --v-value_22628 { syntax: "*"; inherits: false; }
@property --v-value_22630 { syntax: "*"; inherits: false; }
@property --v-value_22634 { syntax: "*"; inherits: false; }
@property --v-value_22637 { syntax: "*"; inherits: false; }
@property --v-value_22641 { syntax: "*"; inherits: false; }
@property --v-value_22643 { syntax: "*"; inherits: false; }
@property --v-value_22647 { syntax: "*"; inherits: false; }
@property --v-value_22649 { syntax: "*"; inherits: false; }
@property --v-value_22651 { syntax: "*"; inherits: false; }
@property --v-value_22653 { syntax: "*"; inherits: false; }
@property --v-value_22657 { syntax: "*"; inherits: false; }
@property --v-value_22670 { syntax: "*"; inherits: false; }
@property --b-hovered_22503 { syntax: "*"; inherits: false; }
@property --b-adPending_22515 { syntax: "*"; inherits: false; }
@property --b-hovered_22662 { syntax: "*"; inherits: false; }
@property --b-hovered_22663 { syntax: "*"; inherits: false; }
@property --b-hovered_22664 { syntax: "*"; inherits: false; }
@property --b-hovered_22665 { syntax: "*"; inherits: false; }
@property --b-hovered_22666 { syntax: "*"; inherits: false; }
@property --b-hovered_22669 { syntax: "*"; inherits: false; }
@property --b-hovered_22671 { syntax: "*"; inherits: false; }
@property --s0 { syntax: "*"; inherits: false; }
@property --s1 { syntax: "*"; inherits: false; }
@property --s2 { syntax: "*"; inherits: false; }
@media (max-width: 767.98px) { #r387 { font-size: 16px; } }
@media (max-width: 767.98px) { #r386 { gap: 6px; } }
@media (max-width: 767.98px) { #r385 { padding: 10px 16px; } }
@media (max-width: 767.98px) { #r389 { font-size: 28px; } }
@media (max-width: 767.98px) { #r388 { padding: 32px 16px; } }
@media (max-width: 767.98px) { #r408 { font-size: 16px; } }
@media (max-width: 767.98px) { #r407 { padding: 36px 16px; } }
@media (max-width: 767.98px) { #r410 { font-size: 16px; } }
@media (max-width: 767.98px) { #r409 { padding: 10px 16px; } }
@media (max-width: 767.98px) { #r411 { padding: 12px 16px; } }