html body .dt-tp, html body .dt-tp-modal{--tp-green: #00b67a;--tp-ink: #0a0c10;--tp-ink-2: #2b3038;--tp-muted: #6b7280;--tp-line: rgba(10, 12, 16, 0.08);--tp-ease: cubic-bezier(0.2, 0.8, 0.2, 1);--tp-spring: cubic-bezier(0.34, 1.56, 0.64, 1)}html body .dt-tp{position: relative;margin: 0 0 clamp(26px, 3vw, 40px);color: var(--tp-ink)}html body .dt-tp-stars{display: inline-flex;flex: none;gap: 2px;vertical-align: middle}html body .dt-tp-stars i{--s: 18px;position: relative;display: block;width: var(--s);height: var(--s);overflow: hidden;background: #dcdce6}html body .dt-tp-stars i::before{content: "";position: absolute;inset: 0;width: var(--f, 100%);background: var(--tp-green, #00b67a)}html body .dt-tp-stars i::after{content: "";position: absolute;inset: 16%;background: #fff;-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3 6.6 7.2.7-5.4 4.8 1.6 7.1L12 17.3 5.6 21l1.6-7.1L1.8 9.1 9 8.4z'/%3E%3C/svg%3E") center / contain no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.8l3 6.6 7.2.7-5.4 4.8 1.6 7.1L12 17.3 5.6 21l1.6-7.1L1.8 9.1 9 8.4z'/%3E%3C/svg%3E") center / contain no-repeat}html body .dt-tp-stars--medium i{--s: 22px}html body .dt-tp-stars--large i{--s: 26px}html body .dt-tp-stars--xs i{--s: 15px}html body .dt-tp__head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 14px 24px;margin: 0 0 16px}html body .dt-tp__kicker{display: inline-flex;align-items: center;gap: 8px;margin: 0 0 10px;font-size: 12px;font-weight: 600;letter-spacing: 0.16em;line-height: 1.2;text-transform: uppercase;color: var(--tp-muted)}html body .dt-tp__title{margin: 0 0 12px !important;padding: 0 !important;font-size: clamp(28px, 3.6vw, 48px) !important;font-weight: 700 !important;line-height: 1.04 !important;letter-spacing: -0.035em !important;color: var(--tp-ink) !important;text-transform: none !important}html body .dt-tp__summary{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;margin: 0;font-size: 14.5px;font-weight: 600;letter-spacing: -0.005em;color: var(--tp-ink)}html body .dt-tp__brand{display: inline-flex;align-items: center;gap: 5px;padding: 4px 10px 4px 8px;border-radius: 999px;background: rgba(0, 182, 122, 0.1);color: #00855a;font-size: 12px;font-weight: 700}html body .dt-tp__brand svg{width: 14px;height: 14px;fill: var(--tp-green)}html body .dt-tp__nav{display: flex;gap: 8px}html body .dt-tp .dt-tp__arrow{display: grid;place-items: center;width: 42px;height: 42px;min-height: 0;margin: 0;padding: 0;border: 0;border-radius: 50%;background: linear-gradient(145deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.7));box-shadow: inset 0 1px 0 #fff, inset 0 0 0 1px rgba(10, 12, 16, 0.07), 0 10px 24px -14px rgba(10, 12, 16, 0.4);color: var(--tp-ink);cursor: pointer;transition: transform 0.45s var(--tp-spring), opacity 0.25s}html body .dt-tp .dt-tp__arrow svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round}html body .dt-tp .dt-tp__arrow:hover{transform: scale(1.06)}html body .dt-tp .dt-tp__arrow[disabled]{opacity: 0.35;pointer-events: none}html body .dt-tp__track{display: grid;grid-auto-columns: minmax(270px, calc((100% - 3 * 14px) / 4));grid-auto-flow: column;gap: 14px;margin: -10px -10px -26px;padding: 10px 10px 26px;overflow-x: auto;overscroll-behavior-x: contain;scroll-snap-type: x mandatory;scroll-padding: 0 10px;scrollbar-width: none}html body .dt-tp__track::-webkit-scrollbar{display: none}html body .dt-tp__track:focus-visible{outline: 2px solid var(--tp-green);outline-offset: 2px;border-radius: 20px}html body .dt-tp__card{display: flex;flex-direction: column;gap: 12px;min-width: 0;padding: 20px 20px 18px;border-radius: 20px;background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.86));box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(10, 20, 40, 0.05), 0 1px 2px rgba(10, 20, 40, 0.04), 0 22px 50px -32px rgba(20, 40, 80, 0.35);scroll-snap-align: start;transition: transform 0.55s var(--tp-spring), box-shadow 0.35s var(--tp-ease)}@media (hover: hover) and (pointer: fine){html body .dt-tp__card:hover{transform: translateY(-3px);box-shadow: inset 0 1px 0 #fff, 0 0 0 1px rgba(0, 182, 122, 0.16), 0 2px 4px rgba(10, 20, 40, 0.04), 0 30px 56px -30px rgba(10, 60, 40, 0.42)}}html body .dt-tp__who{display: flex;align-items: center;gap: 11px;min-width: 0}html body .dt-tp__avatar{display: grid;flex: none;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: linear-gradient(145deg, #eef7f2, #dcefe5);color: #0f6b47;font-size: 13px;font-weight: 700;letter-spacing: 0.02em}html body .dt-tp__who > span:last-child{display: grid;min-width: 0;line-height: 1.25}html body .dt-tp__who b{overflow: hidden;font-size: 14px;font-weight: 650;white-space: nowrap;text-overflow: ellipsis}html body .dt-tp__who small{display: inline-flex;align-items: center;gap: 4px;font-size: 12px;font-weight: 500;color: var(--tp-muted)}html body .dt-tp__who small svg{width: 14px;height: 14px;fill: var(--tp-green)}html body .dt-tp__card-title{margin: 2px 0 0 !important;padding: 0 !important;font-size: 15.5px !important;font-weight: 650 !important;line-height: 1.3 !important;letter-spacing: -0.01em !important;color: var(--tp-ink) !important;text-transform: none !important}html body .dt-tp__text{display: -webkit-box;margin: 0 !important;overflow: hidden;font-size: 14px;line-height: 1.6;color: var(--tp-ink-2);-webkit-box-orient: vertical;-webkit-line-clamp: 5}html body .dt-tp .dt-tp__more{align-self: flex-start;min-height: 0;margin: auto 0 0;padding: 4px 0 0;border: 0;background: none;box-shadow: none;color: var(--tp-ink);font: inherit;font-size: 13px;font-weight: 650;text-decoration: underline;text-decoration-color: rgba(0, 182, 122, 0.55);text-decoration-thickness: 2px;text-underline-offset: 4px;cursor: pointer}html body .dt-tp .dt-tp__more:hover{color: #00855a}@media (max-width: 1024px){html body .dt-tp__track{grid-auto-columns: minmax(260px, calc((100% - 2 * 14px) / 3))}}@media (max-width: 767px){html body .dt-tp__track{grid-auto-columns: 82%}html body .dt-tp__nav{display: none}html body .dt-tp__summary{font-size: 13.5px}}html body .dt-tp-modal{position: fixed;inset: 0;z-index: 100045;display: grid;place-items: center;padding: 20px;color: #0a0c10}html body .dt-tp-modal[hidden]{display: none}html body .dt-tp-modal__backdrop{position: absolute;inset: 0;background: rgba(10, 12, 16, 0.32);-webkit-backdrop-filter: blur(10px) saturate(140%);backdrop-filter: blur(10px) saturate(140%);opacity: 0;transition: opacity 0.35s cubic-bezier(0.2, 0.8, 0.2, 1)}html body .dt-tp-modal__panel{position: relative;display: grid;gap: 14px;width: min(560px, 100%);max-height: min(80vh, 720px);overflow-y: auto;padding: 28px;border-radius: 28px;background: #fff;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 40px 90px -30px rgba(10, 12, 16, 0.5);opacity: 0;transform: translateY(16px) scale(0.97);transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s}html body .dt-tp-modal.is-open .dt-tp-modal__backdrop{opacity: 1}html body .dt-tp-modal.is-open .dt-tp-modal__panel{opacity: 1;transform: none}html body .dt-tp-modal__panel .dt-tp__text{display: block;overflow: visible;font-size: 15px;white-space: pre-line;-webkit-line-clamp: unset}html body .dt-tp-modal__close{position: absolute !important;top: 16px;right: 16px;display: grid;place-items: center;width: 38px;height: 38px;min-height: 0;margin: 0;padding: 0;border: 0;border-radius: 50%;background: #f2f4f7;color: #0a0c10;cursor: pointer}html body .dt-tp-modal__close svg{width: 18px;height: 18px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round}@media (max-width: 767px){html body .dt-tp-modal{place-items: end stretch;padding: 0}html body .dt-tp-modal__panel{width: 100%;max-height: 86vh;padding: 26px 22px calc(26px + env(safe-area-inset-bottom, 0px));border-radius: 28px 28px 0 0;transform: translateY(100%)}}@media (prefers-reduced-motion: reduce){html body .dt-tp__card, html body .dt-tp-modal__panel, html body .dt-tp-modal__backdrop{transition-duration: 0.01s}}.dt-adm .dt-tp-stars i{--s: 16px}
