html{background:var(--color-bg);min-height:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.5s ease-out fadeIn}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse-slow{animation:3s cubic-bezier(.4,0,.6,1) infinite pulse-slow}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-shimmer{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%) 0 0/1000px 100%;animation:3s infinite shimmer}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-bounce-soft{animation:2s ease-in-out infinite bounce-soft}@keyframes glow{0%,to{box-shadow:0 0 5px #3b82f680}50%{box-shadow:0 0 20px #3b82f6cc}}.animate-glow{animation:2s ease-in-out infinite glow}@keyframes spin-y{0%{transform:perspective(600px)rotateY(0)}to{transform:perspective(600px)rotateY(360deg)}}.animate-spin-y{transform-style:preserve-3d;animation:1.2s linear infinite spin-y}.gyro{width:28px;height:28px;position:relative}.gyro__base{background:linear-gradient(#111827 0%,#374151 100%);border-radius:6px;height:7px;position:absolute;bottom:2px;left:4px;right:4px;box-shadow:inset 0 1px #ffffff26}.gyro__dome{background:radial-gradient(circle at 30% 30%,#ffffffa6 0%,#fff0 45%),linear-gradient(#ef4444 0%,#b91c1c 100%);border:1px solid #7f1d1d8c;border-radius:12px 12px 6px 6px;height:16px;position:absolute;bottom:7px;left:4px;right:4px;overflow:hidden;box-shadow:inset 0 1px #ffffff40,0 3px 10px #ef444440}@keyframes gyro-blink{0%,to{opacity:1;filter:brightness()}50%{opacity:.45;filter:brightness(1.35)}}.gyro--blink .gyro__dome{animation:.75s ease-in-out infinite gyro-blink}@keyframes thumb-pop{0%{opacity:0;transform:translate(-6px)}20%{opacity:1;transform:translate(0)}70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(6px)}}.animate-thumb-pop{animation:1.4s ease-in-out infinite thumb-pop}.gyro--big{width:34px;height:34px}.gyro--big .gyro__base{height:8px;left:5px;right:5px}.gyro--big .gyro__dome{height:19px;bottom:8px;left:5px;right:5px}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}