@keyframes tm-card-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tm-gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tm-gradient-text{background:linear-gradient(90deg,var(--primary) 0%,color-mix(in oklab,var(--primary) 55%,var(--accent,var(--primary))) 45%,var(--primary) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite tm-gradient-shift}.tm-card{will-change:transform;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s,border-color .22s;animation:.52s cubic-bezier(.22,1,.36,1) both tm-card-in}.tm-card:hover{border-color:color-mix(in oklab,var(--primary) 55%,transparent);box-shadow:0 20px 40px -20px color-mix(in oklab,var(--primary) 35%,transparent),0 8px 20px -12px #00000040;transform:translateY(-6px)}@supports (color:lab(0% 0 0)){.tm-card:hover{box-shadow:0 20px 40px -20px color-mix(in oklab,var(--primary) 35%,transparent),0 8px 20px -12px #00000040}}.tm-card-glow{border-radius:inherit;background:conic-gradient(from 180deg at 50% 50%,color-mix(in oklab,var(--primary) 0%,transparent),color-mix(in oklab,var(--primary) 55%,transparent) 90deg,color-mix(in oklab,var(--primary) 0%,transparent) 220deg,color-mix(in oklab,var(--primary) 55%,transparent) 320deg,color-mix(in oklab,var(--primary) 0%,transparent) 360deg);opacity:0;pointer-events:none;z-index:1;padding:1px;transition:opacity .32s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tm-card:hover .tm-card-glow{opacity:1;animation:3.6s linear infinite tm-gradient-shift}.tm-live-frame{z-index:5;opacity:0;pointer-events:none;background:var(--card);transition:opacity .38s;position:absolute;inset:0;overflow:hidden}.tm-live-frame.is-loaded{opacity:1}.tm-live-frame iframe{transform-origin:0 0;pointer-events:none;border:0;width:1280px;height:800px;position:absolute;top:0;left:0;transform:scale(.2)}.tm-hover-hint{z-index:6;color:#fff;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000000a6;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:600;transition:opacity .26s,transform .26s;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%,8px)}.tm-card:hover .tm-hover-hint{opacity:1;transform:translate(-50%)}.tm-card:hover .tm-live-frame.is-loaded~.tm-hover-hint{opacity:0}@media(prefers-reduced-motion:reduce){.tm-card,.tm-gradient-text,.tm-card:hover .tm-card-glow{animation:none!important}.tm-card{transition:none}.tm-card:hover{transform:none}}