| ... | @@ -812,12 +812,35 @@ label:has(> select#reasoning-effort) select { | ... | @@ -812,12 +812,35 @@ label:has(> select#reasoning-effort) select { |
| 812 | #ec4899 90%, | 812 | #ec4899 90%, |
| 813 | #ff6b6b 100% | 813 | #ff6b6b 100% |
| 814 | ); | 814 | ); |
| | 815 | position: relative; |
| | 816 | background: transparent; |
| | 817 | } |
| | 818 | |
| | 819 | .ultrathink-frame::before { |
| | 820 | content: ""; |
| | 821 | position: absolute; |
| | 822 | inset: 0; |
| | 823 | border-radius: inherit; |
| | 824 | padding: 2px; |
| 815 | background-image: var(--ultrathink-spectrum); | 825 | background-image: var(--ultrathink-spectrum); |
| 816 | background-size: 220% 220%; | 826 | background-size: 220% 220%; |
| | 827 | pointer-events: none; |
| 817 | filter: saturate(0.82) brightness(0.92); | 828 | filter: saturate(0.82) brightness(0.92); |
| | 829 | -webkit-mask: |
| | 830 | linear-gradient(#000 0 0) content-box, |
| | 831 | linear-gradient(#000 0 0); |
| | 832 | -webkit-mask-composite: xor; |
| | 833 | mask: |
| | 834 | linear-gradient(#000 0 0) content-box, |
| | 835 | linear-gradient(#000 0 0); |
| | 836 | mask-composite: exclude; |
| 818 | animation: ultrathink-rainbow 10s linear infinite; | 837 | animation: ultrathink-rainbow 10s linear infinite; |
| 819 | } | 838 | } |
| 820 | | 839 | |
| | 840 | .ultrathink-frame > * { |
| | 841 | position: relative; |
| | 842 | } |
| | 843 | |
| 821 | .ultrathink-chroma { | 844 | .ultrathink-chroma { |
| 822 | animation: ultrathink-chroma-shift 10s linear infinite; | 845 | animation: ultrathink-chroma-shift 10s linear infinite; |
| 823 | } | 846 | } |