mod: вращающаяся спираль + микро-оптимизация

public/static/img/logo-hypn0.svg

@@ -1 +1 @@
-<svg width="156" height="46" viewBox="0 0 156 46" version="1.1" xmlns="http://www.w3.org/2000/svg"><g style="fill:#888;"><path d="m 0,2 h 9 v 11 0 c 5,-7 15,-1 15,3 V 33 H 18 V 20 C 18,16 12,14 9,19 V 33 H 3 V 7 H 0 Z" /><path d="m 40,27 h 2 l 4,-16 h 6 c -3,10 -6,21 -10,29 -3,4 -9,5 -13,1 l 3,-4 c 3,2 5,0 7,-3 H 36 L 28,11 h 6 z" /><path d="m 53,11 h 8 c 0,0 1,2 1,3 21,-14 18,29 1,20 v 9 h -6 V 16 h -3 z m 10,8 -0,9 c 13,9 9,-20 0,-9 z" /><path d="m 80,11 h 8 c 0,1 1,2 1,3 3,-3 15,-5 15,5 V 33 H 98 V 21 c 0,-6 -7,-5 -9,-2 V 33 h -6 V 16 h -3 z" /></g><path style="fill:#c22" d="m 114,4 c -3,4 -4,5 -5,8 -10,32 33,44 42,19 7,-28 -26,-41 -35,-16 -2,8 1,17 10,20 7,2 15,-1 17,-8 2,-6 -1,-13 -8,-15 -9,-2 -16,11 -6,16 4,0 3,-3 1,-5 -3,-3 1,-7 4,-6 3,1 5,5 4,8 -1,4 -6,7 -10,5 -5,-2 -8,-8 -7,-14 2,-7 10,-10 16,-8 20,12 8,36 -13,29 -10,-4 -15,-16 -11,-26 1,-3 2,-3 4,-7 1,-3 -1,-2 -3,0 z" /></svg>
+<svg width="160" height="48" viewBox="0 0 160 48" version="1.1" xmlns="http://www.w3.org/2000/svg"><style>.l{fill:#888;transition:fill 0.3s ease;}@media(prefers-color-scheme:light){.l{fill: #333;}}.h{transform-box: fill-box;transform-origin:center;animation:spin 5s linear infinite,colorShift 7s infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(-360deg);}}@keyframes colorShift{0%{fill:#e13}20%{fill:#f70}40%{fill:#1cf}60%{fill:#91f}80%{fill:#1f6}100%{fill:#e13}}</style><g class="l"><path d="m1,3h 9v11 0c5,-7 15,-1 15,3V33H18V20C18,16 12,14 9,19 V33H3V7H0Z"/><path d="m41,28h2l4,-16h6c-3,10-6,21-10,29-3,4-9,5-13,1l3,-4c3,2 5,0 7,-3H36L28,11h6z"/><path d="m54,12h8c0,0 1,2 1,3 21,-14 18,29 1,20v9h-6V16h-3zm10,8-0,9c13,9 9,-20 0,-9z"/><path d="m81,12h8c0,1 1,2 1,3 3,-3 15,-5 15,5V33H98V21c0,-6-7,-5-9,-2V33h-6V16h-3z"/></g><path class="h" fill="#e13" d="m116,5c-3,4-4,5-5,8-10,32 33,44 42,19 7,-28-26,-41-35,-16-2,8 1,17 10,20 7,2 15,-1 17,-8 2,-6 -1,-13-8,-15-9,-2-16,11-6,16 4,0 3,-3 1,-5-3,-3 1,-7 4,-6 3,1 5,5 4,8-1,4-6,7-10,5-5,-2-8,-8-7,-14 2,-7 10,-10 16,-8 20,12 8,36-13,29-10,-4-15,-16-11,-26 1,-3 2,-3 4,-7 1,-3-1,-2-3,0z"/></svg>